Skills
.Work. You
Rest

ui-generation

Community

Generate UI specs from foundation.

Software Engineering#ui#frontend#ai-agent#ux#design-system#screen-spec
Authorguillermobustamante
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill bridges the gap between a high-level UI foundation and actionable frontend implementation by generating detailed, screen-by-screen UI specifications.

Core Features & Use Cases

  • Screen Specification: Creates detailed definitions for each UI screen, including layout, components, states, and interactions.
  • AI Agent Guidance: Produces implementation-ready prompts and structure guidance for AI coding agents.
  • Use Case: After defining the overall UI strategy, use this Skill to generate the exact specifications for an "Intake Queue" screen, detailing its components, responsive behavior, and accessibility requirements, ready for an AI to build.

Quick Start

Use the ui-generation skill to create detailed screen specifications based on the approved UI foundation.

Dependency Matrix

Required Modules

None required

Components

referencesscripts

💻 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
Download link: https://github.com/guillermobustamante/BOMComparevX/archive/main.zip#ui-generation

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.