Baseline UI
A compact, opinionated baseline for spacing, typography, and interaction code.
The field guide
One moment.
Loading the selection…
The field guide
Loading the selection…
A closer look / 9 skills
Choose AI skills for typography, layout, and visual direction. Compare focused frontend briefs, expressive landing pages, and existing-site redesigns.
A compact, opinionated baseline for spacing, typography, and interaction code.
Product-interface polish with attention to motion and component behavior.
A compact brief for deliberate typography, composition, and visual identity.
One design skill with named workflows, browser iteration, and edit hooks.
Product-interface direction with design decisions saved across sessions.
A specific editorial look built from warm neutrals and typographic contrast.
A scan, diagnose, and fix workflow for an interface that already exists.
Scripted art direction with a reference library and browser inspection.
Search local design references and generate a system for the product at hand.
Choosing a skill
Visual direction skills help turn a brief into decisions about typography, hierarchy, spacing, and composition. Start with the kind of page you are making and the freedom you have to change it. A new identity, an expressive landing page, and a careful redesign call for different instructions.
Start with a compact design brief when you already know the audience and subject. This skill asks for deliberate visual choices and a critique of the result; bring your own implementation and testing tools.
Read the Frontend Design reviewUse explicit layout, motion, and density constraints for a landing page or portfolio. The cataloged version is experimental and opinionated; read its scope before choosing it for a product dashboard or complex workflow.
Read the Taste Skill reviewChoose a scan, diagnose, and fix workflow when the current framework and useful parts of the interface should stay. Supply the brand rules and existing behavior that the redesign must preserve.
Read the Redesign Existing Projects reviewGive your chosen skill one concrete page, the intended audience, and a few visual constraints. Review the result at desktop and mobile sizes, then use a focused audit for accessibility or implementation issues. Each review explains installation requirements and agent support.