frontend-design

8.2

312

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI). Generates creative, polished code and UI design that avoids generic AI aesthetics.

ui-design

8.2

Rating

Installs

Frontend Development

Quick Review

Excellent skill for generating distinctive frontend designs. The description clearly covers scope (web components, pages, dashboards, etc.) and the SKILL.md provides comprehensive design philosophy with actionable guidelines. Strong task knowledge with specific aesthetic directions, typography guidance, motion implementation, and anti-pattern warnings. Well-structured with clear sections for design thinking and aesthetics. High novelty value: a CLI agent would likely produce generic designs without this explicit guidance to avoid 'AI slop' and commit to bold aesthetic choices. The skill meaningfully reduces token cost by codifying nuanced design thinking that would otherwise require extensive prompting. Minor improvement opportunity: could include concrete code examples or reference templates, though the conceptual guidance is sufficiently detailed for implementation.