·design-system-starter
*

design-system-starter

yonatangross/skillforge-claude-plugin

Use this skill when creating or evolving design systems for applications. Provides design token structures, component architecture patterns, documentation templates, and accessibility guidelines. Ensures consistent, scalable, and accessible UI design across products.

4Installs·0Trend·@yonatangross

Installation

$npx skills add https://github.com/yonatangross/skillforge-claude-plugin --skill design-system-starter

SKILL.md

This skill provides comprehensive guidance for building robust, scalable design systems that ensure visual consistency, improve development velocity, and create exceptional user experiences.

A design system is more than a component library. It includes:

| Design Tokens | Foundational design decisions | Colors, spacing, typography | | Components | Reusable UI building blocks | Button, Input, Card, Modal | | Patterns | Common UX solutions | Forms, Navigation, Layouts | | Guidelines | Rules and best practices | Accessibility, naming, APIs | | Documentation | How to use everything | Storybook, usage examples |

Use this skill when creating or evolving design systems for applications. Provides design token structures, component architecture patterns, documentation templates, and accessibility guidelines. Ensures consistent, scalable, and accessible UI design across products. Source: yonatangross/skillforge-claude-plugin.

View raw

Facts (cite-ready)

Stable fields and commands for AI/search citations.

Install command
npx skills add https://github.com/yonatangross/skillforge-claude-plugin --skill design-system-starter
Category
*Creative Media
Verified
First Seen
2026-02-01
Updated
2026-02-18

Quick answers

What is design-system-starter?

Use this skill when creating or evolving design systems for applications. Provides design token structures, component architecture patterns, documentation templates, and accessibility guidelines. Ensures consistent, scalable, and accessible UI design across products. Source: yonatangross/skillforge-claude-plugin.

How do I install design-system-starter?

Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/yonatangross/skillforge-claude-plugin --skill design-system-starter Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code or Cursor

Where is the source repository?

https://github.com/yonatangross/skillforge-claude-plugin