aesthetic-frontend-skills

Use this skill when a user names or describes a visual aesthetic (Y2K, vaporwave, brutalist, cottagecore, dark academia, etc.), wants to compare or disambiguate aesthetics, or needs formal characterization before producing design tokens or assets. Provides the 7-dimension framework (palette, type, texture, shape, motion, spatial conventions, cultural markers) and a curated dictionary of 124 major aesthetics. Foundation for aesthetic-application. Do not use for component implementation, layout, or accessibility decisions.

Use this skill when you need a complete developer-ready design specification for a named aesthetic: W3C DTCG design tokens, CSS custom properties, cultural marker lists, component-level notes, and accessibility flags. Translates aesthetic understanding into implementable values across all 7 dimensions. Use when the user asks to 'make it look like X', requests design tokens or CSS variables, or needs a developer handoff spec grounded in an aesthetic. Depends on aesthetic-literacy. Do not use before an aesthetic is confirmed; do not use for accessibility resolution or component architecture.