skills.rest
jey3dayo
jey3dayoCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

design-md-workflow

Create paired DESIGN.md and DESIGN_REVIEW.md documents for UI design systems.

Updated Apr 18, 2026
Search Tags:#workflow automation#design system#ui design#document management#review process
One-click install
npx skills add https://github.com/jey3dayo/apm-workspace --skill design-md-workflow
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-md-workflow
Source: https://github.com/jey3dayo/apm-workspace/tree/main/catalog/skills/design-md-workflow
Command: npx skills add https://github.com/jey3dayo/apm-workspace --skill design-md-workflow

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill streamlines the creation, updating, and review of paired DESIGN.md and DESIGN_REVIEW.md documents for UI design systems, enhancing the efficiency and quality of UI development processes.

Core Features & Use Cases

  • Document Creation: Facilitates the generation of DESIGN.md and DESIGN_REVIEW.md pairs from various sources such as code, screenshots, and URLs.
  • Rule Enforcement: Enforces the strict separation of visual rules in DESIGN.md and review logic in DESIGN_REVIEW.md.
  • Review and Routing Guidance: Provides guidelines for routing content and review processes, improving decision-making and system integrity.
  • Use Case: Ideal for teams working on UI systems that require a clear distinction between visual design rules and operational review processes.

Quick Start

Use the design-md-workflow skill to create a new DESIGN.md and DESIGN_REVIEW.md pair for a UI system based on the existing codebase and UI components.

Frequently Asked Questions about design-md-workflow

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

FAQPage Schema
How do I create design documentation for a UI component library?▼

This workflow generates paired DESIGN.md and DESIGN_REVIEW.md documents for UI design systems from sources like code, screenshots, or URLs, enforcing a strict separation between visual design rules and operational review processes.

How do I separate visual design rules from the review process in UI documentation?▼

You separate them by maintaining paired DESIGN.md and DESIGN_REVIEW.md documents, where the former enforces visual design rules and the latter manages review logic and routing guidance for the UI system.

Can I generate design documents from screenshots and URLs for a UI system?▼

Yes, this workflow facilitates the generation of DESIGN.md and DESIGN_REVIEW.md pairs from screenshots, URLs, and code, enabling efficient document creation for large-scale UI system development.

What is the best way to manage a design review workflow for large-scale UI systems?▼

Managing a design review workflow for large-scale UI systems is best handled by generating DESIGN.md and DESIGN_REVIEW.md pairs that provide content routing guidelines and enforce separation between visual rules and review logic.

Does this UI design document workflow require any external dependencies?▼

No, this UI design documentation workflow has no external dependencies, relying solely on internal scripts and references to manage the creation and review of DESIGN.md and DESIGN_REVIEW.md files.

Related Skills

Explore More Design & Creative Skills→
jscraikjscraik
8

figma

Extract design context and assets from Figma files via MCP.

Community
Advanced
jey3dayojey3dayo

design-system-review

Automate UI change reviews for design-system compliance and token usage.

Community
Intermediate
HAR5HA-7663HAR5HA-7663

stitch-design-taste

Generate a DESIGN.md file encoding Google Stitch UI design rules.

Community
Advanced
mtsatryanmtsatryan
1

powershell-ui-architect

Design PowerShell-based UIs for WinForms, WPF, TUIs, and Metro dashboards.

Community
Advanced