frontend-design

21

Creates unique, production-grade frontend interfaces with exceptional design quality. Use when user asks to build web components, pages, materials, posters, or applications (e.g., websites, landing pages, dashboards, React components, HTML/CSS layouts, or styling/beautifying any web UI). Generates creative, polished code and UI designs that avoid mediocre AI aesthetics.

Third-Party Agent Skill: Review the code before installing. Agent skills execute in your AI assistant's environment and can access your files. Learn more about security

Installation for Agentic Skill

View all platforms →
skilz install YYH211/Claude-meta-skill/frontend-design
skilz install YYH211/Claude-meta-skill/frontend-design --agent opencode
skilz install YYH211/Claude-meta-skill/frontend-design --agent codex
skilz install YYH211/Claude-meta-skill/frontend-design --agent gemini

First time? Install Skilz: pip install skilz

Works with 22+ AI coding assistants

Cursor, Aider, Copilot, Windsurf, Qwen, Kimi, and more...

View All Agents
Download Agent Skill ZIP

Extract and copy to ~/.claude/skills/ then restart Claude Desktop

1. Clone the repository:
git clone https://github.com/YYH211/Claude-meta-skill
2. Copy the agent skill directory:
cp -r Claude-meta-skill/frontend-design ~/.claude/skills/

Need detailed installation help? Check our platform-specific guides:

Related Agentic Skills

Agentic Skill Details

Type
Non-Technical
Meta-Domain
general
Primary Domain
general
Sub-Domain
javascript frontend grade
Market Score
21

Report Security Issue

Found a security vulnerability in this agent skill?