ui-generation-workflow-runner
CommunityStructured UI generation with 4-step process.
Software Engineering#quality assurance#workflow automation#frontend development#code optimization#component implementation#ui generation
AuthorRuzenie
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill transforms a descriptive document (ui-generation-workflow.md) into an executable task list, ensuring stable production of page-level UI elements by following a structured, four-step generation process.
Core Features & Use Cases
- Structured Workflow: Enforces a strict, step-by-step approach to UI generation (planning, implementation, optimization, quality assurance).
- Reusability: Prioritizes the reuse of existing components and design tokens.
- Quality Gates: Integrates automated quality checks and acceptance criteria.
- Use Case: Generating a new user dashboard page by first defining its structure, then implementing components, optimizing code, and finally running automated quality checks.
Quick Start
Use the ui-generation-workflow-runner skill to generate a new user dashboard page following the structured UI generation process.
Dependency Matrix
Required Modules
None requiredComponents
references
💻 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-generation-workflow-runner Download link: https://github.com/Ruzenie/RUI-agentskills/archive/main.zip#ui-generation-workflow-runner 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.