Claude Skills by TaewoooPark

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.

UIForge's always-on design brain — the art director for any web UI. Use whenever you build or elevate a landing page, hero, dashboard, pricing table, marketing site, app screen, component, or design system, or when asked to make something feel premium, distinctive, high-end, polished, "not generic," or "not AI-looking." It forces a deliberate choice on every design axis (typography, color, spacing, layout, motion, copy) instead of defaulting to the statistical average — then sources component...

UIForge's token foundry — emits and ENFORCES a project's design signature before any component is built. Use at the start of any UI work, or when asked to set up a theme, design system, design tokens, color palette, type scale, or spacing/radius/shadow foundation, or to make a shadcn/Tailwind theme look non-default. Emits tokens.css (color roles, type scale, 8px spacing, radius, shadow) + motion.ts derived from the chosen design direction, then scans the build for off-token "magic numbers" an...

UIForge's motion layer — art-directs motion for React/Next.js + Tailwind interfaces built with Motion-Primitives (the shadcn-style copy-in registry, powered by Motion / ex Framer Motion). Use whenever you build or polish a landing page, hero, dashboard, pricing table, feature section, empty state, or any screen where motion is in play — adding animations, transitions, scroll reveals, hover or press micro-interactions, loading states, or when asked to make a screen feel more premium, refined, ...