Frontend Design
Guides Claude to build frontend interfaces that don't look like every other AI-generated site. It runs a full workflow: detects what's already in your codebase, plans the design approach, builds it, then verifies visually. The authority hierarchy is smart: existing patterns trump everything, your explicit instructions override the skill's defaults, and defaults only kick in for greenfield work. Nice that it's upfront about being a set of defaults, not hard rules. If you're tired of that generic shadcn aesthetic showing up everywhere, this gives Claude an opinionated framework for something more distinctive while still respecting what you've already built.
- skills.sh installs
- 638
- GitHub stars
- 26K
- last updated
- Aug 21, 2026
Install
$ npx -y skills add everyinc/compound-engineering-plugin --skill frontend-design --agent claude-codeInstalls into .claude/skills of the current project.
Files
Guides Claude to build frontend interfaces that don't look like every other AI-generated site. It runs a full workflow: detects what's already in your codebase, plans the design approach, builds it, then verifies visually. The authority hierarchy is smart: existing patterns trump everything, your explicit instructions override the skill's defaults, and defaults only kick in for greenfield work. Nice that it's upfront about being a set of defaults, not hard rules. If you're tired of that generic shadcn aesthetic showing up everywhere, this gives Claude an opinionated framework for something more distinctive while still respecting what you've already built.
Browse the repository on GitHubSponsors
Agent CaffeineSponsoredClose your lid, come back to finished work
SnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthly
WaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthly
knobsSponsoredSee your site on any phone, any day, in any languageDetails
- Repository
- github.com/everyinc/compound-engineering-plugin
- Categories
- Frontend Development, DevOps & CI/CD, Code Review & Quality, Design & UI/UX
- First seen
- May 16, 2026
More from everyinc/compound-engineering-plugin
All 78- Git Worktree634
- Gemini Imagegen633
- Agent Native Architecture581
- Document Review562
- Agent Browser542
- Every Style Editor524
- Dspy Ruby494
- Andrew Kane Gem Writer493
- Rclone452
- Orchestrating Swarms444
- Setup392
- File Todos333
- Brainstorming291
- Proof277
- Test Xcode255
- Git Commit Push Pr246
- Changelog245
- Resolve Pr Feedback243
- Agent Native Audit242
- Todo Create241
- Todo Triage240
- Test Browser239
- Todo Resolve239
- Git Commit235
Recommended
More Frontend Development
avalonia-layout-zafirosickn33/antigravity-awesome-skillsavalonia layout zafiro625skills.sh installs
angular-best-practices-ngrxalfredoperez/angular-best-practicesangular best practices ngrx601skills.sh installs
awwwards-ui-skillsihlamury/design-skillsAwwwards's UI design system. Use when building interfaces inspired by Awwwards's aesthetic - light mode, Inter font, 4px grid.587skills.sh installs
angular-new-appangular/angularCreates a new Angular app using the Angular CLI. This skill should be used whenever a user wants to create a new Angular application and contains important guid580skills.sh installs
solidjs-patternsdifferent-ai/openworkSolidJS reactivity + UI state patterns for OpenWork570skills.sh installs