AgentStack
SKILL verified MIT Self-run

Figma Implementation Planning

skill-blinnieinfertile577-skill-harness-figma-implementation-planning · by blinnieinfertile577

Translate a Figma screen or component into an implementation plan covering structure, states, constraints, and component boundaries.

No reviews yet
0 installs
7 views
0.0% view→install

Install

$ agentstack add skill-blinnieinfertile577-skill-harness-figma-implementation-planning

✓ scanned · ✓ verified — works with Claude Code, Cursor, and more.

Security review

✓ Passed

No issues found. Passed automated security review. · v0.1.0 How review works →

  • Prompt-injection patterns
  • Secret / credential exfiltration
  • Dangerous shell & filesystem operations
  • Untrusted network calls
  • Known-malicious package signatures

What it can access

  • Network access No
  • Filesystem access No
  • Shell / process execution No
  • Environment & secrets No
  • Dynamic code execution No

From automated source analysis of v0.1.0. “Used” means the capability is present in the source — more access means more to trust, not that it’s unsafe.

Are you the author of Figma Implementation Planning? Claim this listing to set pricing, connect Stripe payouts, and keep 70% of every sale.
Sign up to claim

About

Use this skill when turning a design into code work.

Process:

  • identify the screen, component, or node scope being implemented
  • break the design into reusable components, one-off layout regions, and stateful elements
  • capture important behavior: empty states, hover/focus, disabled states, loading, and responsive shifts
  • map visual structure to implementation boundaries without overfitting to layer names
  • note where the design is ambiguous and what assumption is being made

Deliver:

  • component breakdown
  • state and variant list
  • responsive or layout constraints
  • implementation sequence
  • open questions that need design clarification

Avoid:

  • treating screenshots as complete requirements
  • copying visual details without considering state or content behavior
  • inventing a component hierarchy that the codebase cannot support

Source & license

This open-source skill is cataloged on AgentStack and links to its original source — we do not rehost the code.

Install and usage instructions live in the source repository linked above.

Reviews

No reviews yet — be the first.

Versions

  • v0.1.0 Imported from the upstream source.