catlog22
f798dd4172
refactor: consolidate workflow commands and add UI design templates
...
1. Remove deprecated task-generate.md
- Replaced by task-generate-agent.md in previous commits
- Clean up duplicate command documentation
2. Update ui-design-agent.md
- Refine agent specifications and workflow integration
3. Add UI design template files
- Create ~/.claude/workflows/cli-templates/ui-design/systems/
- Add animation-tokens.json for animation and transition patterns
- Add design-tokens.json for color, typography, spacing tokens
- Add layout-templates.json for structural layout patterns
- Modular design system management
4. Update analyze_commands.py
- Enhance command analysis capabilities
- Improve metadata extraction
Key improvements:
- Remove duplicate/deprecated documentation
- Modular UI design template management
- Better workflow command organization
2025-11-24 19:36:33 +08:00
catlog22
7453987cfe
Add documentation for new CLI commands: docs-related-cli and lite-fix
...
- Implemented the `docs-related-cli` command for context-aware documentation generation and update for changed modules using CLI execution with tool fallback.
- Introduced the `lite-fix` command for lightweight bug diagnosis and fix workflow, featuring intelligent severity assessment and optional hotfix mode for production incidents.
2025-11-23 22:18:39 +08:00
catlog22
a8e8412477
feat(agents): add cli-explore-agent and enhance workflow documentation
...
Add new cli-explore-agent for code structure analysis and dependency mapping:
- Dual-source strategy (Bash + Gemini CLI) for comprehensive code exploration
- Three analysis modes: quick-scan, deep-scan, dependency-map
- Language-agnostic support (TypeScript, Python, Go, Java, Rust)
Enhance lite-plan workflow documentation:
- Clarify agent call prompts with structured return formats
- Add expected return structures for cli-explore-agent and cli-planning-agent
- Simplify AskUserQuestion usage with clearer examples
- Document data flow between workflow phases
Add code-map-memory command:
- Generate Mermaid code flow diagrams from feature keywords
- Create SKILL packages for code understanding
- Auto-continue workflow with phase skipping
Improve UI design system:
- Add theme colors guide to ui-design-agent
- Enhance code import workflow documentation
🤖 Generated with [Claude Code](https://claude.com/claude-code )
Co-Authored-By: Claude <noreply@anthropic.com >
2025-11-12 21:13:42 +08:00
catlog22
9ccf348827
refactor(ui-design): enhance agent operation documentation and optimize layout structure
2025-11-12 10:23:25 +08:00
catlog22
fdcdf73d60
Implement feature X to enhance user experience and fix bug Y in module Z
2025-11-12 09:50:36 +08:00
catlog22
8f8467e016
Implement feature X to enhance user experience and fix bug Y in module Z
2025-11-12 09:40:48 +08:00
catlog22
d602ca052b
refactor(ui-design): enhance usage recommendations and extraction processes in design workflows
2025-11-11 21:52:47 +08:00
catlog22
8786b8c34d
refactor(ui-design): enhance conflict detection methods and improve semantic search for primary color definitions
2025-11-11 21:38:44 +08:00
catlog22
e209799756
refactor(ui-design): enhance conflict detection and validation processes in import-from-code workflow
2025-11-11 21:36:18 +08:00
catlog22
7184a3be66
Implement feature X to enhance user experience and fix bug Y in module Z
2025-11-11 20:31:28 +08:00
catlog22
30071f48e8
refactor(ui-design): streamline output files for animation, layout, and style extraction commands by removing unnecessary guide files
2025-11-11 20:23:46 +08:00
catlog22
19351cd938
refactor(ui-design): enhance design token and layout template handling in reference page generation
2025-11-11 20:12:15 +08:00
catlog22
fb65e8f90f
docs(ui-design-agent): add remote assets reference guidelines
...
Add comprehensive remote assets reference section:
- Image CDN services (Unsplash, Picsum, Placeholder.com)
- Icon libraries (Lucide, Font Awesome, Material Icons)
- Usage patterns with HTML examples
- Best practices for external resource loading
Guidelines include:
- HTTPS URLs mandatory
- Width/height attributes for layout stability
- Lazy loading for below-fold images
- Accessibility requirements (alt attributes)
- Prohibit local file paths and base64 embedding
Position: Between Typography System and Visual Effects System
🤖 Generated with [Claude Code](https://claude.com/claude-code )
Co-Authored-By: Claude <noreply@anthropic.com >
2025-11-09 15:05:47 +08:00
catlog22
7269f20f57
refactor: reorganize ui-design-agent with 3 task patterns covering 6 task types
...
Restructure agent documentation to avoid confusion and clarify responsibilities.
All 6 task types now organized into 3 clear patterns with shared standards.
## New Structure
**Task Patterns** (replaces Core Capabilities):
- Pattern 1: Option Generation (2 tasks)
* DESIGN_DIRECTION_GENERATION_TASK
* LAYOUT_CONCEPT_GENERATION_TASK
- Pattern 2: System Generation (3 tasks)
* DESIGN_SYSTEM_GENERATION_TASK
* LAYOUT_TEMPLATE_GENERATION_TASK
* ANIMATION_TOKEN_GENERATION_TASK
- Pattern 3: Assembly (1 task)
* LAYOUT_STYLE_ASSEMBLY
Each pattern documents:
- Purpose and autonomy level
- Task types covered
- Common process flow
- Task-specific inputs/outputs
- Key principles
## Benefits
1. **Complete Coverage**: All 6 task types explicitly documented
2. **Clear Organization**: Tasks grouped by similar characteristics
3. **Reduced Duplication**: Shared design standards and execution principles
4. **Pattern Recognition**: Agent knows which rules apply per task type
5. **Maintainability**: Single agent easier to maintain than multiple agents
## Updated Sections
- **Task Patterns**: New section replacing fragmented Core Capabilities
- **Execution Flow**: Generic pattern-based flow (was task-specific)
- **Core Execution Principles**: Simplified with pattern-specific autonomy levels
- **Key Reminders**: Updated to reference patterns, removed external invocation terms
## Verification
✅ Pattern 1 covers: DESIGN_DIRECTION_GENERATION, LAYOUT_CONCEPT_GENERATION
✅ Pattern 2 covers: DESIGN_SYSTEM_GENERATION, LAYOUT_TEMPLATE_GENERATION, ANIMATION_TOKEN_GENERATION
✅ Pattern 3 covers: LAYOUT_STYLE_ASSEMBLY
All commands (style-extract, layout-extract, animation-extract, generate) now properly supported.
🤖 Generated with [Claude Code](https://claude.com/claude-code )
Co-Authored-By: Claude <noreply@anthropic.com >
2025-11-08 21:20:23 +08:00
catlog22
3199b91255
refactor: remove external invocation references from ui-design-agent
...
Agent should focus on task execution, not who invokes it. Remove all
references to orchestrator commands and external callers.
Changes:
1. **Agent description** (line 19):
- Before: "invoked by orchestrator commands (e.g., generate.md)"
- After: Focus on autonomous execution
2. **Core Capabilities** (line 25):
- Removed: "Invoked by: generate.md Phase 2"
- Agent doesn't need to know its caller
3. **Execution Process** (line 250):
- Before: "When invoked by orchestrator command"
- After: "Standard execution flow for design generation tasks"
4. **Task prompt terminology** (line 259):
- Changed: "orchestrator prompt" → "task prompt"
5. **Invocation Model → Task Responsibilities** (lines 295-305):
- Before: "You are invoked by orchestrator commands..."
- After: Focus on task responsibilities and expected output
6. **Execution Principles** (lines 310, 315):
- Changed: "orchestrator command" → "task prompt"
- Changed: "Each invocation" → "Each task"
7. **Performance Optimization → Generation Approach** (lines 342-348):
- Removed: Two-layer architecture with orchestrator responsibility
- Added: Single-pass assembly focus (matches current implementation)
8. **Scope & Boundaries** (line 359):
- Simplified "NOT Your Responsibilities" to "Out of Scope"
- Removed: workflow orchestration, task scheduling references
- Focus on what agent does, not external workflow
9. **Path Handling** (lines 423-426):
- Changed: "Orchestrator provides" → "Task prompts provide"
- Changed: "Agent uses" → "Use" (more direct)
Result: Agent documentation now focuses on task execution without
references to external callers or orchestration.
🤖 Generated with [Claude Code](https://claude.com/claude-code )
Co-Authored-By: Claude <noreply@anthropic.com >
2025-11-08 21:12:06 +08:00
catlog22
e20604bb21
refactor: align ui-design-agent.md with current generate.md implementation
...
Remove obsolete content and update documentation to match actual workflow:
1. **Remove consolidate.md references**:
- Updated agent invocation description (line 19)
- Replaced "Invocation Model" section (lines 296-308)
- consolidate.md doesn't exist in current workflow
2. **Replace obsolete Core Capabilities section** (lines 21-101):
- Removed outdated task definitions:
* Design Token Synthesis (referenced consolidate.md)
* Layout Strategy Generation (referenced consolidate.md)
* Obsolete UI Prototype Generation with CSS placeholders
* Consistency Validation (no longer used)
- Added correct "Layout & Style Assembly" documentation matching generate.md:
* Task type: [LAYOUT_STYLE_ASSEMBLY]
* Direct CSS reference: <link href="{target}-style-{style_id}-layout-{layout_id}.css">
* Self-contained CSS architecture (no placeholders)
* Assembly process matching generate.md lines 130-174
3. **Remove CSS placeholder instructions**:
- Removed {{STRUCTURAL_CSS}} and {{TOKEN_CSS}} placeholder pattern
- These placeholders are NOT used in current implementation
- Current system uses direct CSS file references with resolved var() values
Key improvements:
- Accurate documentation of current [LAYOUT_STYLE_ASSEMBLY] task
- Correct CSS reference pattern matching generate.md:134
- Removed all references to non-existent consolidate.md
- Self-contained CSS architecture properly documented
Verified consistency with generate.md implementation (lines 130-174).
🤖 Generated with [Claude Code](https://claude.com/claude-code )
Co-Authored-By: Claude <noreply@anthropic.com >
2025-11-08 21:07:21 +08:00
catlog22
57fa379e45
Refactor workflow to replace synthesis-specification.md with role analysis documents
...
- Updated references in various workflow commands to utilize role analysis documents instead of synthesis-specification.md.
- Modified CLI templates and command references to reflect the new architecture and document structure.
- Introduced conflict-resolution command to analyze and resolve conflicts between implementation plans and existing codebase.
- Deprecated synthesis role template and provided migration guidance for transitioning to the new role analysis approach.
2025-10-24 11:08:15 +08:00
catlog22
36728b6e59
refactor(ui-design-agent): remove script execution details and clarify agent responsibilities
...
- Remove detailed shell script integration documentation (convert_tokens_to_css.sh, ui-instantiate-prototypes.sh)
- Scripts are orchestrator's responsibility, not agent's
- Simplify Performance Optimization section to focus on architecture concept
- Clarify Layer 1 (agent's creative work) vs Layer 2 (orchestrator's file operations)
- Keep agent documentation focused on design generation, MCP research, and file writing
🤖 Generated with [Claude Code](https://claude.com/claude-code )
Co-Authored-By: Claude <noreply@anthropic.com >
2025-10-10 11:26:51 +08:00
catlog22
9c1131e384
refactor(ui-design-agent): enhance MCP integration and add detailed shell script documentation
...
- Remove Code Index MCP integration (focus on design trends only)
- Replace mcp__exa__get_code_context_exa with mcp__exa__web_search_exa for design trend research
- Add detailed shell script integration documentation:
- convert_tokens_to_css.sh: Token JSON to CSS conversion with usage patterns and error handling
- ui-instantiate-prototypes.sh: Template instantiation with auto-detection and mode options
- Update MCP use cases to focus on design trends, color/typography, and accessibility patterns
- Clarify that agent uses web search for current design trends, not code implementation
🤖 Generated with [Claude Code](https://claude.com/claude-code )
Co-Authored-By: Claude <noreply@anthropic.com >
2025-10-10 11:24:40 +08:00
catlog22
a2a608f3ca
refactor(ui-design): enhance imitate-auto workflow with key features and interactive confirmation
2025-10-10 11:12:34 +08:00
catlog22
83155ab662
refactor(ui-design-agent): optimize structure and remove version info
...
**Changes**:
- Merged duplicate Reference section into Design Standards
- Simplified Core Capabilities quality standards
- Consolidated Tool Operations sections
- Removed Version & Changelog section (40 lines)
- Reduced from 693 to 578 lines (16.6% reduction)
**Key improvements**:
- Eliminated content duplication (Token System, Quality Standards)
- Improved document flow and readability
- All technical details and requirements preserved
- Version history now maintained in CHANGELOG.md only
🤖 Generated with [Claude Code](https://claude.com/claude-code )
Co-Authored-By: Claude <noreply@anthropic.com >
2025-10-10 10:31:47 +08:00
catlog22
af7ff3a86a
refactor(ui-design): enhance execution clarity and file writing process in consolidate command
2025-10-10 10:22:32 +08:00
catlog22
4cf66b41a4
refactor(ui-design): update workflow commands and agent configuration
...
**Agent Changes:**
- Update ui-design-agent.md with refined task definitions
- Improve agent prompt structure and guidelines
**Workflow Command Updates:**
- Simplify explore-auto.md workflow orchestration (-589 lines)
- Streamline imitate-auto.md for faster execution (-378 lines)
- Optimize update.md command flow and documentation (-136 lines)
**Architecture Updates:**
- Update workflow-architecture.md with current patterns
- Refine command parameter documentation
**Cleanup:**
- Remove outdated release-notes-v3.5.0.md
**Summary:**
- Net reduction: 729 lines removed
- Improved clarity and maintainability
- Better alignment with agent-driven execution model
🤖 Generated with [Claude Code](https://claude.com/claude-code )
Co-Authored-By: Claude <noreply@anthropic.com >
2025-10-10 09:46:27 +08:00
catlog22
f0bed9e072
Refactor UI design workflow scripts and documentation
...
- Removed the generation of a unified consolidation report in the consolidate.md file, streamlining the output structure.
- Updated the extract.md file to prioritize the --base-path argument for session management and improved error handling for style variant detection.
- Enhanced generate.md to enforce critical requirements for layout templates, ensuring independence from other targets.
- Added a comprehensive analysis report for the ui-instantiate-prototypes.sh script, detailing issues with style variant mismatches and proposing solutions for validation and prevention.
2025-10-09 22:10:22 +08:00
catlog22
02448ccd21
refactor: unify UI design workflow target parameters for pages and components
...
Consolidate separate page/component modes into a unified target system to
reduce code duplication and simplify the workflow parameter model.
Changes:
- Merge --pages and --components into unified --targets parameter
- Add --target-type (auto|page|component) with intelligent detection
- Remove Phase 0d from explore-auto.md (131 lines of duplicate logic)
- Implement detect_target_type() helper for automatic classification
- Update generate.md to support adaptive wrapper generation
- Full HTML structure for pages
- Minimal wrapper for isolated components
- Update imitate-auto.md and update.md for parameter consistency
- Enhance ui-design-agent.md with adaptive design capabilities
- Maintain full backward compatibility with legacy syntax
Benefits:
- Code reduction: -35% in target inference logic (255 → 165 lines)
- Maintenance: Single unified logic path vs dual implementations
- Extensibility: Foundation for future mixed-mode support
- UX: Simpler parameter model with automatic type detection
Technical Details:
- explore-auto.md: 605 lines changed (unified Phase 0c)
- generate.md: 353 lines changed (targets + adaptive wrapper)
- Net change: +685 insertions, -504 deletions across 5 files
All existing workflows remain compatible via legacy parameter support.
🤖 Generated with [Claude Code](https://claude.com/claude-code )
Co-Authored-By: Claude <noreply@anthropic.com >
2025-10-09 20:33:09 +08:00
catlog22
1d573979c7
feat: refactor UI design workflow for agent-driven execution and default separate mode
...
## Core Changes
### 1. Fix Token Application Issues (v4.2.1-fix)
- Add convert_tokens_to_css.sh script for design-tokens.json → tokens.css conversion
- Auto-generate Google Fonts @import for web fonts
- Auto-generate global font application rules (body, headings)
- Add Phase 1.8 to generate.md: Token Variable Name Extraction
- Update generate.md Phase 2a: Inject exact variable names into agent prompt
- Fix CSS variable naming mismatches (20+ variables)
### 2. Refactor consolidate.md - Default to Separate Mode
- Remove --keep-separate parameter (now default behavior)
- Remove Unified Mode (Phase 4A) entirely
- Use ui-design-agent for multi-file generation (Phase 4)
- Generate N independent design systems by default
- Update documentation and completion messages
- Add Task(*) to allowed-tools
### 3. Update explore-auto.md Integration
- Remove --keep-separate from Phase 2 consolidate command
- Update comments to reflect default separate mode behavior
### 4. Refactor ui-design-agent.md (v2.0 → v3.0)
- Remove slash command execution logic
- Focus on consolidate.md and generate.md task execution
- Remove workflow orchestration content
- Add MCP integration strategies (Exa + Code Index)
- Integrate v4.2.1-fix changes
## Impact
- All workflows now default to separate design systems (matrix-ready)
- Agent handles multi-file generation efficiently
- Token application issues resolved
- Simplified user experience (fewer parameters)
🤖 Generated with [Claude Code](https://claude.com/claude-code )
Co-Authored-By: Claude <noreply@anthropic.com >
2025-10-09 19:42:50 +08:00
catlog22
a18c666f22
feat: Add style-extract and ui-generate commands for design workflow
...
- Implemented style-extract command to extract design styles from reference images using Gemini Vision and Codex.
- Added execution protocol detailing session validation, image analysis, and structured token generation.
- Introduced ui-generate command to create UI prototypes based on consolidated design tokens and synthesis specifications.
- Defined comprehensive execution steps for loading design systems, generating HTML/CSS prototypes, and ensuring accessibility compliance.
- Established a design-tokens-schema for consistent design token definitions across workflows, emphasizing OKLCH color format and semantic naming.
2025-10-05 23:48:11 +08:00