Individual skill

ui-design

Use when directing, building, or auditing React/Next.js Tailwind UI: visual direction, responsive/dark-mode retrofits, UX audits. Not for typography or motion: use typography-audit or ui-animation.

.devin/skills/ui-design/SKILL.md

Read pinned source

Source commit b0e8ce89a19fac880251dc3ea1babfeb4503a4fe

What was checked

Matches the observed repository HEAD: Yes
Scanner rules are current: Yes
Repository scan complete: No
Skill scan complete: Yes
Observed behavior: Instructions only
Last checked: Nov 4, 2026

These are observations at the recorded commit, not a guarantee of safety. Review the source before running it.

Install this skill

Choose an agent in your Stack or copy a command below. Commands fetch the pinned commit and copy only this skill directory. Existing destinations are refused. Copying a command does not install anything.

An install command is unavailable: current rules, complete repository and skill scans, an eligible behavior level and a permitted license are required.

Repository context

Repository stars (not skill ratings): 55
Repository last updated: Sep 28, 2026
License: Apache-2.0

Observed agent integration: No specific integration evidence. Standard SKILL.md installation does not imply verified compatibility.

odd Repository topic
odin Repository topic
outline Repository topic
outlines Repository topic
coding-paradigm Repository topic
outline-driven-development Repository topic
claude-plugins Repository topic
codex-cli Repository topic
gemini-cli-extensions Repository topic
outline-driven Repository topic
design Derived category
security Derived category
engineering Derived category
design-interface Derived category
engineering-web Derived category

Files and excerpt

File metadata and permitted, redacted excerpts come from the recorded scan. Source links are pinned to that commit.

Browse files

SKILL.mdcore · 10,769 bytes
agents/openai.yamlasset · 235 bytes

Read excerpt


# UI design

## Contract

| Field | Bound contract |
|---|---|
| Trigger | visual direction, Tailwind build, screenshot to markup, dark mode, responsive, UX audit, design QA, deslop UI |
| Authority | Reversible local: writes only files under the project directory; rollback is version control. No credential, paid, published, deployed, or remote mutation. |
| Side effect | Builds, audits, or provides direction for React/Next.js UI; may edit files |
| Done | UI has a track, is built or audited with ship-readiness, and has no AI slop |

## Inputs

- Required: a UI target (either an existing built frontend to audit, or a request to build or direct a new surface) plus the project's existing framework, component patterns, and design tokens.