Search
Frontend & Design · Model Context Protocol
Skills
Sort:BestMost starsTrending todayTrending this weekTrending this monthNewestRecently updatedName
| # | Skill | Repository | Stars | Used in | Tokens | Auto-check | Licence | Updated |
|---|---|---|---|---|---|---|---|---|
| 193 | 193.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 |
| 194 | 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 |
| 195 | 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 |
| 196 | A skill your agent uses when adding, enabling, disabling, installing, configuring, or debugging a plugin, bundle, feature, page, panel, tool, or MCP connection in the current Harness profile… | singula-ai/ | 109 | — | ~1.9k | Automated safety check: Pass | MIT | 12 days ago |
| 197 | 197.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 |
| 198 | 198.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 |
| 199 | Single owner of the connection between Figma Desktop and the figma-console MCP Desktop Bridge plugin, alias-agnostic, across every project. | hashgraph-online/ | 1.3k | — | ~6.7k | Automated safety check: Pass | MIT | yesterday |
| 200 | 200.Java Debug Safety rules, workflows, and tool reference for debugging applications via IntelliJ debugger: breakpoints, debug sessions, stepping, evaluating expressions, inspecting runtime state. | Amplicode/ | 128 | — | ~2.7k | Automated safety check: Pass | No licence | 1 mo ago |
| 201 | 201.Stitch Loop Stitch를 사용하여 자율적으로 멀티 페이지 웹사이트를 생성하는 반복 빌드 루프 패턴 — 바통 시스템으로 지속적 웹사이트 개발. | jh941213/ | 125 | — | ~1.5k | Automated safety check: Notes | No licence | 2 mo ago |
| 202 | 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 |
| 203 | Comprehensive skill for building, migrating, and maintaining Astro v7 projects. | fabricioctelles/ | 106 | — | ~2.4k | Automated safety check: Pass | Apache-2.0 | 7 days ago |
| 204 | Two agent-readiness scanners in one terminal: every check isitagentready.com and is-agentic.com run, plus copy-paste fixes, CI gating, scan history, and a local store neither web UI has an answer for. | mvanhorn/ | 2.1k | — | ~4.3k | Automated safety check: Notes | Apache-2.0 | yesterday |
| 205 | A skill your agent uses when generating or editing images with Ideogram models on Scenario via MCP: posters, logos, menus, packaging, or signage with exact in-image text, editing an image in place… | scenario-labs/ | 946 | — | ~2.7k | Automated safety check: Pass | MIT | yesterday |
| 206 | A skill your agent uses when generating or editing images with Microsoft MAI Image models on Scenario via MCP: photoreal or stylized text-to-image with legible in-image typography, posters… | scenario-labs/ | 946 | — | ~1.5k | Automated safety check: Pass | MIT | yesterday |
| 207 | Use Chrome DevTools MCP through UXC over local stdio for page navigation, DOM/a11y snapshots, network inspection, console inspection, and performance tooling, with a live-browser autoConnect default… | holon-run/ | 116 | — | ~1.1k | Automated safety check: Pass | MIT | 26 days ago |
| 208 | Use Design for UI/UX exploration, side-by-side design directions, interactive prototype previews, user selection, iteration, and design-to-code handoff through the hosted Design MCP app. | BuilderIO/ | 7.1k | — | ~1.7k | Automated safety check: Pass | No licence | yesterday |
| 209 | 209.Docs Lookup 通过 Context7 MCP 获取库和框架的实时最新文档，而非依赖训练数据，防止 API 幻觉。适用于查询任何库或框架的用法、配置、示例代码。触发词：怎么用、怎么配置、API参考、文档、示例代码、用法、接口、库文档、框架文档、documentation、docs、how to use、API… | ProgrammerAnthony/ | 235 | — | ~640 | Automated safety check: Pass | MIT | 5 mo ago |
| 210 | 210.AI UI Generation AI-assisted UI generation patterns for json-render, v0.app, Google Stitch, Bolt Cloud, and Cursor workflows. | yonatangross/ | 292 | — | ~2.7k | Automated safety check: Pass | MIT | yesterday |
| 211 | 211.Design Review Structured UI design review — existing code (React/JSX, CSS, Tailwind) and, when behaviour matters, the running app in a real browser — reported as a prioritised Before / After / Why table. | pproenca/ | 215 | — | ~3.4k | Automated safety check: Pass | MIT | 1 mo ago |
| 212 | 212.Figma Preflight Mandatory read-only gate that runs before any write to a Figma file, through figmaexecute (figma-console MCP) or usefigma (official Figma MCP). | hashgraph-online/ | 1.3k | — | ~5.4k | Automated safety check: Pass | MIT | yesterday |
| 213 | 213.Rayden Use Rayden UI Design Skill workflow skill. An agent skill from diegosouzapw/awesome-omni-skills. | diegosouzapw/ | 159 | — | ~3.3k | Automated safety check: Pass | MIT | 3 mo ago |
| 214 | A skill your agent uses whenever the user wants to find, shortlist, vet, or enrich US software development firms — custom software, web development, mobile app development, backend/API development… | jeremylongshore/ | 2.8k | — | ~3.7k | Automated safety check: Notes | MIT | yesterday |
| 215 | A skill your agent uses whenever the user wants to find, shortlist, vet, or enrich US web development firms — building, refreshing, or rebuilding marketing sites, landing pages, ecommerce… | jeremylongshore/ | 2.8k | — | ~3.7k | Automated safety check: Notes | MIT | yesterday |
| 216 | 216.Reui Build and maintain Core UI with the ReUI registry and authenticated ReUI MCP. | Asymmetric-al/ | 381 | — | ~3.9k | Automated safety check: Notes | AGPL-3.0 | yesterday |
| 217 | Creates or edits a Power Apps Canvas App through the Canvas Authoring MCP coauthoring session. | microsoft/ | 984 | — | ~2.7k | Automated safety check: Notes | MIT | yesterday |
| 218 | 218.Component Search Search 21st.dev component registry for production-ready React components. | yonatangross/ | 292 | — | ~2.3k | Automated safety check: Pass | MIT | yesterday |
| 219 | 219.Design To Code Mockup-to-component pipeline using Google Stitch, 21st.dev, and Storybook MCP. | yonatangross/ | 292 | — | ~4.4k | Automated safety check: Notes | MIT | yesterday |
| 220 | Reference for the Storybook MCP server itself (@storybook/addon-mcp): 6 tools across 3 toolsets (dev, docs, testing), availability detection, and per-agent toolset filtering. | yonatangross/ | 292 | — | ~1.5k | Automated safety check: Pass | MIT | yesterday |
| 221 | 221.Web Perf Analyzes web performance using Chrome DevTools MCP. An agent skill from sundial-org/awesome-openclaw-skills. | sundial-org/ | 663 | — | ~1.9k | Automated safety check: Pass | No licence | 7 mo ago |
