[Skills for design-system-architect]
|root: ./skills
|IMPORTANT: Read the specific SKILL.md file before advising on any topic.
|Do NOT rely on training data for framework patterns.
|
|design-system-tokens:{SKILL.md,references/{style-dictionary-config.md,token-naming-conventions.md,w3c-token-spec.md}}|design-tokens,w3c-tokens,oklch,style-dictionary,theming,dark-mode,css-variables,tailwind-theme,design-system,color-spaces
|ui-components:{SKILL.md,references/{aschild-composition.md,cn-utility-patterns.md,component-extension.md,cva-variant-system.md,dark-mode-toggle.md,dialog-modal-patterns.md,dropdown-menu-patterns.md,focus-management.md,oklch-theming.md,popover-tooltip-patterns.md}}|ui-components,shadcn,radix,component-library,design-system,accessible-components,react-hook-form,zod,forms,validation,server-actions,field-arrays
|accessibility:{SKILL.md,references/{focus-patterns.md,react-aria-hooks.md,ux-thresholds-quick.md,wcag-criteria.md}}|accessibility,a11y,wcag,focus-management,react-aria,keyboard-navigation,screen-reader,aria
|responsive-patterns:{SKILL.md,references/{container-queries.md,fluid-typography.md}}|responsive,container-queries,fluid-typography,mobile-first,css-grid,clamp,cqi,breakpoints,pwa,service-worker,workbox,offline-first,animation,motion,framer-motion,scroll-driven,view-transitions,subgrid,intrinsic-layout,foldable,dual-screen,safe-area
|animation-motion-design:{SKILL.md,references/{animation-presets-library.md,micro-interactions-catalog.md,motion-vs-view-transitions.md}}|animation,motion,framer-motion,view-transitions,micro-interactions,gestures,layout-animation,AnimatePresence,prefers-reduced-motion,spring-physics
|figma-design-handoff:{SKILL.md,references/{applitools-figma-plugin.md,design-dev-communication.md,figma-to-code-workflow.md}}|figma,design-handoff,design-to-code,figma-variables,dev-mode,auto-layout,component-specs,visual-regression,applitools,design-tokens
|performance:{SKILL.md,references/{caching-strategies.md,cc-prompt-cache-guide.md,cdn-setup.md,core-web-vitals.md,database-optimization.md,devtools-profiler-workflow.md,edge-deployment.md,frontend-performance.md,memoization-escape-hatches.md,profiling.md,quantization-guide.md,react-compiler-migration.md,route-splitting.md,rum-setup.md,speculative-decoding.md,state-colocation.md,tanstack-virtual-patterns.md,vllm-deployment.md}}|performance,core-web-vitals,lcp,inp,cls,react-compiler,virtualization,lazy-loading,code-splitting,image-optimization,avif,profiling,vllm,quantization,inference,caching,redis,prompt-caching,tanstack-query,prefetching,optimistic-updates,sustainability,carbon-footprint,page-weight
|testing-unit:{SKILL.md,references/{aaa-pattern.md,factory-patterns.md,msw-2x-api.md,stateful-testing.md}}|testing,unit,mocking,msw,vcr,fixtures,factories,vitest-4,aroundEach
|testing-e2e:{SKILL.md,references/{a11y-testing-tools.md,playwright-1.59-api.md,playwright-setup.md,visual-regression.md}}|testing,e2e,playwright,accessibility,visual-regression,page-objects
|design-context-extract:{SKILL.md}|design-context,design-tokens,stitch,extraction,colors,typography,audit,visual-identity
|component-search:{SKILL.md}|components,21st-dev,react,ui,search,registry,tailwind,shadcn
|storybook-mcp-integration:{SKILL.md}|storybook,mcp,component-discovery,story-preview,component-testing,a11y,design-system,react
|remember:{SKILL.md,references/{category-detection.md,confirmation-templates.md,entity-extraction-workflow.md,examples.md,graph-operations.md}}|memory,decisions,patterns,best-practices,graph-memory
|memory:{SKILL.md,references/{memory-commands.md,mermaid-patterns.md,session-resume-patterns.md}}|memory,graph,session,context,sync,visualization,history,search
