← ClaudeAtlas

minoan-frontend-designlisted

This skill should be used when building web components, pages, artifacts, posters, or applications (websites, landing pages, dashboards, React components, HTML/CSS layouts, or styling/beautifying any web UI), including editorial heroes with hover-reactive depth-parallax busts or statues (Astryx pattern) and pointer-reactive fluid effects over DOM sections. Creates distinctive, production-grade frontend interfaces with high design quality that avoids generic AI aesthetics.
tdimino/claude-code-minoan · ★ 32 · Web & Frontend · score 82
Install: claude install-skill tdimino/claude-code-minoan
<!-- Creative core: syncretic-v3 (eval/skills/syncretic-v3.md). See eval/skills/INDEX.md for lineage. --> <!-- Eval record: 70.0% vs wetch (14-6, p=0.058) across 20 blind A/B comparisons. --> <!-- Impeccable sync: v1.6.0 (2026-03-24). Anti-patterns, critique refs, scoring rubrics updated. --> Build frontend interfaces that are unmistakably *designed*, not generated. Every interface should feel like a specific designer made specific choices for a specific context. ## Creative Direction Name the conceptual direction before coding—"Bloomberg Terminal," "medical journal," "zine collage," "VHS dreamworld." The name anchors every subsequent decision. Root every aesthetic choice in the subject itself. A jazz club's website should feel like smoke and brass. A children's reading app should feel like opening a pop-up book. A fintech dashboard should feel like a control room, not a toy. The design should be so fitted to its context that transplanting the aesthetic to a different project would feel wrong. Commit to a singular direction: brutally minimal, maximalist chaos, luxury/refined, lo-fi/zine, dark and moody, editorial/magazine, brutalist/raw, retro-futuristic, art deco/geometric, cinematic/widescreen, data-dense/scientific, or something entirely unnamed. The final design should feel like nothing else. Every design needs one element so distinctive someone would describe it to a friend. Find that element and let everything else serve it. ## Typography Typography carries the