An AI skill that provides design intelligence for building professional UI/UX across multiple platforms.
$
/plugin marketplace add nextlevelbuilder/ui-ux-pro-max-skillTrending · best of 2026
Best Figma & design tools
Figma, design systems, tokens and design-to-code workflows for coding agents. 7 hand-checked picks first, then 116 matching MCP servers, skills and plugins from our index, ranked by GitHub stars.
Standouts
Stars from the GitHub API, 2026-10-15- 115,991 ★
- 27,055 ★
- 36,026 ★
- 42,076 ★
Guide for Figma's MCP server; remote is limited to catalog clients
github.com/figma/mcp-server-guide - 5181,288 ★
frontend-design, canvas-design, theme-factory, brand-guidelines (SKILL.md) · Stars are for the whole repo
github.com/anthropics/skills - 632,465 ★
Official Vercel skills incl. web-design-guidelines · Stars are for the whole repo
github.com/vercel-labs/agent-skills - 7526 ★Penpot MCP ARCHIVED
Moved into the main Penpot repo (penpot/penpot, mcp folder)
github.com/penpot/penpot-mcp
More from the index
Tools whose name, description or GitHub topics match this topic, ranked by live GitHub stars. Keyword-matched, not reviewed by hand.
The 1st Collaborative AI Design Agent Workspace. Local-first and open source. Create prototypes, websites, apps, dashboards, presentations, images, and videos with your team…
$git clone https://github.com/nexu-io/open-design- #3Onlook
The Developer Tool for Visual Engineers • An Open-Source AI-First Design tool • Visually build, style, and edit your code with AI • World's best, top-most agent recommended #1…
$git clone https://github.com/onlook-dev/onlook Practical patterns, starters & CLI tools for loop engineering with AI coding agents. Design systems that prompt and orchestrate agents (inspired by Addy Osmani and Boris…
$npx @cobusgreyling/loop init . --pattern daily-triage --tool claudeOpen-source Claude Design alternative. One-click import your Claude Code / Codex API key. Prompt → prototype / slides / PDF. Multi-model (Claude, GPT, Gemini, Kimi, GLM,…
$brew install --cask opencoworkai/tap/open-codesignRules for an AI coding agent to filter out generic AI-generated UI designs, text, and code.
$/plugin marketplace add https://github.com/miqdadbadjuber/anti-slopExtract any website's complete design system with one command. DTCG tokens, semantic+primitive+composite, MCP server for Claude Code/Cursor/Windsurf, multi-platform emitters…
$claude mcp add designlang -- npx -y designlang mcpExtract any website’s design system into tokens in seconds: logo, colors, typography, borders & more. One command.
$claude mcp add --transport stdio dembrandt -- npx -y dembrandt mcpYour design system as an API. Connect AI to Figma for extraction, creation, and debugging.
$claude mcp add figma-console -s user -e FIGMA_ACCESS_TOKEN=figd_YOUR_TOKEN_HERE -e ENABLE_MCP_APPS=true -- npx -y figma-console-mcp@latest- #10Pr Lens
Review code 100X faster. Lens draws every PR as animated architecture and data-flow walkthroughs, inside the pull request itself. Use it as a GitHub App, GitHub Action, CLI, or…
$npx skills add coldteadotai/pr-lens Turn Claude into a senior design architect: DTCG tokens, 52 components, WCAG 2.2 AA-AAA, 138 design systems, any-framework code, and 50 objective gates that fail the build…
$claude mcp add ux-ui-gates -- npx -y --package=ux-ui-agent-skills ux-ui-mcp- #12Oil UI
UI design skill for Claude Code, Codex and other AI agents: explore distinct directions, compare them side by side, refine against real screenshots. 给 AI Agent 用的 UI 设计 Skill。
$npx skills add oil-oil/oil-ui - #13Figwright
Free, two-way Figma MCP server. Turn designs into framework-aware code, and push code back to the canvas. Works with Claude Code, Cursor, Codex, and any MCP client.
$npx skills add awdr74100/figwright/skills A collection of open source plugins, widgets, agent skills, and developer resources for Figma products that have been shared on GitHub.
$git clone https://github.com/figma/community-resources- #15hue
Open-source skill that learns any brand and turns it into a complete design system. works on claude code and codex. install once, every UI your assistant builds matches your brand.
$git clone https://github.com/dominikmartn/hue Figma Plugin & MCP server to bypass API limits
$git clone https://github.com/gethopp/figma-mcp-bridge- #17Vibe
Vibe Design System - Official monday.com UI resources for application development in React.js
$npm install @vibe/core A Model Context Protocol (MCP) that allows Claude Desktop and other AI tools (Claude Code, Cursor, Antigravity, etc.) to read, analyze, and modify Figma designs
$npx claude-talk-to-figma-mcp- #19Stylekit
Open-source visual style library for AI-generated UI — 148 curated styles with design tokens, prompts and MCP. | 面向 AI 生成网页的开源视觉风格库：148 套精选风格，支持 MCP、Agent Skill 与 npm CLI。
$npx shadcn add https://stylekit.top/r/glassmorphism.json - #20Agent Skills
Official Sleek agent skill for creating and editing mobile app designs through the REST API. Includes account setup, screenshots and screen HTML.
$npx skills add sleekdotdesign/agent-skills Comprehensive UI/UX and Backend component design skills for AI-assisted development with Claude
$claude plugin install ui-foundation-skills@ai-design-components- #22Draw UI
UI design & mockup skill for Claude Code & Codex, from screenshot to code. 帮你出 UI 设计稿并还原成页面。
$npx skills add oil-oil/draw-ui - #23Genjutsu
Creative coding skills for Claude Code, claude.ai and Cowork. Motion, micro-interactions and design systems across Web (GSAP, Motion, Three.js, CSS), Android (Jetpack Compose)…
$/plugin marketplace add AThevon/genjutsu Open-source design MCP server + shadcn/ui registry — AI design systems for Claude Code, Cursor, Codex, GitHub Copilot & any MCP client. 31 brand-grade themes (Linear, Stripe,…
$npx skills add marvkr/better-design --skill better-designA virtual design team for Claude Code, Cursor, Windsurf, Gemini CLI, and Copilot — 26 roles, 62 commands, 15,000+ lines of expert design knowledge. Your agency's design brain,…
$git clone https://github.com/Adityaraj0421/naksha-studio
