Marketplace
Find the right skill for the job.
Browse the full catalog through outcome-first channels, technical facets, rating filters, and server-side pagination built for a large public marketplace.
drawing-analyzer
Analyze construction drawings to extract dimensions, annotations, symbols, and metadata. Support quantity takeoff and design review automation.
pptx
Enables Claude to create, edit, and analyze PowerPoint presentations by working directly with .pptx file structures. Provides detailed workflows for text extraction, XML manipulation, and HTML-to-PPTX conversion with extensive design guidance for color palettes and layouts.
design-system-from-reference
This skill guides Claude through extracting visual styles from UI screenshots and converting them into reusable design systems. It creates JSON style guides, builds React showcase apps with Tailwind, and establishes implementation rules for future development.
bmad-method
The BMAD Method skill helps make data-driven technology decisions by evaluating what's Best (industry standard), Most Appropriate (context fit), and aligned with Design (architecture vision), balancing trade-offs for optimal outcomes.
component-builder
Generates React components using Material Design 3 tokens and MUI primitives. Enforces strict token usage, accessibility standards, and TypeScript best practices. Handles missing tokens with fallbacks and warnings.
visual-design-foundations
Apply typography, color theory, spacing systems, and iconography principles to create cohesive visual designs. Use when establishing design tokens, building style guides, or improving visual hierarchy and consistency.
wcag-audit-patterns
Conduct WCAG 2.2 accessibility audits with automated testing, manual verification, and remediation guidance. Use when auditing websites for accessibility, fixing WCAG violations, or implementing accessible design patterns.
frontend-design
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications. Generates creative, polished code that avoids generic AI aesthetics.
tailwind-patterns
Tailwind CSS v4 principles. CSS-first configuration, container queries, modern patterns, design token architecture.
infographic-structure-creator
Generate or update infographic Structure components for this repo (TypeScript/TSX in src/designs/structures). Use when asked to design, implement, or modify structure layouts (list/compare/sequence/hierarchy/relation/geo/chart), including layout logic, component composition, and registration.
generate-image
Generate or edit images using AI models (FLUX, Gemini). Use for general-purpose image generation including photos, illustrations, artwork, visual assets, concept art, and any image that isn't a technical diagram or schematic. For flowcharts, circuits, pathways, and technical diagrams, use the scientific-schematics skill instead.
mui
Material-UI v7 component library patterns including sx prop styling, theme integration, responsive design, and MUI-specific hooks. Use when working with MUI components, styling with sx prop, theme customization, or MUI utilities.
faber-executor
Executes predefined FABER plans by spawning manager agents for each task item. Handles parallel/serial execution, resume from exact step, and aggregates results. Focuses on reliability through simple design that reads plans, spawns agents, and collects outputs.
FFmpeg Video Filters
Apply video filters - scale, crop, watermark, speed, blur, and visual effects
frontend-design
Guides creation of distinctive frontend interfaces with strong aesthetic direction. Focuses on typography, color, motion, and spatial composition to avoid generic AI aesthetics. Encourages bold design choices and provides specific guidelines for implementation.
hvac-specifications
Look up HVAC equipment specifications (capacity, efficiency, dimensions, electrical requirements) by brand and model number. Use when the user mentions equipment specs, model numbers, AHU, VAV, chiller, boiler, pump, fan specifications, or needs to find manufacturer data sheets. Searches manufacturer websites and processes PDF spec sheets with security safeguards.
langchain-architecture
Teaches developers how to build LLM applications using LangChain's core patterns for agents, memory, document processing, and chains. Provides concrete code examples for implementing agents, constructing multi-step workflows, and managing conversation state. Includes testing strategies and practical patterns like RAG and custom tool integration.
pr-lifecycle
Provides concrete checklists and validation scripts for PR lifecycle management, enforcing branch naming, issue linking, and commit conventions. Includes tmux window naming for visual workflow tracking and clear decision frameworks for handling PR feedback.
frontend-design-concept
Generates frontend code with strong aesthetic direction, enforcing specific design principles to avoid generic AI patterns. Provides detailed guidelines on typography, color, motion, and layout while requiring clear conceptual choices before implementation.
testing-anti-patterns
This skill identifies and prevents common testing anti-patterns like testing mock behavior, adding test-only methods to production code, and improper mocking. It provides concrete examples of bad practices and fixes, with gate functions to guide developers before making mistakes.
visual-regression
Expert in visual regression testing that detects unintended UI changes using tools like Playwright, Percy, and Chromatic. It helps catch layout shifts, responsive design issues, and cross-browser differences that functional tests miss, ensuring visual consistency.
compliance-architecture
Provides enterprise compliance architecture expertise for SOC 2, HIPAA, GDPR, and PCI-DSS, offering checklists, security controls, and audit guidance to help design secure, regulated systems in cloud/serverless environments.
frontend-design
Provides detailed frontend design guidance with specific aesthetic directions, typography rules, color systems, and animation patterns. Focuses on creating distinctive interfaces beyond generic defaults with practical CSS examples and clear design principles.
nosql-expert
Expert guidance for distributed NoSQL databases (Cassandra, DynamoDB). Focuses on mental models, query-first modeling, single-table design, and avoiding hot partitions in high-scale systems.