Loading...
Loading...
Found 107 Skills
Add depth only when functionally necessary (elevation, not decoration)
Apply Fitts's Law to size and position interactive targets for fast, accurate interaction.
Forms have three layers of guidance: helper text below the input explains what to enter, placeholder shows the expected format, and validation confirms correctness. Real-time validation for complex inputs. Submit enables only when the form is valid. Use when designing or reviewing any form, input field, or data entry UI.
SaaS application template using the Partnership model. AI proposes complete vision based on proven SaaS patterns (auth, dashboard, core features, settings), then you provide context. Perfect for web applications requiring user accounts and core functionality.
Analyze images using AI with the understand_image tool
Create distinctive, production-grade frontend interfaces with bold design choices and working code. Use when designing UI components.
Design system feedback for user actions including confirmations, status updates, and notifications.
Use when an agent needs a stronger frontend design brain for landing pages, product sites, portfolios, showcases, and premium marketing work. This skill pushes the model toward crafted layouts, stronger typography, better imagery choices, and anti-generic styling.
Comprehensive UI/UX quality audit covering visual hierarchy, accessibility, AI slop detection, typography, colour, layout, interaction states, responsive behaviour, performance, and microcopy. Produces severity-rated findings with actionable...
Build good-looking web interfaces. Use when: - User asks you to build a web app, website, landing page, or HTML page - User asks for a one-off tool, utility, or demo app - User is starting a new frontend project - User wants to improve how something looks - User mentions UI, design, styling, or making something look better This applies to ANY frontend work, not just "design" tasks. Even simple apps benefit from basic design principles.
Audits existing surface against lower-layer decisions and produces a surface decision inventory — vocabulary, object consistency, completeness, feedback, hierarchy, accessibility