{"skills":[{"id":"ccd9f237-152c-4a30-9632-05ca912878c1","slug":"accessibility","name":"Accessibility (a11y)","description":"Builds UIs that work for keyboard, screen-reader, and low-vision users: semantic HTML first, correct ARIA only when needed, full keyboard operability with visible focus, WCAG color contrast, labelled forms with linked errors, descriptive alt text, and reduced-motion support. Use when the user asks for accessible, WCAG-compliant, keyboard-friendly, or screen-reader-friendly interfaces, or for any form, modal, menu, or interactive component.","category":"quality","icon":"accessibility","scope":"build","owner_type":"system","visibility":"builtin","use_count":0},{"id":"f34e93b3-ac6d-4e78-8c24-a406e2808350","slug":"animations","name":"Animation & motion","description":"Applies purposeful motion craft — easing and duration conventions, entrance/state/feedback micro-interactions, scroll and hover/tap behavior, reduced-motion support, and transform/opacity-only performance. Use when the user asks for animations, transitions, micro-interactions, motion, smooth/polished feel, hover or scroll effects, or any moving UI.","category":"design","icon":"zap","scope":"build","owner_type":"system","visibility":"builtin","use_count":0},{"id":"1c34b057-5dbf-4e5c-bc6e-3c866020cf48","slug":"anti-ai-design-slop","name":"Anti AI design slop","description":"A kill-list of the visual cliches that make a web app look AI-generated (purple-to-blue gradients, everything centered, glassmorphism, emoji icons, identical rounded cards in a 3-col grid, filler copy, flat hierarchy) with the concrete better move for each. Use whenever building or styling any UI; always apply alongside frontend-design.","category":"design","icon":"sparkles","scope":"build","owner_type":"system","visibility":"builtin","use_count":0},{"id":"b3bb9950-26f1-4fd9-99d7-4de70890483b","slug":"auth","name":"Authentication","description":"Builds secure email/password and OAuth auth with Supabase: a clean AuthContext, protected routes, a profiles table, and Row Level Security policies. Use when the user asks for login, signup, sign-in, accounts, user sessions, social login, protected pages, or \"let users log in\".","category":"general","icon":"lock","scope":"build","owner_type":"system","visibility":"builtin","use_count":0},{"id":"50666b25-4391-44f7-b017-89cb55022d49","slug":"frontend-design","name":"Frontend design","description":"Guides distinctive, intentional visual design for any web UI — visual hierarchy, type scale, color systems, spacing rhythm, layout, and depth. Use when building or restyling pages, dashboards, landing pages, components, or any interface that should look designed rather than templated.","category":"design","icon":"palette","scope":"build","owner_type":"system","visibility":"builtin","use_count":0},{"id":"b42a4699-a0ee-4d1b-ae96-92898b010a0f","slug":"responsive","name":"Responsive layout","description":"Enforces mobile-first responsive layout craft: a disciplined breakpoint strategy, fluid type/space with clamp(), safe grid/flex patterns, 44px touch targets, overflow prevention, and responsive nav/table treatments. Use when the user asks to make an app responsive, mobile-friendly, or work across phone/tablet/desktop, or mentions breakpoints, fluid type, or layout that \"breaks on mobile\".","category":"design","icon":"smartphone","scope":"build","owner_type":"system","visibility":"builtin","use_count":0},{"id":"a9010797-7d45-4a11-be57-b7d0d482f658","slug":"seo","name":"SEO","description":"Adds search-engine optimization to React + Vite SPAs: unique per-route titles and meta descriptions, Open Graph/Twitter cards, canonical URLs, JSON-LD structured data, sitemap/robots, a correct heading outline, and prerender/SSR handling for client-rendered pages. Use when the user asks to \"add SEO\", \"improve search ranking\", \"add meta tags\", \"make it shareable on social\", \"add Open Graph\", \"fix titles\", or \"get indexed by Google\".","category":"general","icon":"search","scope":"build","owner_type":"system","visibility":"builtin","use_count":0},{"id":"3af0d373-a41e-4e69-9b84-ae29ac2f0220","slug":"skill-creator","name":"Skill creator","description":"Helps you turn an idea into a reusable skill from a chat, and hands back a ready-to-import SKILL.md.","category":"general","icon":"Wand2","scope":"build","owner_type":"system","visibility":"builtin","use_count":0},{"id":"92755175-c960-4de4-b368-f4407c1b81ea","slug":"performance","name":"Web performance","description":"Builds fast web apps that pass Core Web Vitals — optimizes LCP/CLS/INP, code-splits and lazy-loads routes, ships right-sized modern images, loads fonts without layout shift, and trims main-thread work. Use when the user asks for a fast/performant app, mentions slow load, Core Web Vitals, Lighthouse, or large bundles.","category":"quality","icon":"gauge","scope":"build","owner_type":"system","visibility":"builtin","use_count":0}]}