skills.rest
dylantarre
dylantarreCOMMUNITY
Explore all skills by this author →
Website𝕏@beatthetarGitHub

getting-started

Onboard users to explore available skills and plan a design system implementation.

38|3|Updated Dec 29, 2025
Search Tags:#workflow#onboarding#plugin#getting-started#design-system#skill-discovery
One-click install
npx skills add https://github.com/dylantarre/design-system-skills --skill getting-started-dylantarre
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: getting-started
Source: https://github.com/dylantarre/design-system-skills/tree/main/skills/getting-started
Command: npx skills add https://github.com/dylantarre/design-system-skills --skill getting-started-dylantarre

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps teams quickly onboard to the design system skills plugin, enabling discovery of available skills and a guided path to implementation.

Core Features & Use Cases

  • Discover 28 skills spanning tokens, patterns, frameworks, accessibility, and tooling.
  • Follow recommended paths to bootstrap token architecture, color and spacing scales, and framework-ready components.
  • Use the Quick Start to jumpstart a new project or onboard an existing project with a clear plan.

Quick Start

Use the getting-started skill to view all available skills and select a recommended path for your project. For example, to begin a new design system, start with design-tokens-structure to plan your architecture, then color-scale and spacing-scale, followed by framework-specific skills, and finally documentation workflows.

Frequently Asked Questions about getting-started

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I onboard an existing project to a design system workflow?▼

Discover 28 available skills spanning tokens, patterns, frameworks, accessibility, and tooling. This onboarding skill provides a structured overview of the entire plugin environment so you can find relevant design system skills quickly.

What is the recommended path to bootstrap a new design system?▼

The recommended path starts with design-tokens-structure for architecture, then color-scale and spacing-scale, followed by framework-specific skills, and finally documentation workflows to ensure complete design system implementation.

Can I use this to plan token architecture and color scales?▼

Yes, you can plan token architecture and color scales by following the recommended paths. The skill guides you from initial token structure planning through to spacing scales and framework-ready components for new or migrating projects.

Do I need any dependencies to start using the design system plugin?▼

No dependencies are required to start using the design system plugin. The getting-started skill operates independently to provide importable templates and quick-start workflows for initial plugin setup.

What's the best way to discover available skills for framework-ready components?▼

The best way to discover available skills is using this onboarding skill to view all 28 options. It categorizes skills by tokens, patterns, frameworks, accessibility, and tooling to help you find framework-ready component workflows.

Related Skills

Explore More Design & Creative Skills→
riftzen-bitriftzen-bit

everything-gemini-setup

Automate Gemini CLI setup and configuration across Linux, macOS, and Windows.

Community
Advanced
fantay0312fantay0312

frontend-design

Generate reusable UI components, design tokens, and accessible code from design briefs.

Community
Advanced
pradyumnasagarpradyumnasagar
6

agent-handoff

Automate inter-skill data transfer and provenance capture via JSON Material Passports.

Community
Advanced
c0x12cc0x12c
96

design-intelligence

Generate design tokens, color palettes, typography scales, and component inventories from project context.

Official
Intermediate