$3
Frontend Design Skills: 8 SKILL.md Files for Claude Code
Eight skills that make Claude Code build better interfaces: landing page, dashboard, design review, accessibility pass, React on your design system, Next.js App Router screens, SwiftUI layouts and frosted glass for the web. Each one is a SKILL.md with its references, plain Markdown you install into ~/.claude/skills and change to your own rules. Claude picks the right one from your request, so you never name it. Every skill was proved the same way: one prompt built in a clean Claude Code without it and with it; the gallery shows what changed.
$3
One payment. The files are yours to download right away.
- Instant downloadIn your account the moment the payment goes through, with the receipt by email.
- Personal and commercial useOne license for one person, in your own work and your clients'. The files themselves are not shared or resold.
- Includes
- 8 Claude Code skills
- Formats
- SKILL.md folders with their references (Markdown)
- Download
- 27 files in one zip, 0.1 MB
- Works with
- Claude Code
- Category
- Agent Skills
- Released
- 20 Oct 2026
- License
- Personal and commercial use
Landing pageDashboardDesign reviewAccessibility passReact on your design systemNext.js App Router screensSwiftUI layoutsFrosted glass for the web
Where to use it
Marketing pages
Landing pages with a register, real copy and a drawn product, not the template every agent reaches for.
App screens
Dashboards, Next.js routes and SwiftUI views with every state: loading, empty, error.
Your design system
The agent reads your tokens and components first, and extends them instead of writing around them.
Before you ship
A scored design review and a WCAG 2.2 AA pass, each finding tied to the element and fixed.
Your own rules
Every skill is plain Markdown: change a rule, a palette or a checklist and it is your house's.
More in Agent Skills