detailed-design-workflow
CommunityGenerate detailed designs and test specs.
Software Engineering#design#software engineering#documentation#workflow automation#mockup generation#test specification
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.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.