design-director
UIForge's always-on design brain — the art director for any web UI. Use whenever you build or elevate a landing page, hero,…
UIForge's microcopy layer — words are UI. Use when writing or fixing any interface text: headlines, subheads, button/CTA labels, empty states, error and loading messages, tooltips, form labels, onboarding, or marketing copy, or when copy feels generic, hypey, or "AI-written."
Claude Code
$ npx -y skills add TaewoooPark/UIForge --skill content --agent claude-code
Codex
$ npx skills add TaewoooPark/UIForge --skill content -a codex -y
Cursor
$ npx skills add TaewoooPark/UIForge --skill content -a cursor -y
Gemini CLI
$ npx skills add TaewoooPark/UIForge --skill content -a gemini-cli -y
GitHub Copilot
$ npx skills add TaewoooPark/UIForge --skill content -a github-copilot -y
OpenCode
$ npx skills add TaewoooPark/UIForge --skill content -a opencode -y
Windsurf
$ npx skills add TaewoooPark/UIForge --skill content -a windsurf -y
name: content description: >- UIForge's microcopy layer — words are UI. Use when writing or fixing any interface text: headlines, subheads, button/CTA labels, empty states, error and loading messages, tooltips, form labels, onboarding, or marketing copy, or when copy feels generic, hypey, or "AI-written." Enforces outcome-driven labels, error/empty states that help, a hype-word blocklist, and a specificity test so every claim is checkable — the difference between a page that reads as crafted and one that reads as a template.
Copy is a design surface, not filler poured in at the end. Users **scan, don't read** (NN/g: 79% scan; rewriting marketese to objective, concise, scannable copy tested **+124%** usability). And "words are UI" (Polaris) — labels, empty states, and errors are where a product feels human or feels generated.
"Learn more" in isolation. "Send invoice." "Create project." "Start free trial." (Intuit measured "Send invoice" vs "Submit" at **+18% CTR**.)
consequence is unmistakable — never a bare "Delete" / "OK."
as the whole message, never "An error occurred."
sign in instead?" beats "Invalid input."
a first-run activation moment, not a dead end. "No projects yet. Create one to start tracking builds." + the button.
as a glitch); consider optimistic UI for likes/CRUD.
Every headline needs **≥ 1 checkable element**: a number, a name, a timeframe, or a mechanism. **The test:** if the line could be pasted onto a competitor's site unchanged, it's a slogan — rewrite it.
front-load the point).
Marketese *lowers* measured usability and is the copy signature of AI output. Blocklist and replace:
| Banned | Replace with | |---|---| | unlock / supercharge / elevate / revolutionize / streamline | the literal outcome + a number | | seamless / seamlessly integrate | "connects to Slack, GitHub, Jira in two clicks" | | world-class / enterprise-grade / game-changing / cutting-edge | a specific proof | | "Trusted by thousands" | "Trusted by 4,200 engineering teams" | | "In today's fast-paced world…" | delete; open on the user's problem | | exclamation overuse, em-dash overuse | one clean statement |
calm on errors).
voice; concrete over abstract.
field gets a visible label; every icon gets a text label / `aria-label`.
(pick sentence case for UI and hold it).
Hand back copy the other skills can drop in verbatim — and flag any claim you couldn't make specific, so it gets a real proof point or gets cut.
Clone a website so it actually works — tabs, filters, lists, client-side transitions, motion, scroll — then also as a pixel-faithful freeze and a pixel-identical, editable React restore.
UIForge's always-on design brain — the art director for any web UI. Use whenever you build or elevate a landing page, hero,…
UIForge's token foundry — emits and ENFORCES a project's design signature before any component is built. Use at the start of any…
UIForge's motion layer — art-directs motion for React/Next.js + Tailwind interfaces built with Motion-Primitives (the…
You MUST use this before any creative work - creating features, building components, adding functionality, modifying behavior, or…
Ask which skill or flow fits your situation. A router over the skills in this repo.