ai-pm
CommunityConvert Figma into engineer-ready specs
Product & Management#figma#generate#product-management#ui-analysis#component-splitting#draft-spec#node-coverage
AuthorEva813
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill addresses the common gap when product managers or designers provide only Figma designs without engineering-ready specifications, enabling structured, reviewable draft specs for frontend implementation.
Core Features & Use Cases
- Figma-driven spec generation: Parse Figma pages and frames to produce a draft-spec.md containing page structure order and a Node Coverage Ledger with exact Node IDs.
- Engineering handoff readiness: Provide component splitting recommendations (Base / Feature / Container), interaction behavior tables, inferred field names and types marked as assumptions, and an open-questions list for unresolved decisions.
- Blocked-input safety: Detect missing required inputs (Figma URL) and output a blocked payload prompting the user to supply required material before proceeding.
Quick Start
Provide the Figma URL (and optional user story) and ask the agent to generate a draft-spec.md based on the design.
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: ai-pm Download link: https://github.com/Eva813/skills-base/archive/main.zip#ai-pm 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 471,000+ vetted skills library on demand.