Domains
Forms
Mechanism
Breaks down how the skill works and what it produces, so you can quickly judge whether it fits your scenario and value.
When building new UI or reshaping an existing frontend, especially when the user wants distinctive, non-templated visual design with intentional aesthetics.
A distinctive, intentional frontend design with a documented token system, unique signature element, accessible quality floor, and copy that serves the user.
Use Cases
A startup founder asks for a landing page for a niche music instrument brand. Using this skill, the agent grounds the design in the instrument's materials and vernacular, defines a 4–6 color token palette and deliberate type pairing, and builds a hero that opens with the instrument's most characteristic element. The result avoids templated SaaS looks and gives the brand a memorable visual identity that differentiates it from competitors.
A developer wants to refresh an existing dashboard that feels generic. The skill guides a critique of current layout, identifies templated defaults (e.g. numbered markers with no sequence), and proposes a signature element derived from the data's real meaning. The agent rewrites copy in active voice and respects reduced-motion. The redesigned dashboard communicates more clearly and feels intentionally crafted rather than AI-generated.
Skill Relationships
Dependency relationships read as "the upper tier points to the lower tier." The current Skill sits in the middle tier — above are Skills that depend on it, below are Skills it depends on.
Tier 1 · These Skills Use Me
Tier 2 · Current Skill
Tier 3 · I Use These Skills
Browse this skill's relationships within its skillset. Click a node to switch the side panel; use the search box to jump to any skill.
Skill File
