design-director

Generate design-intent.json contracts defining scope, platform, and validation requirements.

1|Updated Dec 30, 2025
One-click install
npx skills add https://github.com/tyroneross/interface-built-right --skill design-director-tyroneross
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: design-director
Source: https://github.com/tyroneross/interface-built-right/tree/main/skills/design-director
Command: npx skills add https://github.com/tyroneross/interface-built-right --skill design-director-tyroneross

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

The Design Director solves the fragmentation of UI development by providing a deterministic planning layer that aligns design intent, platform-specific archetypes, and validation criteria before a single line of code is written.

Core Features & Use Cases

  • Design Intent Orchestration: Generates a binding implementation contract (design-intent.json) that defines scope, platform, and validation requirements.
  • Specialist Planning: Executes structured planning passes for flow, visual systems, interaction states, and data visualization to ensure functional integrity.
  • Use Case: When building a complex dashboard or multi-step checkout flow, use this skill to resolve conflicting design references, establish clear validation gates, and ensure the final implementation adheres to Calm Precision principles.

Quick Start

Activate the design-director skill to plan the architecture and validation strategy for the new user onboarding flow.

Frequently Asked Questions about design-director

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

FAQPage Schema
How do I plan UI architecture for a complex dashboard before writing code?

To plan UI architecture for a complex dashboard, you can generate a binding implementation contract that defines scope, platform, and validation requirements to align design intent before coding begins. This deterministic planning layer resolves conflicting design references and establishes clear validation gates.

What is design intent orchestration for UI development?

Design intent orchestration is the process of generating a binding implementation contract that defines the scope, platform, and validation requirements for UI development. It creates a deterministic planning layer that aligns platform-specific archetypes and validation criteria before implementation begins.

How do I resolve conflicting design references in a multi-step checkout flow?

To resolve conflicting design references in a multi-step checkout flow, execute structured planning passes for flow, visual systems, and interaction states. This establishes clear validation gates and ensures the final implementation adheres to deterministic guidance and functional integrity.

When do I need automated validation planning for UI design?

You need automated validation planning for UI design when building complex pages, flows, or dashboards that require deterministic guidance and specialist planning passes. It ensures functional integrity by defining interaction states and validation criteria before coding starts.

Can I use structured design documentation for complex page development?

Yes, you can use structured design documentation for complex page development by applying specialist planning passes for flow, visual systems, and data visualization. This resolves design intent and platform archetypes into a deterministic implementation contract.

What's the best way to define interaction states for a new user onboarding flow?

The best way to define interaction states for a new user onboarding flow is to execute structured specialist planning passes that resolve design intent into a deterministic implementation contract. This ensures functional integrity and establishes clear validation gates for the architecture.