design-system-authoring

Community

Create consistent product design foundations

Authorvirajp
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill helps teams define a consistent product-wide UX and visual contract so screens do not repeatedly reinvent colors, typography, spacing, motion, accessibility, and component behaviors.

Core Features & Use Cases

  • Design System Foundations: Establish semantic tokens, typography scales, spacing rules, motion principles, and accessibility standards independent of implementation frameworks.
  • Component Behavior Guidance: Define reusable interaction patterns, states, and anti-patterns for buttons, forms, overlays, feedback, and navigation.
  • Use Case: When building a product blueprint, use this Skill to author a design-system document that keeps every screen aligned with shared UX decisions.

Quick Start

Ask the AI to create or update the product design system document with semantic tokens, accessibility requirements, and component behavior rules.

Dependency Matrix

Required Modules

None required

Components

references

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: design-system-authoring
Download link: https://github.com/virajp/ai-plugins/archive/main.zip#design-system-authoring

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 545,000+ vetted skills library on demand.