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.
architect-reviewer
A comprehensive architecture review skill with systematic evaluation frameworks covering design patterns, scalability, security, and technical debt assessment for sustainable system development.
ui-designer
This skill provides structured guidance for UI design tasks, focusing on design systems, component libraries, and accessibility compliance. It defines a clear workflow starting with context gathering, includes checklists for visual hierarchy and responsive design, and integrates with tools like Figma and Sketch. The skill emphasizes collaboration with other agents and delivers specifications for developer handoff.
visual-regression
Automates visual regression test setup for Storybook components. Detects existing project config and frameworks, generates story files and CI workflows for Chromatic, Percy, or BackstopJS. Skips story generation if files already exist and provides setup instructions.
agent-builder
A scaffolding tool that generates working AI agent code with templates ranging from minimal to full-featured. It provides practical philosophy on agent design with concrete code examples for immediate use.
network-engineer
This skill provides a network engineer persona with access to standard CLI tools like tcpdump, nmap, and iperf. It outlines a structured workflow for network analysis, design, and operations, focusing on uptime, latency, and security. It integrates with other infrastructure agents for cloud and security tasks.
web-component-design
Master React, Vue, and Svelte component patterns including CSS-in-JS, composition strategies, and reusable component architecture. Use when building UI component libraries, designing component APIs, or implementing frontend design systems.
web-design-guidelines
Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site against best practices".
frontend-designer
This skill provides frontend developers with practical patterns for building accessible, responsive components. It includes concrete code examples for buttons, cards, and other UI elements with WCAG compliance. The skill also offers a shell script for accessibility auditing that checks HTML files for common issues like missing alt text, semantic markup, and keyboard navigation support.
theme-factory
This skill provides 10 pre-designed themes with color palettes and font pairings for styling presentation slides and other artifacts. It includes a visual showcase PDF, clear application steps, and the ability to generate custom themes when needed. The themes cover various aesthetics from professional to creative.
ui-styling
Provides detailed guidance for building UIs with shadcn/ui components and Tailwind CSS, plus a unique canvas-based visual design system. Includes setup instructions, component usage patterns, accessibility considerations, and a structured design philosophy for creating polished visual compositions.
playwright-mcp
This skill provides MCP tools for browser automation using Playwright, enabling testing of web apps, scraping, and UI validation. It includes navigation, interaction, and validation tools with clear workflows for form testing, responsive design checks, and accessibility validation. The documentation offers troubleshooting guidance and specific testing patterns.
algorithmic-art
This skill guides users through creating algorithmic art by first developing a conceptual philosophy, then implementing it as interactive p5.js sketches with seeded randomness. It provides structured templates for HTML/JS files and emphasizes parameter exploration while avoiding copyright issues.
shadcn-integration
Integration guide for shadcn/ui components with OKLCH design tokens. Use when setting up shadcn, customizing themes, or adding components to Next.js projects. Auto-trigger on /init --tokens --shadcn flag.
in-app-messaging-kit
Provides structured templates for in-app messaging design, covering triggers, patterns, targeting rules, and measurement. Offers practical guidance for onboarding flows, feature announcements, and user engagement campaigns with localization considerations.
cli-developer
A specialized CLI development assistant that helps design and build command-line interfaces. It provides structured workflows for argument parsing, interactive prompts, progress indicators, and cross-platform compatibility. Focuses on developer experience with specific performance targets like <50ms startup time and memory usage monitoring.
kiro-skill
Interactive feature development workflow from idea to implementation. Creates requirements (EARS format), design documents, and implementation task lists. Use when creating feature specs, requirements documents, design documents, or implementation plans. Triggered by "kiro" or references to .kiro/specs/ directory.
moai-library-shadcn
Provides detailed guidance for implementing shadcn/ui component library with React and Tailwind CSS. Covers installation, component usage, theming, and performance optimization. Includes code examples for common patterns and integration with modern tools like React Hook Form and Zod.
prompt-engineer
A comprehensive prompt engineering skill with systematic methodology covering design, optimization, testing, and production deployment for LLM applications.
theme-factory
Applies predefined or custom color/font themes to presentation decks and documents. Provides 10 curated themes with hex codes and font pairings. Shows a PDF showcase first, then applies chosen styling. Handles cases where existing themes don't fit by generating new ones based on user input.
skill-generator
A meta-skill that generates new Claude Code skills with configurable execution modes (sequential or autonomous). It creates complete directory structures, phase files, specifications, and templates based on user requirements. The skill follows established design patterns and includes quality control mechanisms.
tailwind-design-system
Build scalable design systems with Tailwind CSS, design tokens, component libraries, and responsive patterns. Use when creating component libraries, implementing design systems, or standardizing UI patterns.
moai-library-shadcn
Provides detailed guidance for implementing and optimizing shadcn/ui component libraries in React projects. Covers installation, component usage, theming, performance optimization, and integration with modern tools like TypeScript and Tailwind CSS. Includes specific code examples for common patterns and best practices.
canvas-design
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.
accessibility-tester
A comprehensive accessibility testing expert with extensive WCAG compliance coverage, systematic testing methodologies, and integration with multiple accessibility tools for thorough digital experience evaluation.