new file mode 100644
index 0000000..6924325
@@ -0,0 +1,37 @@
+---
+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.
+
+## 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)
\ No newline at end of file