frontend-design

3146 stars 266 forks
53

This skill should be used when creating distinctive, production-grade frontend interfaces with high design quality. It applies when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.

Marketplace
Also in: ci cd github

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 EveryInc/compound-engineering-plugin/frontend-design
skilz install EveryInc/compound-engineering-plugin/frontend-design --agent opencode
skilz install EveryInc/compound-engineering-plugin/frontend-design --agent codex
skilz install EveryInc/compound-engineering-plugin/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/EveryInc/compound-engineering-plugin
2. Copy the agent skill directory:
cp -r compound-engineering-plugin/plugins/compound-engineering/skills/frontend-design ~/.claude/skills/

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

Related Agentic Skills

Agentic Skill Details

Stars
3146
Forks
266
Type
Technical
Meta-Domain
productivity
Primary Domain
pdf
Market Score
53

Report Security Issue

Found a security vulnerability in this agent skill?