Ce Frontend Design
A refreshingly opinionated take on frontend work that actually cares about design quality. It detects whether you're working in an existing codebase or starting fresh, then adapts its guidance accordingly. The workflow is concrete: detect what's there, write a visual thesis before touching code, build with actual typographic and compositional intent, then verify with screenshots. Defaults to distinctive fonts over the usual AI slop (no more Inter everywhere), prefers cardless layouts unless containers actually serve a purpose, and ships 2-3 intentional animations using your existing motion library. The authority hierarchy is smart: existing patterns trump the skill's opinions, your instructions trump both. Use it when you want frontend work that doesn't look generated.
- skills.sh installs
- 1.8K
- GitHub stars
- 26K
- last updated
- Aug 21, 2026
Install
$ npx -y skills add everyinc/compound-engineering-plugin --skill ce-frontend-design --agent claude-codeInstalls into .claude/skills of the current project.
Files
A refreshingly opinionated take on frontend work that actually cares about design quality. It detects whether you're working in an existing codebase or starting fresh, then adapts its guidance accordingly. The workflow is concrete: detect what's there, write a visual thesis before touching code, build with actual typographic and compositional intent, then verify with screenshots. Defaults to distinctive fonts over the usual AI slop (no more Inter everywhere), prefers cardless layouts unless containers actually serve a purpose, and ships 2-3 intentional animations using your existing motion library. The authority hierarchy is smart: existing patterns trump the skill's opinions, your instructions trump both. Use it when you want frontend work that doesn't look generated.
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
- Jun 3, 2026
More from everyinc/compound-engineering-plugin
All 78- Ce Dhh Rails Style1.8K
- Ce Release Notes1.8K
- Ce Clean Gone Branches1.7K
- Ce Gemini Imagegen1.7K
- Ce Agent Native Audit1.7K
- Ce Report Bug1.7K
- Compound Docs1.5K
- Ce Polish Beta1K
- Dhh Rails Style716
- Frontend Design638
- 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
Recommended
More Frontend Development
oo-component-documentationgithub/awesome-copilotCreate or update standardized object-oriented component documentation using a shared template plus mode-specific guidance for new and existing docs.1.8Kskills.sh installs
frontend-design-directionaffaan-m/everything-claude-codefrontend design direction1.7Kskills.sh installs
managing-astro-local-envastronomer/agentsManage local Airflow environment with Astro CLI (Docker and standalone modes). Use when the user wants to start, stop, or restart Airflow, view logs, query the 1.6Kskills.sh installs
generate-import-htmladobe/skillsUse this when the page-import pipeline needs to produce structured HTML from authoring analysis for AEM Edge Delivery Services. Covers building section structur1.6Kskills.sh installs