[[
wikihub
]]
Search
⌘K
Explore
People
For Agents
Sign in
Explore
People
For Agents
Sign in
@harrisonqian / Awesome Claude Skills / wiki/design-and-frontend.md
Suggest edit
Cancel
Submit suggestion
Title
Name
Note
--- visibility: public --- # design & frontend skills for UI/UX, frontend frameworks, and design systems. separated from [[creative-and-media]] because these are for production interfaces, not creative expression. related: [[creative-and-media|creative and media]] · [[company-skills|company skills]] · [[official|official]] · [[development|development]] ## the standout **[frontend-design](https://github.com/anthropics/skills/tree/main/skills/frontend-design)** — Anthropic's official skill. **110k+ weekly installs. the most popular skill in the entire ecosystem.** explicitly bans generic "AI slop" aesthetics. picks bold directions and executes with precision. if you install one skill, make it this one. ## production UI - **[ui-ux-pro-max-skill](https://github.com/nextlevelbuilder/ui-ux-pro-max-skill)** (63k stars) — design intelligence for professional UI/UX across platforms. extremely popular. - **[web-design-guidelines](https://github.com/vercel-labs/agent-skills)** — 100+ accessibility/performance/UX rules from Vercel. **133k weekly installs.** see [[company-skills]]. - **[nothing-design-skill](https://github.com/dominikmartn/nothing-design-skill)** (1.7k stars) — UI generation in Nothing's monochrome design language. niche but beautiful. ## frontend frameworks - **[react-best-practices](https://github.com/vercel-labs/agent-skills)** — 57 React/Next.js optimization rules. Vercel. - **[composition-patterns](https://github.com/vercel-labs/agent-skills)** — compound components, context providers. Vercel. - **[shadcn/ui skills](https://ui.shadcn.com/docs/skills)** — component patterns for shadcn/ui. - **[SwiftUI-Agent-Skill](https://github.com/twostraws/SwiftUI-Agent-Skill)** (3.5k stars) — also in [[development]]. by Paul Hudson. - **[react-native-best-practices](https://github.com/callstack)** — Callstack's React Native skill. - **[Expo skills](https://github.com/expo/skills)** — building UI, data fetching, deployment for Expo/RN. see [[company-skills]]. ## visual design - **[Theme Factory](https://github.com/anthropics/skills/tree/main/skills/theme-factory)** — 10 pre-set professional themes. official Anthropic. - **[Brand Guidelines](https://github.com/anthropics/skills/tree/main/skills/brand-guidelines)** — Anthropic brand colors/typography. official. - **[visual-explainer](https://github.com/nicobailon/visual-explainer)** (7.5k stars) — generates rich HTML pages or slide decks for diagrams, diff reviews, data tables. - **[frontend-slides](https://github.com/zarazhangrui/frontend-slides)** — animation-rich HTML presentations from scratch or PowerPoint conversion. ## from the manifesto > good skills: front end dev; instructions for how to make good clean website design, security guidance — [vibe coding manifesto](https://www.moonflowers.xyz/writing/vibe_coding_manifesto)