Frontend Design
Ship web UIs, landing pages, and React components that look intentional and production-ready instead of generic template output.
Install
npx skills add https://github.com/ayyappa-a/NeuroGrid --skill skill.mdWhat is this skill?
- Targets websites, landing pages, dashboards, posters, and React or HTML/CSS artifacts
- Emphasizes distinctive, production-grade interfaces over default AI-looking aesthetics
- Applies when building or beautifying any web UI the user asks for
- Outputs creative, polished implementation-ready frontend code and design direction
Recommended Skills
Frontend Designanthropics/skills
Vercel React Best Practicesvercel-labs/agent-skills
Remotion Best Practicesremotion-dev/skills
Vercel Composition Patternsvercel-labs/agent-skills
Develop Userscriptsxixu-me/skills
Next Best Practicesvercel-labs/next-skills
Journey fit
Primary fit
Canonical shelf is Build because the skill’s core deliverable is implementable frontend code and styling for live products. Frontend is the primary subphase: components, layouts, dashboards, HTML/CSS, and visual polish are explicit triggers in the description.
SKILL.md
READMESKILL.md - Frontend Design
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI). Generates creative, polished code and UI design that avoids generic AI aesthetics. # frontend-design { "name": "frontend-design", "description": "Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI). Generates creative, polished code and UI design that avoids generic AI aesthetics." }