design-ui

Classify design task briefs and orchestrate impeccable subcommands with stateful recovery.

5|Updated Apr 29, 2026
One-click install
npx skills add https://github.com/friedbotstudio/baseline --skill design-ui-friedbotstudio
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: design-ui
Source: https://github.com/friedbotstudio/baseline/tree/main/.claude/skills/design-ui
Command: npx skills add https://github.com/friedbotstudio/baseline --skill design-ui-friedbotstudio

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill routes design work through a disciplined orchestration layer so surface, motion, layout, typography, color, and accessibility changes do not get mixed up with logic or copy tasks.

Core Features & Use Cases

  • Intent Classification: Detects whether a task belongs to design, development, or copy before any action is taken.
  • Impeccable Orchestration: Translates design intents into controlled subcommand sequences and always delegates the actual design move to impeccable.
  • Stateful Recovery: Persists checkpoints so long-running design flows can resume after interruption without losing progress.
  • Workflow Guardrails: Enforces parent-directory checks, register conflict handling, and audit-driven loops with capped retries.
  • Use Case: A workflow phase can hand this Skill a UI polish request and receive a structured design report instead of a direct code edit or a misrouted documentation change.

Quick Start

Ask the design-ui skill to classify your design brief, execute the appropriate impeccable workflow, and save a resumable state checkpoint for the task.

Frequently Asked Questions about design-ui

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

FAQPage Schema
How do I orchestrate UI design tasks to keep layout, color, and accessibility changes separate from logic?

UI design tasks are orchestrated by routing surface, motion, layout, typography, color, and accessibility briefs through a classification layer. This enforces workflow guardrails and delegates the actual design move to impeccable subcommands, preventing mix-ups with logic or copy tasks.

Can I resume a long-running UI polish workflow after an interruption without losing progress?

Long-running UI polish workflows support stateful recovery by persisting checkpoints. This allows the design orchestration process to resume after an interruption without losing progress, ensuring the staged validation and audit loops complete successfully.

What is the best way to classify design intents before executing a UI workflow?

Design intents are classified before execution by detecting whether a task brief belongs to design, development, or copy. This intent classification ensures design briefs are processed through a disciplined orchestration layer before any actual writing or design moves begin.

How do you handle lane misrouting when processing UI typography and color changes?

Lane misrouting is handled through workflow guardrails that enforce parent-directory checks and register conflict handling. If a UI typography or color change is misrouted, the orchestration layer applies audit-driven loops with capped retries to correct the path.

Does this UI design orchestration approach work for multi-step accessibility audits?

Multi-step accessibility audits are supported through staged validation and controlled invocation of impeccable subcommands. The orchestration layer applies audit loops to ensure accessibility changes meet required standards before completing the workflow phase.

Why does my UI design brief return a structured report instead of a direct code edit?

A UI design brief returns a structured design report instead of a direct code edit because the orchestration layer separates design moves from implementation. This ensures design intents are validated and audited through impeccable subcommands before any final action is taken.