🎯

figma-mcp-bridge

🎯Skill

from aradotso/design-skills

What it does

Part of a collection of auto-generated agent skills from trending design and UI open-source projects on GitHub, scanned every 30 minutes and ranked by stars per day. Each skill is installable via the skills CLI and covers topics like AI prototyping, design systems, and Figma integration.

📦

Same repository

aradotso/design-skills(98 items)

figma-mcp-bridge

Installation

Vibe Index InstallInstalls to .claude/skills/

npx vibeindex add aradotso/design-skills --skill figma-mcp-bridge

skills.sh Install⚠ Installs to .agents/skills/

npx skills add aradotso/design-skills --skill figma-mcp-bridge

Manual InstallCopy SKILL.md content and save to the path below

~/.claude/skills/figma-mcp-bridge/SKILL.md

SKILL.md

96Installs

AddedMay 18, 2026

View on GitHub Back to Skills

More from this repository10

🎯

awesome-claude-design🎯Skill

Provides 68 ready-to-use DESIGN.md files extracted from real brands (Claude, Vercel, Stripe, Linear) that Claude Design expands into full UI scaffolds with design tokens, components, and working UI kits.

🎯

open-design-ai-prototyping🎯Skill

A local-first, open-source design tool skill that transforms coding agents into design engines, providing 31 composable skills, 129 brand-grade design systems, and a sandboxed preview environment with HTML/PDF/PPTX/MP4 export capabilities.

🎯

open-codesign-ai-design🎯Skill

A skill for using Open CoDesign, an open-source local-first desktop app that transforms prompts into polished prototypes, slide decks, and PDFs with multi-model support (Claude, GPT, Gemini, Ollama) and export to HTML, PDF, PPTX, and more.

🎯

design-md-format🎯Skill

Creates and validates DESIGN.md files that give AI coding agents a structured understanding of design systems through machine-readable tokens and human-readable rationale.

🎯

claude-design-system-hooks🎯Skill

AI-powered design-to-code engine that generates production-ready UI components from natural language descriptions, supporting multi-framework output (React, Vue, Angular), design token extraction, and WCAG 2.2 compliance.

🎯

claude-design-ui-framework🎯Skill

A UI/UX framework for building Claude-powered applications with React components, Tailwind CSS utilities, screenshot-to-React conversion, Figma integration, and Artifacts-style rendering for AI-generated content.

🎯

keychron-hardware-design🎯Skill

Auto-generated agent skill based on the Keychron/Keychron-Keyboards-Hardware-Design project, part of a bot-curated collection that tracks trending design and UI repositories on GitHub and converts them into installable SKILL.md files.

🎯

design-md-chrome-extractor🎯Skill

Part of ara.so's auto-generated design skills collection, which scans GitHub every 30 minutes for trending design and UI open source projects and creates installable skills.

🎯

diagram-design-editorial🎯Skill

Part of ara.so's auto-generated design skills collection, which scans GitHub every 30 minutes for trending design and UI open source projects and creates installable skills.

🎯

nothing-design-ui-skill🎯Skill

Part of ara.so's auto-generated design skills collection, which scans GitHub every 30 minutes for trending design and UI open source projects and creates installable skills.