Explore
MCP servers and skills: search, filter by where they run, and compare.
MCP servers and skills: search, filter by where they run, and compare.
Use Claude Design from Claude Code, Codex, Cursor, Gemini CLI, and 70+ coding agents. Create designs from your real codebase, refine them on the canvas, and sync every change back. One installer, no M
MCPLink only★ 34
UI design & mockup skill for Claude Code & Codex, from screenshot to code. 帮你出 UI 设计稿并还原成页面。
SkillLink only★ 497
蓝湖设计稿转前端代码的 Claude Code Skills 工具集 | Lanhu design-to-code workflow for Claude Code
SkillLink only★ 22
Pixel-faithful UI cloning skill for Claude Code, Cursor, Codex CLI, ChatGPT, and Copilot. Anti-hallucination contract + adversarial verification. Built on the SKILL.md open standard.
SkillLink only★ 15
Practical guide and experiment for automated design-to-code conversion with MCP.
MCPLink only★ 1Few stars
Ardot 画布设计能力接入 Claude Code , qoder , zcode的自用插件:读写设计稿、由设计稿出前端代码
MCPLink only★ 3Few stars
Turns Figma clipboard data (layers, layout, fills, text, vector paths) into a local MCP server for AI: view-seat friendly, zero API quota, zero deps.
MCPLink only★ 1Few stars
Translates Figma designs into production-ready application code with 1:1 visual fidelity. Use when implementing UI code from Figma files, when user mentions "implement design", "generate code", "imple
OfficialSkillLink only★ 28k in collection
Connects Figma design components to code components using Code Connect mapping tools. Use when user says "code connect", "connect this component to code", "map this component", "link component to code
OfficialSkillLink only★ 28k in collection
Generate or edit raster images when the task benefits from AI-created bitmap visuals such as photos, illustrations, textures, sprites, mockups, or transparent-background cutouts. Use when Codex should
OfficialSkillLink only★ 28k in collection
Build, scaffold, refactor, and troubleshoot ChatGPT Apps SDK applications that combine an MCP server and widget UI. Use when Codex needs to design tools, register UI resources, wire the MCP Apps bridg
OfficialSkillLink only★ 28k in collection
Generates custom design system rules for the user's codebase. Use when user says "create design system rules", "generate rules for my project", "set up design rules", "customize design system guidelin
OfficialSkillLink only★ 28k in collection
Use this skill alongside figma-use when the task involves translating an application page, view, or multi-section layout into Figma. Triggers: 'write to Figma', 'create in Figma from code', 'push page
OfficialSkillLink only★ 28k in collection
Build or update a professional-grade design system in Figma from a codebase. Use when the user wants to create variables/tokens, build component libraries, set up theming (light/dark modes), document
OfficialSkillLink only★ 28k in collection
Use the Figma MCP server to fetch design context, screenshots, variables, and assets from Figma, and to translate Figma nodes into production code. Trigger when a task involves Figma URLs, node IDs, d
OfficialSkillLink only★ 28k in collection
Public integration metadata and agent skill for the hosted CodeCrafted Design MCP service.
MCPLink onlyFew stars
The world's most intelligent frontend design skill for Claude Code: 18 libraries, 24 styles, 86 lint rules, WCAG science built-in.
SkillLink only★ 4Few stars
Enterprise-grade, local-first Agent Workbench for people and agent teams. A unified multi-engine workspace for Codex Harness, DeepSeek Harness, and OpenCode, with unified plugins and Skills, multi-age
SkillLink only★ 6.9k
Design the UX of custom-code Databricks Apps (AppKit/React) data screens — KPI/overview pages, reports, charts, tables, and Genie/chat data assistants — mapped to concrete AppKit components. Use when
OfficialSkillLink only★ 347 in collection
把 Markdown 一键排成可直接粘进公众号编辑器的精致 HTML —— 6 套精选主题 + 主题生成器 + 双关卡校验。An AI-agent skill that turns Markdown into paste-ready WeChat article HTML.
SkillLink only★ 4.0k
Agent skill that turns Claude Code / Codex into a motion-design studio for voiceover-driven explainer videos — word-level voiceover sync, 109 motion recipe cards, an anti-slideshow camera system, Remo
SkillLink only★ 1.6k
Claude Code skill for generating design cards in 14 formats — platform covers, social sharing cards, and editorial layouts following Anthropic
SkillLink only★ 463
The Simulink Agentic Toolkit gives your AI agent both the tools and the expertise to work effectively with Simulink and Model-Based Design.
MCPLink only★ 1.2k
Topic in, narrated explainer video out. A Claude Code / Codex skill that turns any topic into a black-canvas motion-graphics explainer video with TTS voiceover, subtitles and a chapter progress bar. C
SkillLink only★ 2.5k
Professional mobile app UI/UX design skill for Claude Code
SkillLink only★ 430
Curated list of awesome AI tools to build beautiful UI/UX.
MCPLink only★ 959
Product-design, conversion & behavioral-science principles for SaaS
SkillLink only★ 897
BaoCut: an AI video agent with an editable timeline. Transcribe, subtitle, translate, dub, cut and animate.
SkillLink only★ 940
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) and Apple (SwiftUI). Pro
SkillLink only★ 477
Qwen-Image 2.1 NSFW/姿势出图 skill:作者级提示词配方 + NSFW LoRA + 136 姿势 VNCCS 人偶控制;适用 Claude Code / Codex / Cursor / OpenClaw
SkillLink only★ 1.0k
🎬 Tạo video "so sánh kiến thức" ngắn tự động — HyperFrames + AI voice, 1 template nhiều chủ đề.
SkillLink only★ 213
嘉立创EDA专业版(EasyEDA Pro)自动化:给 AI harness 装上画板的「手」—— 一套 typed 原理图/PCB 动作,CLI / Agent Skill / stdio MCP 三形态融合接入。承接嘉立创「不以卖板赚钱,以培养中国工程师为己任」 | EasyEDA Pro automation: the hands of your AI harness — typed sch
MCPLink only★ 663
Design-focused Agent Skills for Claude Code: UI/UX, interface design, typography, and motion. Emil Kowalski-inspired.
SkillLink only★ 31
Open-source skills and toolkits that let Claude Code, Codex and other coding agents make video. 180 repos by type, each security-graded. English / 中文.
SkillLink only★ 606
Agent! now supports macOS 14.6 or later, Apple Silicon and Intel, latest release. The Best AI agent for Mac: drives any app via Accessibility, codes/builds in Xcode, automates AppleScript, JXA, Swift
MCPLink only★ 645
A Claude Code / agent skill for building genuinely designed, editable Feishu / Lark (飞书) whiteboards — deliberate composition, real hierarchy, a gated pipeline with pre-render fit-check and independen
SkillLink only★ 60
165 evidence-grounded AI skills for teachers, school leaders and EdTech builders—pedagogy, learning science, curriculum, assessment and regeneration. Claude, Codex and Hermes.
SkillLink only★ 859
40 installable visual-design skills for Codex, with reusable Python tooling and versioned packages. Turn photos into artwork. Try online: style.abdc.online
SkillLink only★ 164
JARVIS — a voice assistant for Claude Code. Talk to your Mac and he brainstorms a project with you, builds it, and tells you out loud when a Claude Code session needs you. macOS, on your Claude subscr
MCPLink only★ 865
💾 MOI: agent-agnostic generative UI workspace. Give your agent a skill and let it build software around itself.
SkillLink only★ 184
End-to-end humanities writing assistant — an Agent Skill (open SKILL.md format). 11 modes from Socratic research-question sharpening through AI-use disclosure. Bilingual (EN/中文), discipline-aware (lit
SkillLink only★ 445
Create polished product demo videos with AI coding agents and Remotion. The UI is code, not a screen recording.
SkillLink only★ 408
Production-Stage Visual Design & In-Codebase UI Engineering Suite
SkillLink only★ 118
🏯 Claude Code / Codex skill — transform Chinese architecture, cultural places & travel photos into art-directed editorial posters with GPT Image. 中国古建筑与在地文化照片 → 艺术指导海报
SkillLink only★ 500
Carbon MCP provides tools to explore Carbon Design System components, tokens, and icons, answer documentation questions, and generate consistent UI code.
MCPLink only★ 37
杜蕾斯式文案与海报 Skill for Claude Code —— 双层语义方法论 + 8 个文案公式 + 从 260 张原始海报拆解的视觉系统 + AI 出图/代码排版管线
SkillLink only★ 336
Local AI filmmaking studio — skills, canvas, timeline — driven from your coding agent.
SkillLink only★ 342
Who stands behind it
Who stands behind it