Agent Skills: figma-generate-component
Generate production-ready code from a Figma component or frame using the Figma MCP server
ID: thebushidocollective/han/figma-generate-component
19520
Install this agent skill to your local
Skill Files
The files that make up figma-generate-component.
More agent skills
- cypress-fundamentalsUse when cypress fundamentals including commands, assertions, fixtures, and E2E testing patterns.
- legacy-circuit-mockupsGenerate breadboard circuit mockups and visual diagrams using HTML5 Canvas drawing techniques. Use when asked to create circuit layouts, visualize electronic component placements, draw breadboard diagrams, mockup 6502 builds, generate retro computer schematics, or design vintage electronics projects. Supports 555 timers, W65C02S microprocessors, 28C256 EEPROMs, W65C22 VIA chips, 7400-series logic gates, LEDs, resistors, capacitors, switches, buttons, crystals, and wires.
- hopper-debuggerHopper debugging: macOS/iOS binaries, ObjC/Swift symbols, dyld, LLDB.
- cost-trackingローカルのコスト追跡データベースからClaude Codeのトークン使用量、支出、予算を追跡・レポートします。コスト、支出、使用量、トークン、予算、またはプロジェクト、ツール、セッション、日付によるコスト内訳について質問する場合に使用します。
- image-manipulation-image-magickProcess and manipulate images using ImageMagick. Supports resizing, format conversion, batch processing, and retrieving image metadata. Use when working with images, creating thumbnails, resizing wallpapers, or performing batch image operations.
- ce-commitCreate a git commit with a clear, value-communication message. Use when the user asks to commit/save staged or unstaged changes with a repo-appropriate, value-communicating message.