Skills
.Work. You
Rest

tkm:generate-ui-specs

Community

Generate UI component specs with a single click using visual sources like screens or images.

Design & Creative#Automation#UI component#UI specification#MoMorph#Visual source analysis
Authorkhapn-2933
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill addresses the challenge of manually creating UI component specifications, offering an efficient and streamlined process through visual sources.

Core Features & Use Cases

  • Visual Source Input: Process visual inputs like screens or images to generate UI component specs.
  • Automation Workflow: Automatically creates and formats specs without manual intervention, streamlining the design process.
  • Use Case: For example, with a MoMorph screen ID, users can instantly create component specifications suitable for developers and engineers.

Quick Start

Utilize the tkm:generate-ui-specs skill to produce a UI specification by inputting the MoMorph screen ID for a specific feature or use case.

Dependency Matrix

Required Modules

None required

Components

scriptsreferencesassets

💻 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: tkm:generate-ui-specs
Download link: https://github.com/khapn-2933/agentic-coding-hands-on/archive/main.zip#tkm-generate-ui-specs

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 620,000+ vetted skills library on demand.