design-system-creator
About
This skill creates comprehensive design systems with production-ready CSS, specializing in design tokens, component libraries, and CSS architecture. It's ideal for generating design bibles, token architectures, component documentation, and style guides. Use it when you need to build or document a complete design system, but not for deep typography, color math, or actual UI implementation.
Quick Install
Claude Code
Recommendednpx skills add majiayu000/claude-skill-registry -a claude-code/plugin add https://github.com/majiayu000/claude-skill-registrygit clone https://github.com/majiayu000/claude-skill-registry.git ~/.claude/skills/design-system-creatorCopy and paste this command in Claude Code to install this skill
GitHub Repository
Related Skills
2000s-visualization-expert
OtherThis Claude Skill helps developers implement advanced, audio-reactive music visualizations like Milkdrop using modern web technologies. It specializes in WebGL with Butterchurn, processing Web Audio API FFT data to drive GLSL shaders for psychedelic, generative visuals. Use it for complex real-time audio visualizations, not for basic waveform charts or non-audio graphics.
2000s-visualization-expert
OtherThis Claude Skill helps developers implement advanced, audio-reactive music visualizations using WebGL, specifically focusing on 2000s-era styles like Milkdrop. It provides expertise in integrating the Butterchurn library, processing Web Audio API FFT data, and creating visuals with GLSL shaders. Use it for complex, psychedelic generative art, not for basic waveform or bar chart visualizations.
adhd-design-expert
OtherThis skill provides specialized UX design guidance for creating digital experiences tailored to ADHD and neurodivergent users, grounded in neuroscience. It focuses on reducing cognitive load, addressing time blindness, and implementing dopamine-driven engagement patterns. Use it when designing for ADHD contexts, but not for general WCAG compliance or neurotypical UX.
adhd-design-expert
OtherThis skill designs digital interfaces specifically for ADHD users by applying neuroscience and UX principles to reduce cognitive load and address time blindness. It focuses on dopamine-driven engagement and compassionate patterns, triggered by terms like "neurodivergent UX" or "executive function." Use it for ADHD-centric design, not for general WCAG accessibility or standard UI styling.