Agent Skills

brainstorming

★ 245,800

by obra

You MUST use this before any creative work - creating features, building components, adding functionality, or modifying behavior. Explores user intent, requirements and design before implementation.

web-artifacts-builder

✓★ 158,100

by anthropic

Multi-component React artifacts for Claude with bundling, state management, and shadcn/ui component library. Scaffolds React 18 + TypeScript projects with Vite, Tailwind CSS, and 40+ pre-installed shadcn/ui components via automated initialization script Bundles complete artifacts into single self-contained HTML files with inlined assets, ready for Claude artifact display Includes design guidance to avoid common "AI slop" patterns like excessive centering, purple gradients, and uniform...

Frontend Design

✓★ 158,000

by Anthropic

Generates distinctive, production-grade frontend interfaces that avoid generic AI aesthetics.

Brand Guidelines

✓★ 158,000

by Anthropic

Applies Anthropic's official brand colors and typography to any sort of artifact that may benefit from having Anthropic's look-and-feel. Use it when brand colors or style guidelines, visual formatting, or company design standards apply. license: Complete terms in LICENSE.txt

Canvas Design

✓★ 158,000

by Anthropic

Create beautiful visual art in .png and .pdf documents using design philosophy. You should use this skill when the user asks to create a poster, piece of art, design, or other static piece. Create original visual designs, never copying existing artists' work to avoid copyright violations. license: Complete terms in LICENSE.txt

MCP Builder

✓★ 158,000

by Anthropic

Guide for creating high-quality MCP (Model Context Protocol) servers that enable LLMs to interact with external services through well-designed tools. Use when building MCP servers to integrate external APIs or services, whether in Python (FastMCP) or Node/TypeScript (MCP SDK). license: Complete terms in LICENSE.txt

codebase-design

★ 156,200

by mattpocock

Shared vocabulary for designing deep modules. Use when the user wants to design or improve a module's interface, find deepening opportunities, decide where a seam goes, make code more testable or AI-navigable, or when another skill needs the deep-module vocabulary.

grilling

★ 156,200

by mattpocock

Interview the user relentlessly about a plan or design. Use when the user wants to stress-test a plan before building, or uses any 'grill' trigger phrases.

grill-me

★ 155,900

by mattpocock

Interview the user relentlessly about a plan or design until reaching shared understanding, resolving each branch of the decision tree. Use when user wants to stress-test a plan, get grilled on their design, or mentions "grill me".

design-an-interface

★ 155,900

by mattpocock

Generate multiple radically different interface designs for a module using parallel sub-agents. Use when user wants to design an API, explore interface options, compare module shapes, or mentions "design it twice".

prototype

★ 155,900

by mattpocock

Build a throwaway prototype to flesh out a design before committing to it. Routes between two branches — a runnable terminal app for state/business-logic questions, or several radically different UI variations toggleable from one route. Use when the user wants to prototype, sanity-check a data model or state machine, mock up a UI, explore design options, or says "prototype this", "let me play with it", "try a few designs".

claude-opus-4-5-migration

✓★ 136,000

by anthropic

Migrate Claude model strings and prompts from Sonnet 4.0, Sonnet 4.5, or Opus 4.1 to Opus 4.5. Updates model strings across Anthropic API, AWS Bedrock, Google Vertex AI, and Azure AI Foundry platforms Removes unsupported beta headers (e.g., context-1m-2025-08-07 ) and adds effort parameter set to "high" Provides optional prompt adjustments for known Opus 4.5 behavioral differences: tool overtriggering, over-engineering, code exploration conservatism, frontend design, and thinking sensitivity...

frontend-design

✓★ 136,000

by anthropic

Distinctive, production-grade frontend interfaces that reject generic AI aesthetics through intentional design direction. Guides developers through design thinking before coding: establish purpose, tone, constraints, and a memorable differentiator to avoid cookie-cutter results Emphasizes typography choices (distinctive display and body fonts), cohesive color palettes with CSS variables, and high-impact motion through staggered animations and scroll triggers Covers spatial composition...

slides

★ 100,600

by nextlevelbuilder

Create strategic HTML presentations with Chart.js, design tokens, responsive layouts, copywriting formulas, and contextual slide strategies.

banner-design

★ 100,600

by nextlevelbuilder

Design banners for social media, ads, website heroes, creative assets, and print. Multiple art direction options with AI-generated visuals. Actions: design, create, generate banner. Platforms: Facebook, Twitter/X, LinkedIn, YouTube, Instagram, Google Display, website hero, print. Styles: minimalist, gradient, bold typography, photo-based, illustrated, geometric, retro, glassmorphism, 3D, neon, duotone, editorial, collage. Uses ui-ux-pro-max, frontend-design, ai-artist, ai-multimodal skills.

design-system

★ 100,600

by nextlevelbuilder

Token architecture, component specifications, and slide generation. Three-layer tokens (primitive→semantic→component), CSS variables, spacing/typography scales, component specs, strategic slide creation. Use for design tokens, systematic design, brand-compliant presentations.

ui-ux-pro-max

★ 100,600

by nextlevelbuilder

