Skills
.Work. You
Rest

factory-ui-design

Community

Design intuitive UIs, from concept to spec.

Design & Creative#specification#design system#prototyping#ux design#ui design#pencil mcp
AuthorJongHyunLee84
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill bridges the gap between technical architecture and user experience, ensuring that UI designs are feasible, consistent, and aligned with technical constraints before development begins.

Core Features & Use Cases

  • Visual Design Specification: Creates detailed UI specifications including screen layouts, component hierarchies, and interaction details.
  • Tool Integration: Leverages tools like Pencil MCP for AI-driven design generation and HTML prototyping as a fallback.
  • Use Case: After technical architecture is defined, use this Skill to generate mockups and a detailed UI specification document, ensuring developers have a clear visual blueprint for implementation.

Quick Start

Use the factory-ui-design skill to create a UI specification based on the technical design document.

Dependency Matrix

Required Modules

None required

Components

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: factory-ui-design
Download link: https://github.com/JongHyunLee84/factory/archive/main.zip#factory-ui-design

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.