detailed-design-workflow

Community

Generate detailed designs and test specs.

Authortakemo101
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill automates the creation of detailed design documents, including backend, frontend, and screen designs, along with test specifications, from basic design inputs.

Core Features & Use Cases

  • Automated Design Generation: Creates detailed design documents based on input basic designs.
  • Mockup Creation: Generates HTML mockups and screenshots for screen designs.
  • Test Specification Generation: Produces test item documents based on design specifications.
  • Issue Management: Creates GitHub Issues for epics and sub-tasks.
  • Use Case: Streamline the transition from basic design to implementation by automatically generating all necessary detailed design artifacts and preparing them for development.

Quick Start

Initiate the detailed design workflow by providing the path to the basic design document.

Dependency Matrix

Required Modules

wireframe-generatordetailed-design-writertest-spec-writerapproval-gategithub-graphql-api

Components

scriptsreferencesassets

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: detailed-design-workflow
Download link: https://github.com/takemo101/compose-workflow/archive/main.zip#detailed-design-workflow

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.