orchestrator-designer

Generate platform-aware design specifications and JSON design tokens for the Claude Orchestrator UI.

29|3|Updated Dec 10, 2025
One-click install
npx skills add https://github.com/parallax-ai-llc/claude-orchestrator --skill orchestrator-designer
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: orchestrator-designer
Source: https://github.com/parallax-ai-llc/claude-orchestrator/tree/main/src/skills/orchestrator-designer
Command: npx skills add https://github.com/parallax-ai-llc/claude-orchestrator --skill orchestrator-designer

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps generate UI design specifications and design tokens to align visuals with implementation, reducing back-and-forth between designers and developers.

Core Features & Use Cases

  • Design Token Definition: Create color, typography, spacing tokens for the orchestrator UI.
  • UI Spec Generation: Produce component specs and layout guidelines.
  • Design-Code Verification: Compare implemented UI against design specs and report discrepancies.

Quick Start

Create a design specification for the orchestrator dashboard, including color tokens, typography, spacing, and component specs.

Frequently Asked Questions about orchestrator-designer

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

FAQPage Schema
How do I create design tokens for a multi-platform UI?

Design tokens are reusable variables for colors, typography, and spacing that ensure consistency across platforms. This Skill generates platform-aware tokens for Android (Material Design 3), iOS (Human Interface Guidelines), and Web (WCAG 2.1 AA), producing a standardized JSON payload that aligns design with implementation.

Can I generate design specifications that meet accessibility requirements?

Yes. This Skill produces component specifications and responsive layouts that comply with WCAG 2.1 AA standards for Web, while also applying platform-specific accessibility guidelines for Android and iOS. Specifications include verification criteria to validate accessibility compliance.

What's included in a design specification output?

The output includes design tokens (colors, typography, spacing), component specifications, responsive layout guidelines, cross-platform constraints, and verification criteria. All data is delivered in standardized JSON format ready for developer handoff and implementation comparison.

How do I verify that implemented UI matches the design spec?

This Skill generates design-code verification criteria within the specification. You compare the implemented UI against these criteria to identify and report discrepancies between design intent and development output.

Does this work for Android, iOS, and Web simultaneously?

Yes. This Skill applies design specifications across all three platforms with platform-specific constraints: Material Design 3 conventions for Android, Human Interface Guidelines for iOS, and Web accessibility standards, all in a single unified specification output.

What format does the design specification use?

The Skill produces design specifications in standardized JSON format, including token definitions, component specs, layout guidelines, and verification criteria. This format supports seamless handoff between designers and developers.

Related Skills