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.

Install to Claude Code

npx -y skills add everyinc/compound-engineering-plugin --skill ce-frontend-design --agent claude-code