Frontend & Design · Model Context Protocol

Required groundwork before any use_figma call: the rules and reference files for running JavaScript in a Figma file through the Plugin API without common failures.

warpdotdev/warp

Builds walkthrough videos from Stitch design projects using Remotion, with transitions, zoom effects and text overlays on each screen.

google-labs-code/stitch-skills

A skill your agent uses for Laravel MCP development. An agent skill from coollabsio/coolify.

coollabsio/coolify

Guides finding, installing, customizing and wiring up shadcn/ui components in a project, with MCP tools for the component catalog and registries.

google-labs-code/stitch-skills

Turns a Figma frame or component into production code that matches the design, using the Figma MCP server and the project's own design system.

warpdotdev/warp

UI/UX design intelligence for web and mobile. An agent skill from saoudi-h/solar-icons.

saoudi-h/solar-icons

Development conventions and architecture guide for the Claude Code CLI repository.

codeaashu/claude-code

Adds Preline UI components and blocks to HTML files by querying the Preline MCP server, with rules for exact slugs and for clarifying vague requests.

htmlstreamofficial/preline

Create complete documentation sites for projects. An agent skill from victorgarciaesgi/nuxt-typed-router.

victorgarciaesgi/nuxt-typed-router

Write or revise a page under docs/ for gofastmcp.com. An agent skill from PrefectHQ/fastmcp.

PrefectHQ/fastmcp

A skill your agent uses when creating new UI components in packages/ui.

nukeop/nuclear

Audit a documentation site for agent-friendliness: discovery, markdown delivery, crawlability, semantic structure, machine-readable surfaces, and content legibility.

docker/docs

Design system for Activepieces (open-source AI automation platform, "open source replacement for Zapier").

activepieces/activepieces

Create Super Agent Party (SAP) extensions. An agent skill from heshengtao/super-agent-party.

heshengtao/super-agent-party

Helps add, compose, debug and style spartan/ui components in Angular projects, using its Brain headless primitives and Helm styled layer through the @spartan-ng/cli generators.

spartan-ng/spartan

Maps published Figma components to their code implementations with Code Connect, using the Figma MCP suggestion and mapping tools.

warpdotdev/warp

Zod schema validation best practices for type safety, parsing, and error handling.

jasonjgardner/blockbench-mcp-plugin

Creates a new blank Figma design or FigJam file in your drafts folder through the Figma MCP server, resolving the plan key first when needed.

warpdotdev/warp

Detects and diagnoses chunk-evaluation timing bugs in the Vite/rolldown production build of react-ui (works-in-dev / broken-in-build i18n regressions, missing UI labels, module-scope t()…

openops-cloud/openops

Searches more than 200 Iconify icon libraries and fetches icons as SVG from a command line tool or an MCP server.

dtsola/xiaoyaosearch

Manages UI Thing components, prose, blocks, themes, shortcuts, docs, and MCP-driven workflows in Nuxt projects and in the UI Thing source repo.

BayBreezy/ui-thing

Builds or updates full Figma screens from code or a description by reusing the file's published design system components, variables and styles.

warpdotdev/warp

A skill your agent uses when helping someone install, configure, or debug a fresh clone of JARVIS (this repo) — especially "the mic doesn't work", "JARVIS says his language systems are down", any…

ethanplusai/jarvis

Performs an accessibility code review of a local diff or Phabricator revision in the style of the Firefox accessibility team.

SAP/project-foxhound

Extract design primitives from a public website and generate starter token files for your project.

arvindrk/extract-design-system

Reverse-engineers a website's design from its URL into a Markdown and JSON pair holding concrete tokens and the trade-offs behind the look.

senlindesign/taste-skill

A skill your agent uses for HarmonyOS NEXT development help and local DevEco automation.

linhay/harmony-next.skills

Kubeez's own skill for building an immersive scroll-scrubbed "fly through the world" landing page for any industry or brand, generated end-to-end on the Kubeez platform.

KubeezMedia/kubeez-scroll-world-video

Use TypeUI with Hermes Agent to access project design skills, brand kits, UI prompts, and layout variations through the TypeUI MCP server when creating or refining user interfaces.

bergside/typeui

Upgrade @figma/plugin-typings and absorb what the new version exposes.

awdr74100/figwright

A skill your agent uses to generate well-branded interfaces and assets for fast-agent, either for production or throwaway prototypes/mocks/etc.

evalstate/fast-agent

Create, convert, or repair one Tutti workspace app as either a self-contained publishable package under package/ or a Chrome-style local debug app under .tutti/dev-app/.

tutti-os/tutti

Looks up Microsoft Fluent UI System Icons and their exact @fluentui/react-icons component names through the Fluent Icons MCP server or HTTP API, instead of guessing.

coltongriffith/fluenticons

A skill your agent uses when creating or editing frontend React code in react-ui or ui-components packages.

openops-cloud/openops

Add or change any text a player can see, in every locale the game ships in.

openfootmanager/openfootmanager

Create, build, deploy, and localize declarative agents for M365 Copilot and Teams.

microsoft/work-iq

Generate a fact-checked academic personal homepage from a CV, optionally augmented by an existing manual homepage and an assets directory.

wanshuiyin/ARIS-in-AI-Offer

Debug and trace ColecoVision and Super Game Module games using the Gearcoleco emulator MCP server.

drhelius/Gearcoleco

Find and fix why a website is slow by capturing and analyzing a Firefox performance profile, or by analyzing a profile the user already has (a saved file or a profiler.firefox.com share link).

mozilla/firefox-devtools-mcp

Set up and drive a running Flutter app (debug or profile) with Marionette — an AI agent's hands and eyes for the app.

leancodepl/marionette_mcp

Primary/default skill for UI design, product design, web design, landing pages, dashboards, product screens, redesigns, visual polish, frontend/CSS styling, design systems, components, responsive…

referodesign/refero_skill

Use TypeUI with OpenClaw to access project design skills, brand kits, UI prompts, and layout variations through the TypeUI MCP server when creating or refining user interfaces.

bergside/typeui

Fetch and render web pages using the Servo browser engine — a single binary with JS execution, CSS layout, screenshots, and content extraction.

konippi/servo-fetch

Verify the DoveVannoINostriSoldi web UI, public data APIs, RGS views, source ledger, and MCP catalog after integrated-source changes.

Italian-Builders-Org/DoveVannoINostriSoldi

Build or evolve a complex agent-enabled Tutti workspace app repository.

tutti-os/tutti

A skill your agent uses when debugging UE C++ crashes, runtime bugs, or unexpected behavior with Rider MCP available.

JasonMa0012/MooaToon

Build interactive analytics webapps, demos, dashboards, or embedded app surfaces from Sidemantic semantic models using copyable component primitives and deterministic query inspection.

sidequery/sidemantic

OneClickVirt operations skill for managing containers, virtual machines, provider nodes, health checks, and metrics through MCP.

oneclickvirt/oneclickvirt