ce-frontend-design

To create a web interface aligned with your existing design system, this skill automatically detects your current codebase design tokens and provides structured guidance for typography, color, and composition. It evaluates your visual thesis to ensure frontend development maintains strict design integrity.

Frontend development of a landing page should follow principles for typography, color, composition, motion, and accessibility. This skill provides specific context modules and litmus checks to guide the creation of high-quality web interfaces that meet user expectations and brand aesthetics.

Yes, you can use this skill to plan visual design for web apps and dashboards. It provides specific design context modules for these formats, guiding the creation of a visual thesis, content structure, and interaction plans to ensure high-quality interface design.

Yes, you need design detection and verification tools to ensure web interface quality. This skill requires these tools to automatically detect existing design systems in your codebase and perform visual verification litmus checks on the final frontend output.

The best way to maintain design integrity when building UI components is to apply structured design guidance for visual elements. This skill offers principles for typography, motion, and accessibility, along with visual verification checks to guarantee component quality.