design-sync

Connect development stories with locked UI designs and generate scaffolding prompts.

Updated Aug 23, 2026
One-click install
npx skills add https://github.com/adamway/thoughts-cli --skill design-sync-adamway
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: design-sync
Source: https://github.com/adamway/thoughts-cli/tree/main/.claude/skills/design-sync
Command: npx skills add https://github.com/adamway/thoughts-cli --skill design-sync-adamway

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) and scripts (resource) components.

What problem does it solve?

This Skill bridges the gap between design intent and development, preventing UI drift by linking stories to locked designs and design references.

Core Features & Use Cases

  • Design Reference Injection: Attaches relevant locked artboards and design decisions into story documentation.
  • Design Gap Detection: Analyzes story descriptions and acceptance criteria to identify missing design components before development.
  • Prompt Generation: Creates scaffold prompts for missing screens or iterations, streamlining the design-build process.
  • Use Case: When starting a new story that involves UI changes, run this Skill to verify design availability and prevent scope creep.

Quick Start

Run the design-sync skill with a story ID or topic to automatically check, reference, or generate design prompts for your current development task.

Frequently Asked Questions about design-sync

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

FAQPage Schema
How do I prevent UI design drift during development?

To prevent UI design drift, you must connect development stories with locked UI designs. Verifying design completeness against story acceptance criteria ensures alignment before implementation begins.

How do I check if my user story has missing design components?

Check for missing design components by analyzing story descriptions and acceptance criteria against locked artboards. Design gap detection identifies missing screens before development starts.

Can I generate prompts for missing UI screens from a story ID?

Yes, you can generate scaffold prompts for missing UI screens from a story ID. The system analyzes the story topic and creates prompts to streamline the design-build process.

What is the best way to link locked artboards to development stories?

The best way to link locked artboards to development stories is through design reference injection. This attaches relevant artboards and design decisions directly into story documentation.

When do I need to verify design availability for a UI story?

You need to verify design availability when starting a new story involving UI changes. Checking design completeness before development prevents scope creep and ensures all screens are defined.

Does design synchronization work without external design dependencies?

Yes, design synchronization works without external dependencies. It uses internal references and scripts to map story requirements to design components and generate scaffolding prompts.