Turn designs into working interfaces

frontend-design

Official

Create distinctive, production-grade frontend interfaces with high design quality. Generates creative, polished code that avoids generic AI aesthetics.

playground

Official

Creates interactive HTML playgrounds — self-contained single-file explorers with visual controls, live preview, and prompt output with copy button. Includes templates for design playgrounds, data explorers, concept maps, and document critique.

session-report

Official

Generate an explorable HTML report of Claude Code session usage — tokens, cache efficiency, subagents, skills, and the most expensive prompts — from local ~/.claude/projects transcripts.

expo

Official Expo skills for building, deploying, upgrading, and debugging React Native apps with Expo. Covers UI development with Expo Router, SwiftUI and Jetpack Compose components, Tailwind CSS setup, API routes, data fetching, CI/CD workflows, App Store and Play Store deployment, SDK upgrades, DOM c

figma

Figma design platform integration. Access design files, extract component information, read design tokens, and translate designs into code. Bridge the gap between design and development workflows.

shopify-ai-toolkit

Shopify's AI Toolkit provides 18 development skills for building on the Shopify platform, covering documentation search, API schema access, GraphQL and Liquid code validation, Hydrogen storefronts, Polaris UI extensions, store management via CLI, and onboarding guidance for both developers and merch

MCP server to provide Figma layout information to AI coding agents like Cursor

Use existing brand guidelines with AI. Turn websites, PDFs, and Figma into a .brand runtime.

Labby

Local-first MCP gateway and homelab control plane with CLI, HTTP API, and web UI.

Kiosk Builder

Build and manage airline self-service kiosk apps — styling, pages, CMS, and CUSS2.

Turn your app idea into IA, wireframes, PRD, style guides, and dev specs for coding agents.

Turn prototype feedback into product decisions that your whole team can trace.

ui-ux-pro-max-skill

An AI SKILL that provide design intelligence for building professional UI/UX multiple platforms

impeccable

The design language that makes your AI harness better at design.

plugin-structure

Official

This skill should be used when the user asks to "create a plugin", "scaffold a plugin", "understand plugin structure", "organize plugin components", "set up plugin.json", "use ${CLAUDE_PLUGIN_ROOT}", "add commands/agents/skills/hooks", "configure auto-discovery", or needs guidance on plugin director

playground

Creates interactive HTML playgrounds — self-contained single-file explorers that let users configure something visually through controls, see a live preview, and copy out a prompt. Use when the user asks to make a playground, explorer, or interactive tool for a topic.

frontend-design

Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one. Helps with aesthetic direction, typography, and making choices that don't read as templated defaults.

session-report

Generate an explorable HTML report of Claude Code session usage (tokens, cache, subagents, skills, expensive prompts) from ~/.claude/projects transcripts.

code-architect

Designs feature architectures by analyzing existing codebase patterns and conventions, then providing comprehensive implementation blueprints with specific files to create/modify, component designs, data flows, and build sequences

plugin-validator

Official

Use this agent when the user asks to "validate my plugin", "check plugin structure", "verify plugin is correct", "validate plugin.json", "check plugin files", or mentions plugin validation. Also trigger proactively after user creates or modifies plugin components. Examples: <example> Context: User f

scan-inventory

Official

Restricted read-only repository cartographer dispatched by the Claude Security scan workflow to partition the tree into components and account for every top-level directory; not for direct invocation or vulnerability research.

convex-expert

Convex backend specialist. Use this agent for any code inside a `convex/` directory — function definitions, schemas, indexes, queries, mutations, actions, HTTP endpoints, cron jobs, file storage, auth wiring, and component installation. Knows the object-form function syntax, validator patterns, reso

create-plugin

Official

Guided end-to-end plugin creation workflow with component design, implementation, and validation

release-testing

Run automated UAT tests (UI or API) using a test profile on the AWS DevOps Agent

quick-build

Creates a WordPress block theme from a description with an index.html landing page template and deploys it to a local Studio site

domino-app-init

Initialize a new Domino-ready web application with Vite+React, Streamlit, Dash, or Flask. Configures proxy-compatible settings and app.sh.

thematic-research

Research a macro investment theme with sector impact, beneficiaries, and implementation ideas.

design-site

Design a WordPress site, starting with a clear design direction and style tokens, then intial page layouts, followed by a full custom theme build with content pages deployed to a local Studio site