product-prototype-figma
CommunityGenerate B/C UI prototypes in Figma with structured YAML specs.
Authorpmlaowangba-lab
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill automates the creation of B/C UI prototypes in Figma by translating structured YAML specifications into interactive Figma frames.
Core Features & Use Cases
- YAML Spec Based Prototyping: Translate YAML formatted specifications into Figma frames.
- B/C Design Support: Generate prototypes for both backend and consumer-facing UIs.
- Visual Consistency: Ensure visual consistency with predefined design tokens and layouts.
- Use Case: Use this Skill to create a high-fidelity UI prototype for a mobile app based on a YAML specification file.
Quick Start
Use the product-prototype-figma skill to generate a Figma prototype for the 'member-system.yaml' file.
Dependency Matrix
Required Modules
figma-api
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: product-prototype-figma Download link: https://github.com/pmlaowangba-lab/laowangba-pmprototype-skill/archive/main.zip#product-prototype-figma 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 620,000+ vetted skills library on demand.