mirror of
https://github.com/catlog22/Claude-Code-Workflow.git
synced 2026-02-05 01:50:27 +08:00
docs: remove URL support from UI workflow commands
Removed all URL-related parameters and functionality from UI design commands as they are no longer supported. All commands now only accept local files. Changes: - style-extract.md: Removed --urls parameter and all URL mode logic - layout-extract.md: Removed --urls parameter and DOM extraction via URLs - COMMAND_SPEC.md: Deleted capture and explore-layers commands, updated syntax Affected commands: - /workflow:ui-design:style-extract: Only accepts --images and --prompt - /workflow:ui-design:layout-extract: Only accepts --images and --prompt - Removed: /workflow:ui-design:capture (command deleted) - Removed: /workflow:ui-design:explore-layers (command deleted) All UI workflow commands now require manual input of local resources (images, code files, HTML, CSS, JS) instead of fetching from URLs.
This commit is contained in:
@@ -420,26 +420,8 @@ Specialized workflow for UI/UX design, from style extraction to prototype genera
|
||||
/workflow:ui-design:imitate-auto --input "Modern minimalist design"
|
||||
```
|
||||
|
||||
### **/workflow:ui-design:capture**
|
||||
- **Syntax**: `/workflow:ui-design:capture --url-map "target:url,..." ...`
|
||||
- **Responsibilities**: Batch screenshot capture tool using MCP Chrome DevTools with multi-tier fallback strategy (MCP → Playwright → Chrome → Manual).
|
||||
- **Agent Calls**: None directly, uses MCP Chrome DevTools or browser automation as fallback.
|
||||
- **Example**:
|
||||
```bash
|
||||
/workflow:ui-design:capture --url-map "home:https://linear.app"
|
||||
```
|
||||
|
||||
### **/workflow:ui-design:explore-layers**
|
||||
- **Syntax**: `/workflow:ui-design:explore-layers --url <url> --depth <1-5> ...`
|
||||
- **Responsibilities**: Performs a deep, interactive UI capture of a single URL, exploring layers from the full page down to the Shadow DOM.
|
||||
- **Agent Calls**: None directly, uses MCP Chrome DevTools for layer exploration.
|
||||
- **Example**:
|
||||
```bash
|
||||
/workflow:ui-design:explore-layers --url https://linear.app --depth 3
|
||||
```
|
||||
|
||||
### **/workflow:ui-design:style-extract**
|
||||
- **Syntax**: `/workflow:ui-design:style-extract [--images "..."] [--prompt "..."] ...`
|
||||
- **Syntax**: `/workflow:ui-design:style-extract [--images "<glob>"] [--prompt "<desc>"] [--variants <count>] ...`
|
||||
- **Responsibilities**: Extracts design styles from images or text prompts and generates production-ready design systems (`design-tokens.json`, `style-guide.md`).
|
||||
- **Agent Calls**: `@ui-design-agent`.
|
||||
- **Example**:
|
||||
@@ -448,12 +430,12 @@ Specialized workflow for UI/UX design, from style extraction to prototype genera
|
||||
```
|
||||
|
||||
### **/workflow:ui-design:layout-extract**
|
||||
- **Syntax**: `/workflow:ui-design:layout-extract [--images "..."] [--urls "..."] ...`
|
||||
- **Responsibilities**: Extracts structural layout information (HTML structure, CSS layout rules) separately from visual style.
|
||||
- **Syntax**: `/workflow:ui-design:layout-extract [--images "<glob>"] [--prompt "<desc>"] [--targets "<list>"] ...`
|
||||
- **Responsibilities**: Extracts structural layout information (HTML structure, CSS layout rules) from images or text prompts.
|
||||
- **Agent Calls**: `@ui-design-agent`.
|
||||
- **Example**:
|
||||
```bash
|
||||
/workflow:ui-design:layout-extract --urls "home:https://linear.app" --mode imitate
|
||||
/workflow:ui-design:layout-extract --images "design-refs/*.png" --targets "home,dashboard"
|
||||
```
|
||||
|
||||
### **/workflow:ui-design:generate**
|
||||
|
||||
Reference in New Issue
Block a user