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 user requests a visually important website (hero, landing page, marketing/product/portfolio site) and image generation is available, especially inside Codex.
A premium, readable, implementation-friendly website whose code closely matches the generated design references, with clean hero and faithful section reconstruction.
Use Cases
A startup founder needs a premium landing page. Using this skill, the agent first generates separate hero, features, and pricing images in Codex, analyzes typography and spacing from each, then codes the site to match. This avoids generic AI layouts and delivers a clean, art-directed page faithful to the visuals, saving redesign cost.
A designer wants to redesign an editorial brand page. The skill generates fresh section images instead of cropping old boards, deeply extracts color and type, then implements a breathable, premium site. It breaks card-spam defaults and keeps hero visible on small laptops, improving brand perception.
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
