Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when asked to build web components, pages, or applications — websites, landing pages, dashboards, HTML/CSS layouts, or when styling/beautifying any web UI. Generates creative, polished code that avoids generic AI aesthetics.
Imported from anthropics/skills — Anthropic's official skills repository.
Create distinctive, production-grade frontend interfaces that avoid generic "AI slop" aesthetics. Implement real working code with exceptional attention to aesthetic details and creative choices.
Before coding, understand the context and commit to a bold aesthetic direction:
Critical: Choose a clear conceptual direction and execute it with precision. Bold maximalism and refined minimalism both work — the key is intentionality, not intensity.
Never use generic AI-generated aesthetics:
Match implementation complexity to the aesthetic vision. Maximalist designs need elaborate animations and effects. Minimalist designs need restraint, precision, and careful spacing/typography.
When building new pages in live-site-pages/, use the appropriate HTML template from live-site-pages/templates/ (HtmlAndGasTemplateAutoUpdate-noauth.html.txt or HtmlAndGasTemplateAutoUpdate-auth.html.txt) as a starting point, then apply these design principles to create a distinctive page that still includes the required version polling, splash overlay, and auto-refresh infrastructure.
Developed by: ShadowAISolutions