Creates distinctive, production-grade frontend interfaces with high-end aesthetics and custom design patterns.
The cct-frontend-design skill empowers Claude to transcend generic AI-generated layouts and deliver visually striking, professional frontend components and applications. By applying specific aesthetic directions—ranging from brutalist minimalism to maximalist chaos—it ensures every UI is memorable, cohesive, and intentional. This skill focuses on sophisticated typography, unique color palettes, complex motion effects, and unconventional spatial compositions to deliver production-ready code that feels hand-crafted rather than algorithmically assembled.
主な機能
01Prioritizes high-impact typography and distinctive font pairings.
021 GitHub stars
03Implements sophisticated CSS motion and micro-interactions for polished UX.
04Eliminates 'AI slop' by avoiding overused fonts, layouts, and generic color schemes.
05Applies specific design archetypes such as retro-futuristic, editorial, or luxury.
06Generates production-grade code across various frameworks including React and Vue.
ユースケース
01Creating interactive editorial layouts and artistic web artifacts.
02Building high-conversion landing pages with unique, memorable visual identities.
03Designing custom dashboard components that break away from standard UI kits.