UI/UX design intelligence for web and mobile. Includes 50+ styles, 161 color palettes, 57 font pairings, 161 product types, 99 UX guidelines, and 25 chart types across 10 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui, and HTML/CSS). Actions: plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, and check UI/UX code. Projects: website, landing page, dashboard, admin panel, e-commerce, SaaS, portfolio, blog, and...

ui-styling

★ 100,600

by nextlevelbuilder

Create beautiful, accessible user interfaces with shadcn/ui components (built on Radix UI + Tailwind), Tailwind CSS utility-first styling, and canvas-based visual designs. Use when building user interfaces, implementing design systems, creating responsive layouts, adding accessible components (dialogs, dropdowns, forms, tables), customizing themes and colors, implementing dark mode, generating visual designs and posters, or establishing consistent styling patterns across applications.

design

★ 100,600

by nextlevelbuilder

Comprehensive design skill: brand identity, design tokens, UI styling, logo generation (55 styles, Gemini AI), corporate identity program (50 deliverables, CIP mockups), HTML presentations (Chart.js), banner design (22 styles, social/ads/web/print), icon design (15 styles, SVG, Gemini 3.1 Pro), social photos (HTML→screenshot, multi-platform). Actions: design logo, create CIP, generate mockups, build slides, design banner, generate icon, create social photos, social media images, brand...

imagegen-frontend-mobile

★ 55,900

by leonxlnx

Elite mobile app image-generation skill for creating premium, app-native screen concepts and flows. Designed for iOS, Android, and cross-platform mobile products. Prioritizes clean hierarchy, comfortably readable text, strong multi-screen consistency, controlled color palettes, non-generic creative direction, textured surfaces, image-led composition, tasteful custom iconography, and clean phone mockup framing. By default, screens should be shown inside a subtle premium iPhone or similar...

imagegen-frontend-web

★ 55,900

by leonxlnx

Elite frontend image-direction skill for generating premium, conversion-aware website design references. CRITICAL OUTPUT RULE — generate ONE separate horizontal image FOR EVERY section. A landing page with 8 sections produces 8 images. Never compress multiple sections into one image. Enforces composition variety (not always left-text / right-image), background-image freedom, varied CTAs, varied hero scales (giant / mid / mini minimalist), narrative concept spine, second-read moments, and a...

tailwind-design-system

★ 37,500

by wshobson

Build scalable design systems with Tailwind CSS v4, design tokens, component libraries, and responsive patterns. Use when creating component libraries, implementing design systems, or standardizing UI patterns.

cloud-design-patterns

✓★ 36,200

by github

Cloud design patterns for distributed systems architecture covering 42 industry-standard patterns across reliability, performance, messaging, security, and…

create-github-action-workflow-specification

✓★ 36,200

by github

Generates formal, AI-optimized specifications for GitHub Actions workflows to standardize documentation and enable maintenance. Produces structured markdown specifications with execution flow diagrams, job dependency matrices, and requirement tables designed for token efficiency Covers functional, security, and performance requirements alongside input/output contracts, error handling strategies, and quality gates Includes sections for monitoring, compliance, edge cases, and change management...

salesforce-flow-design

✓★ 36,200

by github

Salesforce Flow architecture decisions, flow type selection, bulk safety validation, and fault handling standards. Use this skill when designing or reviewing…

dataverse-python-usecase-builder

✓★ 36,200

by github

Generate complete, production-ready solutions for Dataverse SDK use cases with architecture guidance. Analyzes requirements across data volume, frequency, performance, and error tolerance to recommend appropriate patterns (transactional, batch, query, file management, scheduled, or real-time) Provides full Python implementation including authentication, singleton service classes, CRUD operations, bulk processing, and comprehensive error handling Includes data model design with table...

arduino-azure-iot-edge-integration

✓★ 36,200

by github

Design and implement Arduino integration with Azure IoT Hub and IoT Edge, including secure provisioning, resilient telemetry, command handling, and production…

declarative-agents

✓★ 36,200

by github

Complete development kit for building Microsoft 365 Copilot declarative agents with TypeSpec and Agents Toolkit integration. Three specialized workflows cover basic agent creation, advanced enterprise design, and validation/optimization for existing agents Supports up to 5 capabilities from 11 options including WebSearch, OneDrive/SharePoint, Graph Connectors, Power Platform, and custom connectors Enforces v1.5 schema compliance with character limits (name: 100, description: 1000,...

web-design-reviewer

✓★ 36,200

by github

Visual inspection and source-level fixing of website design issues across responsive, accessibility, and layout concerns. Detects layout overflow, alignment problems, responsive breakpoints, accessibility contrast issues, and visual inconsistencies across mobile (375px), tablet (768px), desktop (1280px), and wide (1920px) viewports Supports static sites, SPAs (React/Vue/Angular/Svelte), full-stack frameworks (Next.js/Nuxt/SvelteKit), and CMS platforms with automatic framework and styling...

azure-smart-city-iot-solution-builder

✓★ 36,200

by github

Design and plan end-to-end Azure IoT and Smart City solutions: requirements, architecture, security, operations, cost, and a phased delivery plan with concrete…