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 a user requests a landing page, portfolio, or redesign and wants to avoid templated "AI-slop" output. The agent should use this before writing frontend code.
A non-templated, context-appropriate interface with declared design direction, correct system usage, and a strict pre-flight check.
Use Cases
A startup founder needs a SaaS landing page but hates generic AI gradients. They use this skill; the agent infers a Linear-style minimalist read, sets dials to 7/6/4, picks Tailwind v4 + Motion, and ships a clean non-templated page. Value: credible brand presence without design debt.
A designer wants to redesign a public-sector site preserving trust. The skill audits existing assets, forces trust-first dials (3/2/5), and applies GOV.UK Frontend officially. It avoids broken functionality and meets regulatory expectations. Value: compliant, accessible, premium redo.
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
