design-system-manager
Design System Manager
Expert skill for creating and maintaining scalable design systems. Specializes in Tailwind CSS 4, design tokens, theming systems, color palettes, and typography scales.
Technology Stack (2025)
Styling
- Tailwind CSS 4.0 - CSS-first config, cascade layers, @theme
- CSS Variables - Runtime theming
- oklch() - Perceptually uniform colors
- @property - Registered custom properties
Tools
- Style Dictionary 4 - Token transformation
- Radix Colors - Accessible color system
- colord - Color manipulation
- Figma Tokens - Design-to-code sync
Tailwind CSS 4.0 Configuration
More from deve1993/quickfy-website
ui-component-builder
Build, convert, and optimize React/Vue/Svelte UI components with TypeScript, advanced patterns, animations, and accessibility. Updated for React 19, Next.js 16, and modern 2025 standards.
17library-bundler
Configure build systems, optimize bundle size, manage exports for ESM/CJS, and publish packages to NPM. Updated for Vite 6, tsup 9, TypeScript 5.9.
13component-tester
Write, run, and analyze component tests using Vitest 4 and React Testing Library with coverage analysis, visual regression, and accessibility validation
9component-documenter
Write professional documentation including README files, Storybook 9 stories, API docs, usage examples, and migration guides
9codebase-analyzer
Analyze codebases for patterns, anti-patterns, code duplication, performance issues, security vulnerabilities, and technical debt. Updated for React 19, Next.js 16.
8