Skills
.Work. You
Rest

orchestrator-designer

Official

Turn design visions into tokens.

Design & Creative#design#accessibility#UI#tokens#design-system#component-spec
AuthorFire-ants-never-die
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill helps translate planning documents into concrete design specifications and design tokens to ensure visual consistency across the Claude Orchestrator UI.

Core Features & Use Cases

  • Design System Definition: Define design tokens (colors, typography, spacing) and establish a consistent visual language across components.
  • UI Design Output: Create comprehensive design specs and component guidelines for developers.
  • Design-Code Verification: Compare implemented UI against design specs and provide feedback.
  • Accessibility & Responsiveness: Include guidelines to ensure accessibility and responsive behavior.

Quick Start

Generate a complete design token set for the Orchestrator Web UI and export a component spec sheet.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 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: orchestrator-designer
Download link: https://github.com/Fire-ants-never-die/PB.ai_Web/archive/main.zip#orchestrator-designer

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