SkillMD SkillMD
light-dark-mode
Profile My skills Saved Collections Edit profile Submit a skill

← all plugins

Design Systems

by @owl-listener · plugin · 11 skills

Design system skills: component specs, design tokens, naming conventions, spacing and grid systems, accessibility standards, and documentation.

Install the whole plugin (CLI)
npx skillmds add owl-listener/icon-system npx skillmds add owl-listener/design-token npx skillmds add owl-listener/motion-system npx skillmds add owl-listener/component-spec npx skillmds add owl-listener/theming-system npx skillmds add owl-listener/pattern-library npx skillmds add owl-listener/naming-convention npx skillmds add owl-listener/accessibility-audit npx skillmds add owl-listener/localization-design npx skillmds add owl-listener/documentation-template npx skillmds add owl-listener/design-system-governance
⬇ Download

Skills in this plugin

  1. ▌
    icon-system · owl-listener
    Create an icon system specification covering grid, sizing, naming, categories, and implementation guidance.
    1.7k
    repo stars
  2. ▌
    design-token · owl-listener
    Define and organize design tokens for color, spacing, typography, elevation, and motion with naming conventions and usage guidance.
    1.7k
    repo stars
  3. ▌
    motion-system · owl-listener
    Define a motion system with duration tokens, easing vocabulary, and reduced-motion handling for consistent animation across a product.
    1.7k
    repo stars
  4. ▌
    component-spec · owl-listener
    Creates detailed component specifications for design systems, covering anatomy, variants, states, accessibility, and usage guidelines.
    1.7k
    repo stars
  5. ▌
    theming-system · owl-listener
    Design a theming architecture that supports brand variants, dark mode, and high-contrast modes with token mapping.
    1.7k
    repo stars
  6. ▌
    pattern-library · owl-listener
    Structure a pattern library entry with problem context, solution pattern, usage examples, and related patterns.
    1.7k
    repo stars
  7. ▌
    naming-convention · owl-listener
    Establish clear naming conventions for design assets, components, and tokens to make design systems predictable and maintainable.
    1.7k
    repo stars
  8. ▌
    accessibility-audit · owl-listener
    Conduct comprehensive accessibility audits against WCAG 2.2 guidelines, identifying barriers with severity ratings and providing remediation steps.
    1.7k
    repo stars
  9. ▌
    localization-design · owl-listener
    Design interfaces that adapt gracefully to multiple languages, writing directions, and cultural contexts.
    1.7k
    repo stars
  10. ▌
    documentation-template · owl-listener
    Generate structured documentation templates for components, patterns, or guidelines within a design system.
    1.7k
    repo stars
  11. ▌
    design-system-governance · owl-listener
    Define the processes, roles, and decision frameworks that keep a design system healthy and evolving without fragmentation.
    1.7k
    repo stars