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 the agent needs to generate UI code (React/Tailwind/HTML) for websites or apps and must avoid cheap, generic AI aesthetics. Especially for landing pages, SaaS, or portfolio work needing premium feel.
Flawless, pixel-perfect premium UI code that feels expensive, with haptic depth, fluid motion, and zero generic defaults.
Use Cases
A startup founder asks the agent to build a landing page for their AI tool. Using this skill, the agent silently picks an 'Ethereal Glass' vibe and 'Asymmetrical Bento' layout, applies double-bezel cards, custom cubic-bezier motion, and banned-font filters. The founder gets a $150k-agency-grade page that converts better and never looks templated.
A designer needs to redesign a generic portfolio site. The agent applies the skill's editorial luxury archetype, nested CTA buttons, and scroll interpolation via IntersectionObserver. The portfolio now exhibits cinematic rhythm and micro-interactions, helping the designer win higher-paying clients.
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
