Loading...
Loading...
Found 57 Skills
Build accessible, unstyled React UI components with Radix Primitives
Manage design tokens, component libraries, and pattern documentation. Trigger with "design system", "component library", "design tokens", "style guide", or when the user asks about maintaining consistency across designs.
Research-first UI/UX design workflow. Use BEFORE any frontend visual work to research modern patterns, gather inspiration from real products, and avoid generic AI-generated looks. Mandatory prerequisite for quality UI work.
Dashboard UI patterns with widget composition, real-time data updates, responsive grid layouts, and data tables for React applications. Use when building dashboards, widgets, or data tables.
When something goes wrong, the user must be able to recover or try again. Toasts, inline errors, banners, and notification patterns each have a specific role. Use when designing error states, success confirmations, async feedback, in-place editing, or any system that communicates state changes to the user.
Design focused empty states for zero-data, no-results, permission, and error situations with clear value framing, strong CTAs, and less dead chrome. Use when the user mentions blank pages, zero-data screens, no results, permission states, or dead controls—not broader onboarding strategy.
Drop-in SwiftUI sticky header component with progressive blur effect matching Apple Music, Photos, and App Store styles.
UI patterns borrowed from the physical world feel immediately intuitive — cards feel graspable, carousels feel scrollable, drawers feel pullable. Use real-world metaphors deliberately to reduce the learning curve and make interactions feel natural. Use when designing layout patterns, gestures, or navigation paradigms.
Stops web UI from looking AI-generated. Use when building, restyling, or reviewing a website, landing page, hero, marketing or help/docs page, or a frontend component (HTML, CSS, Tailwind, React, Vue, Svelte, Astro), and whenever the user says the design looks generic, templated, "AI slop", "like every other SaaS", bland, or asks to make it look designed by a person. Covers an anti-pattern catalog with a lint script, craft rules for type, spacing, color and copy, a per-project DESIGN.md, design dials, viewport QA, and an internal pre-done gate (never dump as a user checklist). Early / unfinished: open every run with the CAPS LOCK WIP warning in the user's language (stable release announced on the site and Twitter).