Loading...
Loading...
Found 115 Skills
Comprehensive design guide for web and mobile applications. Contains 50+ styles, 97 color palettes, 57 font pairings, 99 UX guidelines, and 25 chart types. Use when the user requests UI/UX work (design, build, create, implement, review, fix, improve).
UI/UX design intelligence. Plan, build, design, implement, review, improve UI/UX code. Styles: glassmorphism, minimalism, dark mode, responsive. Projects: landing page, dashboard, SaaS, mobile app.
Design system feedback for user actions including confirmations, status updates, and notifications.
Audits existing surface against lower-layer decisions and produces a surface decision inventory — vocabulary, object consistency, completeness, feedback, hierarchy, accessibility
Provides UI/UX design, user research, visual design, and brand consistency capabilities. Use this when you need to design interfaces, conduct user research, or create visual assets.
UI/UX design intelligence for web and mobile. Includes 50+ styles, 161 color palettes, 57 font pairings, 161 product types, 99 UX guidelines, and 25 chart types across 10 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui, and HTML/CSS). Actions: plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, and check UI/UX code. Projects: website, landing page, dashboard, admin panel, e-commerce, SaaS, portfolio, blog, and mobile app. Elements: button, modal, navbar, sidebar, card, table, form, and chart. Styles: glassmorphism, claymorphism, minimalism, brutalism, neumorphism, bento grid, dark mode, responsive, skeuomorphism, and flat design. Topics: color systems, accessibility, animation, layout, typography, font pairing, spacing, interaction states, shadow, and gradient. Integrations: shadcn/ui MCP for component search and examples.
Apply Apple's 8 foundational design principles (from WWDC26) to review, critique, score, or generate UI/UX decisions. Use this skill whenever the user wants to evaluate a design, review a screen or flow, audit a feature for design quality, decide what to build or cut, check if a UI feels right, or think through how to design something for iPhone/Mac/Apple platforms. Also trigger when the user asks "is this good design?", "what's wrong with this UI?", "how should I design X?", or "review this from a design perspective." Don't wait for the user to explicitly say "Apple design principles" — invoke whenever the conversation is clearly about design quality, UX decisions, or product design critique.