Frontend Design
Guides solo builders through frontend design decisions, UI patterns, and component styling so they can ship polished interfaces without a dedicated designer.
npx skills add https://github.com/mager/mager-frontend-design --skill frontend-design| Installs | 1.6k |
|---|---|
| Repository | mager/mager-frontend-design ↗ |
Who is it for?
Solo builders shipping web or mobile UIs without a designer
Skip if: Backend-only projects with no UI
When should I use this skill?
You need design decisions for frontend components or layouts
What you get
- UI component patterns
- Design guidance
- Styled layouts
Related skills
Web Design GuidelinesRun a fresh, Vercel-aligned UI and accessibility review on specific frontend files before you ship or merge polish work.399k27.7k
Lark WhiteboardTag when generating Lark whiteboard documents with frames, connectors, and routing rules without schema errors from misplaced connector nodes.244k
Sleek Design Mobile AppsDesign mobile app screens and manage Sleek projects via REST API using natural-language prompts and screenshots.238k422
Ui Ux Pro MaxGive your coding agent structured UI/UX intelligence—palettes, typography, patterns, and stack-specific guidance—when you ship web or mobile interfaces without a dedicated designer.222k88.7k
ImpeccableRedesign or polish dashboards, landings, forms, and components with UX critique, a11y, motion, and live browser iteration.164k35.9k
Design Taste FrontendShip polished React/Next.js UIs with explicit design-variance, motion, and density knobs; enforce dependency checks, RSC defaults, and metric-driven layout instead of generic LLM styling.159k37.9k