Add UI Design Commands: List and Reference Page Generator

- Implemented the '/workflow:ui-design:list' command to list all available design runs with metadata including session, created time, and prototype count.
- Developed the '/workflow:ui-design:reference-page-generator' command to generate multi-component reference pages and documentation from design run extraction, including setup, validation, and preview generation phases.
- Added detailed error handling and usage examples for both commands to enhance user experience and clarity.
This commit is contained in:
catlog22
2025-11-11 20:53:42 +08:00
parent ab09aa4621
commit 836bf4cd1c
39 changed files with 6646 additions and 3062 deletions

View File

@@ -36,7 +36,7 @@ elif [ -n "$SESSION_ID" ]; then
else
# Create new standalone design run
design_id="design-run-$(date +%Y%m%d)-$RANDOM"
relative_path=".workflow/.design/${design_id}"
relative_path=".workflow/${design_id}"
fi
# Create directory and convert to absolute path
@@ -206,7 +206,7 @@ bash($chrome --headless --screenshot="$output_file" --window-size=1920,1080 "$ur
Failed URLs:
home: https://linear.app
Save to: .workflow/.design/design-run-20250110/screenshots/home.png
Save to: .workflow/design-run-20250110/screenshots/home.png
Steps:
1. Visit URL in browser

View File

@@ -266,7 +266,7 @@ STORE: device_type, device_source
### Phase 4: Run Initialization & Directory Setup
```bash
design_id = "design-run-$(date +%Y%m%d)-$RANDOM"
relative_base_path = --session ? ".workflow/WFS-{session}/${design_id}" : ".workflow/.design/${design_id}"
relative_base_path = --session ? ".workflow/WFS-{session}/${design_id}" : ".workflow/${design_id}"
# Create directory and convert to absolute path
Bash(mkdir -p "${relative_base_path}/style-extraction")

View File

@@ -57,7 +57,7 @@ elif [ -n "$SESSION_ID" ]; then
else
# Create new standalone design run
design_id="design-run-$(date +%Y%m%d)-$RANDOM"
relative_path=".workflow/.design/${design_id}"
relative_path=".workflow/${design_id}"
fi
# Create directory structure and convert to absolute path

View File

@@ -69,7 +69,7 @@ allowed-tools: SlashCommand(*), TodoWrite(*), Read(*), Write(*), Bash(*)
- `--session <id>`: Workflow session ID
- Integrate into existing session (`.workflow/WFS-{session}/`)
- Enable automatic design system integration (Phase 4)
- If not provided: standalone mode (`.workflow/.design/`)
- If not provided: standalone mode (`.workflow/`)
**Input Rules**:
- Must provide: `--input` OR (legacy: `--images`/`--prompt`)
@@ -98,7 +98,7 @@ allowed-tools: SlashCommand(*), TodoWrite(*), Read(*), Write(*), Bash(*)
**Session Integration**:
- `--session` flag determines session integration or standalone execution
- Integrated: Design system automatically added to session artifacts
- Standalone: Output in `.workflow/.design/{run_id}/`
- Standalone: Output in `.workflow/{run_id}/`
## 5-Phase Execution
@@ -188,7 +188,7 @@ IF --session:
session_mode = "integrated"
ELSE:
session_id = null
relative_base_path = ".workflow/.design/{design_id}"
relative_base_path = ".workflow/{design_id}"
session_mode = "standalone"
# Create base directory and convert to absolute path