Search
Model Context Protocol · For designers
Skills
Sort:BestMost starsTrending todayTrending this weekTrending this monthNewestRecently updatedName
| # | Skill | Repository | Stars | Used in | Tokens | Auto-check | Licence | Updated |
|---|---|---|---|---|---|---|---|---|
| 97 | Implement a Figma→code handover doc — apply the listed changes to Svelte components, update their colocated .spec.json and stories, and get pnpm ds:validate green. | mqtt-viewer/ | 134 | — | ~853 | Automated safety check: Pass | GPL-3.0 | 3 days ago |
| 98 | 98.Blog Image AI image generation and editing for blog content powered by Gemini via MCP. | AgriciDaniel/ | 2.3k | 1 repo | ~3.4k | Automated safety check: Pass | MIT | 2 days ago |
| 99 | Identify the right Ignite UI Web Components (igniteui-webcomponents, grids, charts, dock manager, React wrappers) for a UI requirement and point to official docs, examples, and API references. | IgniteUI/ | 170 | — | ~4.6k | Automated safety check: Pass | MIT | 2 days ago |
| 100 | 100.Visualizer 当用户要求数据可视化、做图表、生成看板、数据仪表盘、可视化报告、Excel/CSV 转图表、预算/销售/运营等指标分析页面、Chart.js 可视化时使用。只处理数据可视化任务；纯网页、banner、海报、简历等非数据图表设计任务应交给 visual-design。数据报告页以图表为主体归本技能；以文案排版为主体的静态报告页归 visual-design。 | Pinvou/ | 2.4k | — | ~933 | Automated safety check: Pass | MIT | yesterday |
| 101 | A skill your agent uses when adding, configuring, or debugging shadcn-vue in a Vue or Nuxt project. | skilld-dev/ | 181 | — | ~1.3k | Automated safety check: Pass | MIT | today |
| 102 | Translate Figma nodes into production-ready code with 1:1 visual fidelity using the Figma MCP workflow (design context, screenshots, assets, and project-convention translation). | tech-leads-club/ | 7k | — | ~2.9k | Automated safety check: Pass | Apache-2.0 | 2 days ago |
| 103 | 103.Vibe Prototype Vibe Coding 流水线第五步:依据 design.md(视觉准则)与 interaction.md,为每个页面在 Stitch 画布生成原型, 经 stitch-mcp 拉取 HTML 与截图存入 prototypes/,并与交互文档做双向对齐校验。 | idiotLeoLYJ/ | 140 | — | ~3.1k | Automated safety check: Pass | No licence | 1 mo ago |
| 104 | Builds Ignite UI Web Components views from Figma designs, supporting Indigo.Design kits, third-party kits (Material 3, Fluent 2, shadcn/ui, Untitled UI, in-house), and plain frames. | IgniteUI/ | 170 | — | ~7.2k | Automated safety check: Pass | MIT | 2 days ago |
| 105 | Comprehensive guide for creating professional UI/UX designs in Penpot using MCP tools. | github/ | 40k | 1 repo | ~3k | Automated safety check: Pass | MIT | 2 days ago |
| 106 | 106.Edit Video 在剪辑时间线上剪辑一集，并按要求出成片或导出剪映草稿。本集视频已齐、要剪一版时使用；用户按片段编号提出修改（如「c3 太拖」），或要求配 BGM、出成片、导出剪映草稿、复制或重命名剪辑时间线、回到旧修订时，也使用本 skill。 | ArcReel/ | 5.4k | — | ~1.6k | Automated safety check: Pass | AGPL-3.0 | yesterday |
| 107 | Translate Figma nodes into production-ready code with 1:1 visual fidelity using the Figma MCP workflow (design context, screenshots, assets, and project-convention translation). | davila7/ | 33k | 1 repo | ~2.9k | Automated safety check: Pass | Apache-2.0 | today |
| 108 | 108.Orchestration The master program for producing or editing a video end to end — read this at the START of any video task (after video-router), then follow the gates and the per-line steps. | Orkas-AI/ | 499 | — | ~3.4k | Automated safety check: Pass | MIT | 19 days ago |
| 109 | 109.Site Check Check the landing page and the generated documentation site (site/, guardana.dev) in a real browser — confirm a page renders after a docs change, review it at phone width, read the console and… | guardana/ | 259 | — | ~679 | Automated safety check: Pass | Apache-2.0 | today |
| 110 | 110.Persian Rtl UI Build right-to-left Persian (Farsi) UI in React and Tailwind the way an Iranian product team would: logical CSS only, Persian fonts without letter-spacing, Persian digits and «تومان», Jalali dates… | TronIsHere/ | 212 | — | ~1.7k | Automated safety check: Warn | MIT | yesterday |
| 111 | 111.Ad Subagent Draft a new Codex custom subagent at .codex/agents/<name.toml, using the official Codex subagents format. | alexandremendoncaalvaro/ | 756 | 1 repo | ~1.3k | Automated safety check: Pass | Unknown | 2 mo ago |
| 112 | 112.Generate Assets 统一资产生成 skill：接受 --type=character|scene|prop|product，或不传自动扫所有 pending（缺 sheet）资源并按类型分发。当用户说“生成角色图”/“生成场景图”/“生成道具图”/“生成商品图”、想为新资产创建参考图、或有资产缺少 sheet 时使用。 | ArcReel/ | 5.4k | — | ~902 | Automated safety check: Pass | AGPL-3.0 | 2 days ago |
| 113 | 113.Generate Grid 生成宫格分镜图。当用户说"生成宫格"、"宫格生图"、"用宫格装配生成分镜"时使用。自动按 segmentbreak 分组，选择最优宫格大小，生成链式过渡帧宫格联合图；用户审阅联合图并同意后，再切分落格为各分镜的起始分镜图。 | ArcReel/ | 5.4k | — | ~495 | Automated safety check: Pass | AGPL-3.0 | 2 days ago |
| 114 | 114.Accesslint Audit Find and fix WCAG 2.2 accessibility issues. An agent skill from sickn33/agentic-awesome-skills. | sickn33/ | 47k | 2 repos | ~1.8k | Automated safety check: Pass | MIT | 2 days ago |
| 115 | 115.Cpa Diagnostics When your CPA spikes, Claude breaks down exactly what caused it. | irinabuht12-oss/ | 4.1k | — | ~615 | Automated safety check: Pass | No licence | 17 days ago |
| 116 | Reviews your landing pages against the ads driving traffic to them. | irinabuht12-oss/ | 4.1k | — | ~683 | Automated safety check: Pass | No licence | 17 days ago |
| 117 | A skill your agent uses for video editing or video creation work that should be editable in OpenChatCut, even when the user does not explicitly mention OpenChatCut. | 0xsline/ | 2.2k | — | ~5.1k | Automated safety check: Pass | AGPL-3.0 | 4 days ago |
| 118 | Render and inspect a design-system component in a trusted project. | AgiFlow/ | 161 | — | ~291 | Automated safety check: Pass | AGPL-3.0 | 6 days ago |
| 119 | 119.Canva Designer Creates and edits Canva designs, generates images and works with brand kits through the canva CLI and Canva's official MCP server, from decks to social posts. | asgeirtj/ | 69k | — | ~2.1k | Automated safety check: Pass | CC0-1.0 | yesterday |
| 120 | 120.Product Showcase Generate a comprehensive marketing website for a web app — multi-page with real screenshots, animated GIF walkthroughs, feature deep-dives, and workflow demonstrations. | jezweb/ | 1.1k | — | ~5k | Automated safety check: Pass | MIT | 2 days ago |
| 121 | 121.Resolve Fusion Fusion composition work in the DaVinci Resolve MCP. An agent skill from samuelgursky/davinci-resolve-mcp. | samuelgursky/ | 3.4k | — | ~428 | Automated safety check: Pass | MIT | 2 days ago |
| 122 | Use Taisly Agent Kit to prepare and publish approved short-form video posts across TikTok, Instagram Reels, YouTube Shorts, X, and Facebook. | sickn33/ | 47k | 1 repo | ~768 | Automated safety check: Pass | MIT | 2 days ago |
| 123 | Creative Designer skill. An agent skill from stevenflanagan1/social-ai-team. | stevenflanagan1/ | 244 | — | ~5.3k | Automated safety check: Pass | No licence | 4 days ago |
| 124 | Comprehensive SAC scripting skill for SAP Analytics Cloud Analytics Designer and Optimized Story Experience. | secondsky/ | 462 | — | ~4.2k | Automated safety check: Pass | GPL-3.0 | 6 days ago |
| 125 | 125.Visual Verdict Screenshot comparison QA for frontend development. An agent skill from vibeeval/vibecosystem. | vibeeval/ | 532 | — | ~2.4k | Automated safety check: Pass | MIT | 2 mo ago |
| 126 | 126.Omk Stitch Google Stitch design-to-code workflow with design system management. | KaimingWan/ | 107 | — | ~2.2k | Automated safety check: Pass | MIT | 6 mo ago |
| 127 | Drive Google Stitch over MCP safely - read screens, write and lint DESIGN.md, create design systems, and fix designs through variants instead of overwriting. | HoangNguyen0403/ | 572 | — | ~686 | Automated safety check: Pass | MIT | yesterday |
| 128 | Create MATLAB Course Designer Simulink Exercise learning activities with starter and solution Simulink model files. | matlab/ | 184 | — | ~1.9k | Automated safety check: Pass | Unknown | yesterday |
| 129 | 129.Concept Before drawing a new character, prop, scene or animation, write an art spec, turn it into a ready-to-paste prompt for an image-generation model, and offer the user a choice — generate a concept… | with-pebbly/ | 230 | — | ~2.5k | Automated safety check: Pass | MIT | 3 days ago |
| 130 | 130.Composer Plugins A skill your agent uses when working on files in packages/plugins/, adding new plugins, refactoring plugin components/containers, writing storybooks for plugins, or wiring capabilities like… | dxos/ | 526 | — | ~13k | Automated safety check: Pass | Unknown | yesterday |
| 131 | Browser automation CLI using DOMShell MCP server. An agent skill from HKUDS/CLI-Anything. | HKUDS/ | 52k | — | ~1.5k | Automated safety check: Warn | Apache-2.0 | 19 days ago |
| 132 | Searches for and downloads ethically-licensed stock images via the media-management MCP server. | forcedotcom/ | 1.1k | — | ~3.2k | Automated safety check: Pass | Apache-2.0 | yesterday |
| 133 | Generates high-fidelity visual assets, logos, and UI mockups using the media-management MCP server. | forcedotcom/ | 1.1k | — | ~966 | Automated safety check: Pass | Apache-2.0 | yesterday |
| 134 | 134.Shadcn UI Project-aware shadcn/ui components, registry MCP, theming, and design-system lint feedback. | BuilderIO/ | 7.1k | — | ~3k | Automated safety check: Pass | No licence | yesterday |
| 135 | 135.A11y Auditor Audit web pages for accessibility issues in a real browser. An agent skill from hanzili/hanzi-browse. | hanzili/ | 177 | — | ~648 | Automated safety check: Pass | Unknown | 5 mo ago |
| 136 | Audit Figma variable collections: tier mapping, naming, alias chains, modes, orphans; can fix in place with Figma Console MCP. | murphytrueman/ | 206 | — | ~5.8k | Automated safety check: Pass | MIT | 17 days ago |
| 137 | Generate per-component JSON metadata files (.ai/metadata/) from source: props, behaviour, composition, a11y contract, prohibited prop combinations. | murphytrueman/ | 206 | — | ~5.4k | Automated safety check: Pass | MIT | 17 days ago |
| 138 | Revise a Cowart canvas image from an annotation screenshot using Vetta editimage, then place the result with Cowart MCP. | openvetta/ | 290 | — | ~364 | Automated safety check: Pass | Apache-2.0 | 2 days ago |
| 139 | 139.Cowart Image Gen Generate a bitmap for the Cowart canvas via Vetta generateimage, then insert or replace via Cowart MCP. | openvetta/ | 290 | — | ~408 | Automated safety check: Pass | Apache-2.0 | 2 days ago |
| 140 | 将当前 Agent 宿主连接到 ArcReel 远程 MCP 服务并验证访问。 | ArcReel/ | 5.4k | — | ~158 | Automated safety check: Pass | AGPL-3.0 | 2 days ago |
| 141 | 141.Design System A skill your agent uses to establish the project's design canon — docs/design-system.md: the design-tool choice (Figma MCP / Pencil MCP / code-only markdown), the platform posture (mobile-first /… | genkovich/ | 171 | — | ~2.3k | Automated safety check: Pass | MIT | 1 mo ago |
| 142 | 142.Screens A skill your agent uses to produce the canonical screen manifest for a UI feature — every screen in every state (default / loading / empty / error / success / validation), with reuse-first component… | genkovich/ | 171 | — | ~2.1k | Automated safety check: Pass | MIT | 1 mo ago |
| 143 | Collect bounded runtime and debugger evidence for a 1C project through EDT-MCP, including launch, breakpoints, variables, event log, and cleanup. | DitriXNew/ | 296 | — | ~967 | Automated safety check: Pass | AGPL-3.0 | 3 days ago |
| 144 | 144.Scenario Runway A skill your agent uses when generating or editing video with Runway models on Scenario via MCP: text-to-video or image-to-video from a first frame with Gen4.5 (cinematic motion, sequenced actions… | scenario-labs/ | 946 | — | ~1.2k | Automated safety check: Pass | MIT | yesterday |
