Summary
Salvaged from a stale community PR by linus707, this is ECC's fork of frontend design guidance that pushes you to pick an explicit direction before writing UI code. It asks you to name the purpose, audience, tone, and one memorable detail so you don't default to purple gradients and hero sections on every dashboard. The anti-patterns list is honest: no cards inside cards, no decorative blobs when the domain needs restraint, no hiding the actual product behind marketing copy. Use this when you're building something that needs to feel intentional and matched to its context, not just functional. ECC keeps this separate from Anthropic's official frontend-design skill on purpose.
Install to Claude Code
npx -y skills add affaan-m/everything-claude-code --skill frontend-design-direction --agent claude-codeInstalls into .claude/skills of the current project.
Keep your Mac awake while Claude Code and 40+ AI agents run. Sleeps when they're idle.
One time payment $9 →
Integrate web data into your AI product. One API to scrape website & brand data.
Get API Key Now →
Agent, run crypto. Access onchain data & trade routes via 1inch.
Install now →
On Capafy, your Skill runs online 24/7 as an agent product, and you get paid every time someone uses it.
Start earning →
Files
SKILL.md
Select a file.
Featured
Keep your Mac awake while Claude Code and 40+ AI agents run. Sleeps when they're idle.
One time payment $9 →Integrate web data into your AI product. One API to scrape website & brand data.
Get API Key Now →Agent, run crypto. Access onchain data & trade routes via 1inch.
Install now →On Capafy, your Skill runs online 24/7 as an agent product, and you get paid every time someone uses it.
Start earning →
