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.
web-design-patterns
Design patterns for website sections — heroes, cards, CTAs, trust signals, testimonials. Principle-based patterns that avoid AI-generated aesthetics. Pair with web-design-methodology for implementation.
Designing Before Coding
Design in pseudocode first, iterate approaches, then translate to code
sparc-workflow
A systematic development workflow that guides developers through Specification, Pseudocode, Architecture, Refinement, and Completion phases. It enforces structured thinking before coding, includes TDD practices, and provides concrete templates for each development stage.
aesthetic-pattern-miner
Extracts recurring visual patterns from reference materials across five categories: contrast, shape, rhythm, texture, and density. Outputs a structured table with pattern names, frequencies, use cases, and anti-patterns. Focuses on quantitative observation rather than creation.
frontend-design-pro
Generates premium frontend interfaces with matching real photos or AI image prompts. Enforces specific aesthetic styles like glassmorphism and brutalism, provides direct image URLs, and includes accessibility compliance.
frontend-design
Guides creation of distinctive web interfaces with specific aesthetic direction. Focuses on typography, color themes, motion, and spatial composition to avoid generic AI aesthetics. Generates working code for components, pages, and applications with intentional design choices.
frontend-design
A skill that generates frontend code with strong visual identity, avoiding generic AI aesthetics. It prompts designers to choose bold aesthetic directions and provides detailed guidelines for typography, color, motion, and layout. Outputs production-ready HTML/CSS/JS with creative design choices.
design-review
A systematic 7-phase frontend design review skill that audits UI for accessibility (WCAG 2.1 AA), responsive design, visual consistency, and interaction quality, ideal for PR reviews and UI audits.
layout-spacing-checker
Checks CSS and SwiftUI spacing values against a defined scale to find off-scale or inconsistent margins, padding, and gaps. Helps maintain visual consistency in design systems by flagging values that don't match the spacing scale.
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 (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI). Generates creative, polished code and UI design that avoids generic AI aesthetics.
cloud-solution-architect
Transform the agent into a Cloud Solution Architect following Azure Architecture Center best practices. Use when designing cloud architectures, reviewing system designs, selecting architecture styles, applying cloud design patterns, making technology choices, or conducting Well-Architected Framework reviews.
security-threat-model
Repository-grounded threat modeling that enumerates trust boundaries, assets, attacker capabilities, abuse paths, and mitigations, and writes a concise Markdown threat model. Trigger only when the user explicitly asks to threat model a codebase or path, enumerate threats/abuse paths, or perform AppSec threat modeling. Do not trigger for general architecture summaries, code review, or non-security design work.
example-helper
Template skill showing how to create Claude Code Skills with proper structure, YAML frontmatter, and clear activation triggers. Demonstrates restricted tool usage and organized prompt design for educational purposes.
Package Development Lifecycle
This skill should be used when the user asks about "package development workflow", "release process", "beta testing", "package versioning", "CumulusCI", "CI/CD for packages", or needs guidance on the end-to-end package development process from design through release.
dna-insert
Guide for designing DNA insertion primers for site-directed mutagenesis (SDM) using Q5 or similar kits. This skill should be used when tasks involve inserting DNA sequences into plasmids, designing mutagenesis primers, or working with PCR-based insertion methods. Provides verification strategies, common pitfalls, and procedural guidance for correct primer design.
engineer-analyst
Analyzes technical systems and problems through engineering lens using first principles, systems thinking, design methodologies, and optimization frameworks. Provides insights on feasibility, performance, reliability, scalability, and trade-offs. Use when: System design, technical feasibility, optimization, failure analysis, performance issues. Evaluates: Requirements, constraints, trade-offs, efficiency, robustness, maintainability.
canvas-design
A tool that generates visual art by first creating a design philosophy manifesto, then producing PNG/PDF artwork based on that philosophy. It emphasizes craftsmanship, minimal text, and spatial expression over literal representation.
frontend-design
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.
microservices-patterns
This skill helps design microservices architectures by providing patterns for service decomposition, inter-service communication, data management, and resilience, enabling the building of scalable and robust distributed systems.
dna-assembly
Guidance for DNA assembly tasks including Golden Gate assembly, Gibson assembly, and restriction enzyme-based cloning. This skill should be used when designing primers for Type IIS restriction enzymes (BsaI, BsmBI, etc.), creating fusion proteins, or assembling multiple DNA fragments. Covers primer structure requirements, overhang design, and verification strategies.
memory-systems
This skill designs and implements long-term memory systems for AI agents, including vector stores, knowledge graphs, and hybrid approaches, to enable persistent agent memory, RAG implementation, and knowledge base design.
art-generation
Provides AI image generation, editing, and style manipulation tools for Claude. Offers basic image operations like generation, variations, editing, style application, and format conversion. Focuses on developer and UX designer workflows with clear tool categorization.
ux-ascii-visualizer
Creates ASCII art diagrams of UI layouts using box-drawing characters and standard symbols for buttons, checkboxes, and lists. Useful for quick wireframe sketches in plain text documents or terminal-based discussions.
frontend-design
Generates distinctive frontend code with strong aesthetic direction, avoiding generic AI patterns. Provides specific guidance on typography, color, motion, and layout to create memorable interfaces. Focuses on intentional design choices rather than default solutions.