High-craft frontend
Product thinking, visual hierarchy, responsive behavior, and restrained finishing for AI-built interfaces.
Why this collection exists
Move beyond clean-but-generic output and build interfaces that feel specific to the product.
Prompts
Use these directly when the moment calls for a focused process.
Build a high-craft frontend
Create an authored, responsive interface grounded in the product rather than template aesthetics.
Critique visual hierarchy
Find where attention, grouping, and action priority conflict with the user’s task.
Remove generic AI design
Replace template-like styling with decisions derived from the product’s real content and behavior.
Improve responsive behavior
Preserve hierarchy and task flow across widths instead of merely stacking columns.
Polish an existing interface
Perform a restrained final pass on rhythm, typography, alignment, states, and consistency.
Skills
Install these when the discipline should remain available across sessions.
Impeccable
A cohesive design language for AI coding agents with commands for shaping, critiquing, polishing, adapting, and hardening interfaces.
Frontend Design
Creates intentional, production-grade interfaces with a clear visual point of view.
Frontend Design Principles
Uses discovery gates and product-specific signatures to avoid interchangeable generated interfaces.
Web Design Guidelines
Reviews interface code for accessibility, usability, and web-platform conventions.
Workflows
Follow these when the work spans several distinct stages.
Build a high-craft interface from a reference
Extract hierarchy and atmosphere from visual references while keeping the result specific to the current product.
Turn a generic generated UI into a real product
Remove template tells, establish a product-specific focal idea, and finish the details without rewriting the feature.