ui-agent-workspace
CommunityMarkdown-first UI dev workflow
AuthorRuzenie
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill streamlines UI development by integrating workspace management, visual canvas design, and a structured modification log, all within a Markdown-first approach.
Core Features & Use Cases
- Unified Workspace: Manages project structure, configurations, and state.
- Visual Canvas: Designs UI layouts and components using ASCII, Mermaid, and specifications.
- Modification Logging: Tracks UI changes with detailed, version-controlled logs.
- Use Case: When starting a new UI feature, use this Skill to define the canvas design, generate initial component structures, and set up the workspace, ensuring all changes are logged and traceable from the outset.
Quick Start
Initialize a new UI agent workspace for a React project.
Dependency Matrix
Required Modules
None requiredComponents
scriptsreferences
💻 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: ui-agent-workspace Download link: https://github.com/Ruzenie/RUI-agentskills/archive/main.zip#ui-agent-workspace 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.