Search Results for "figma"
mcp-figma
Figma integration for design specs. Use when getting colors, typography, spacing from Figma, exporting component specs, syncing design tokens, implementing UI from Figma design.
ui-mockup-builder
Web/アプリの「画面モックアップ(UI Mockup / high-fidelity mockup)」を作成するためのSkill。 依頼に「モックアップ」「UIデザイン」「見た目を最終に寄せたい」「開発に渡せる画面デザイン」「Figmaに起こす前の叩き」「画面ごとの状態(空/エラー/ローディング等)込みで作りたい」 などが含まれるときに発動する。 目的に応じて wireframe / mockup / prototype のどれが必要かをまず判定し、モックアップが適切なら 画面ごとの静的な高フィデリティ設計(色/タイポ/余白/コンポーネント/状態)と、開発引き渡し用の注釈・仕様をまとめた「Mockup Pack」をリポジトリ内に生成する。
figma
Access Figma design data via Framelink MCP. Fetch layout, styles, components from Figma files/frames. Use when implementing UI from Figma designs, extracting design tokens, or downloading assets.
mockup-to-code
Use when converting UI mockups, screenshots, Figma/Sketch designs, wireframes, or building component libraries from design systems into production-ready code
figma-doc
Generate design system documentation (markdown only, no code) from a Figma component URL. Triggers on "/figma-doc <url>", requests to "document this component", or when given a Figma design URL to document. Automatically updates the CHANGELOG.md after generating documentation.
moai-integration-mcp
Universal MCP integration specialist combining Figma, Notion, Nano-Banana, and custom connectors with comprehensive orchestration patterns
implement-design
Translates Figma designs into production-ready code with 1:1 visual fidelity. Use when implementing UI from Figma files, when user mentions "implement design", "generate code", "implement component", "build Figma design", provides Figma URLs, or asks to build components matching Figma specs. Requires Figma MCP server connection.
moai-connector-figma
Design System & UI Kit Development with Figma 2025, Design Tokens, and Component Documentation
Frequently Asked Questions
What is a Claude Skill?
It is a modular, protocol-based instruction set that enables Claude to perform specific tasks autonomously and efficiently.
How is this different from regular prompts?
Skills use the official Anthropic protocol for better token efficiency and automatic triggering compared to static prompts.
Does it support the new Claude Code CLI?
Yes, we provide specialized one-click installation commands designed specifically for Claude Code and OpenCode.
Can I use these skills in Cursor?
Absolutely, our library is fully compatible with popular IDEs and extensions including Cursor, Codex, and AntiGravity.
Are the skills on the website free to use?
Most skills in our 90,000+ database are free and open-source for the community to download and deploy.
How can I contribute my own skills?
Developers can easily share their work by submitting their own skill repositories through our community portal.