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.

Start with the job to be done
1260 results
Design Product · All facets
Page 4 of 53
SkillHub ClubDesign Product

ui-design-system

Generates design system tokens including color palettes, typography scales, spacing grids, and responsive breakpoints from a base brand color. Exports to JSON, CSS, or SCSS formats. Helps maintain visual consistency across projects with automated token generation.

A 8.1
DesignerFrontend
design-tokensui-systemcolor-paletteresponsive-design
153
rank 81
hot 96
SkillHub ClubDesign Product

algorithmic-art

This skill creates algorithmic art by first generating a conceptual philosophy document, then implementing it as an interactive p5.js sketch. It produces self-contained HTML files with seeded randomness, parameter controls, and Anthropic-branded UI. The two-step process separates creative direction from technical implementation.

A 8.2
DesignerFrontend
generative-artp5jscreative-codingalgorithmic-design
141
rank 82
hot 96
SkillHub ClubDesign Product

agent-native-architecture

This skill provides a methodology for building applications where AI agents are central, using atomic tools and system prompts instead of hardcoded logic. It teaches how to refactor existing tools by moving business decisions from code to prompts, enabling agents to achieve outcomes through loops of primitive operations.

A 7.9
Full StackData / AIDesigner
agent-architecturemcp-toolsrefactoring-guidesystem-design
10.6K
rank 88
hot 99
SkillHub ClubDesign Product

senior-fullstack

Comprehensive fullstack development skill for building complete web applications with React, Next.js, Node.js, GraphQL, and PostgreSQL. Includes project scaffolding, code quality analysis, architecture patterns, and complete tech stack guidance. Use when building new projects, analyzing code quality, implementing design patterns, or setting up development workflows.

B 6.4
Full StackFrontendDesigner
5.8K
rank 85
hot 99
SkillHub ClubDesign Product

skill-creator

Guide for creating effective skills that extend agent capabilities with specialized knowledge, workflows, or tool integrations. Use this skill when the user asks to: (1) create a new skill, (2) make a skill, (3) build a skill, (4) set up a skill, (5) initialize a skill, (6) scaffold a skill, (7) update or modify an existing skill, (8) validate a skill, (9) learn about skill structure, (10) understand how skills work, or (11) get guidance on skill design patterns. Trigger on phrases like "create a skill", "new skill", "make a skill", "skill for X", "how do I create a skill", or "help me build a skill".

C 6.8
Full StackDesigner
14.4K
rank 90
hot 99
SkillHub ClubDesign Product

specification-validation

A tool that validates software specifications and implementations against a '3 Cs' framework (Completeness, Consistency, Correctness). It checks spec documents, compares code to design, scans files for ambiguity, and validates developer understanding. It integrates with other MCP skills and can check for constitutional rule compliance.

A 7.9
Full StackDesignerIntegration
spec-validationcode-reviewdocumentationquality-assurance
226
rank 79
hot 98
SkillHub ClubDesign Product

solution-design

This skill automates solution generation for defined problems by executing a Python script that provides multiple reasoning perspectives. It's designed for users who already have identified root causes and need structured solution options without preliminary exploration.

A 7.5
Full StackDesigner
solution-generationproblem-solvingworkflow-automationdecision-support
769
rank 75
hot 99
SkillHub ClubDesign Product

canvas-design

This skill guides Claude through a two-step process to create visual art. First, it generates a detailed design philosophy manifesto. Then, it uses that philosophy to produce a polished PDF or PNG artwork, emphasizing craftsmanship, minimal text, and spatial expression over literal representation.

A 8.0
Designer
visual-designgenerative-artphilosophy-driventypography
176
rank 80
hot 96
SkillHub ClubDesign Product

ui-template-library

Captures visual design patterns from HTML mockups as structured prose descriptions, then applies those aesthetic 'vibes' to generate new mockups for different plugins with adaptive layouts. Manages a library of aesthetic templates with CRUD operations.

A 7.1
DesignerFrontend
ui-designdesign-systemsmockup-generationtemplate-management
162
rank 71
hot 96
SkillHub ClubDesign Product

concept-scaffolding

A Claude Skill that helps design progressive learning sequences by breaking complex concepts into manageable steps. It uses Bloom's taxonomy and CEFR levels to manage cognitive load, includes validation checkpoints, and integrates AI collaboration at appropriate stages. The skill provides a structured framework for instructional designers and educators.

A 8.3
Data / AIDesigner
instructional-designcognitive-loadlearning-progressionai-teaching
159
rank 83
hot 96
SkillHub ClubDesign Product

Playwright Browser Automation

Complete browser automation with Playwright. Auto-detects dev servers, writes clean test scripts to /tmp. Test pages, fill forms, take screenshots, check responsive design, validate UX, test login flows, check links, automate any browser task. Use when user wants to test websites, automate browser interactions, validate web functionality, or perform any browser-based testing.

A 8.2
Full StackDesignerTesting
testingautomationbrowsere2e
141
rank 82
hot 96
SkillHub ClubDesign Product

aesthetic-dreaming

A structured workflow skill for capturing visual design systems through iterative questioning, enabling creation of aesthetic templates before plugin implementation with clear phase-based execution.

A 7.2
DesignerFrontendFull Stack
design-systemui-uxworkflowprototyping
160
rank 72
hot 96
SkillHub ClubDesign Product

gcloud-usage

This skill provides practical guidance for GCP observability tasks including structured logging formats, Logging query syntax, alert policy design, and cost optimization strategies. It helps users filter logs by severity, resource type, and time ranges, and explains when to use metrics vs logs vs traces for debugging.

A 7.8
DevOpsDesigner
gcploggingobservabilitycloud-monitoring
508
rank 78
hot 99
SkillHub ClubDesign Product

image-upscaling

Upscale and enhance images with Real-ESRGAN, Thera, Topaz, FLUX Upscaler via inference.sh CLI. Models: Real-ESRGAN, Thera (any size), FLUX Dev Upscaler, Topaz Image Upscaler. Use for: enhance low-res images, upscale AI art, restore old photos, increase resolution. Triggers: upscale image, image upscaler, enhance image, increase resolution, real esrgan, ai upscale, super resolution, image enhancement, upscaling, enlarge image, higher resolution, 4k upscale, hd upscale

C 6.7
DesignerData / AI
image enhancementsuper resolutionAI artphoto restoration
165
rank 67
hot 96
SkillHub ClubDesign Product

exercise-designer

Generates Python practice exercises using evidence-based learning strategies like retrieval practice and spaced repetition. Follows an 'evals-first' design process, mapping exercises to learning objectives and success criteria. Provides structured templates for exercises and rubrics, supporting varied exercise types from fill-in-the-blank to AI-collaborative tasks.

A 8.3
Data / AIDesigner
educationexercise-generationpythoncognitive-science
159
rank 83
hot 96
SkillHub ClubDesign Product

brand-guidelines

This skill applies Anthropic's official brand colors and typography to documents and presentations. It automatically formats headings with Poppins font and body text with Lora, using specific brand colors for text and accent shapes. The tool works with python-pptx and provides fallback fonts when custom fonts aren't available.

A 7.0
Designer
brandingdocument-stylingpresentationcorporate-identity
2.6K
rank 81
hot 99
SkillHub ClubDesign Product

ui

This skill generates UI components and feedback forms using shadcn/ui and Tailwind CSS. It enforces strict accessibility guidelines and design constraints, prioritizing production-ready code. It includes a quality gate for a11y checks and references detailed constraint files for implementation.

A 7.6
FrontendDesigner
ui-generationaccessibilitycomponent-libraryform-builder
280
rank 76
hot 98
SkillHub ClubDesign Product

ui-styling

This skill provides detailed guidance for building React UIs using shadcn/ui components and Tailwind CSS. It includes setup instructions, component usage patterns, theming, accessibility, and responsive design. It offers practical code examples and references for common UI tasks like forms, layouts, and dark mode.

A 8.3
FrontendDesigner
ui-componentstailwind-cssdesign-systemreact
141
rank 83
hot 96
SkillHub ClubDesign Product

powerbi-modeling

Power BI semantic modeling assistant for building optimized data models. Use when working with Power BI semantic models, creating measures, designing star schemas, configuring relationships, implementing RLS, or optimizing model performance. Triggers on queries about DAX calculations, table relationships, dimension/fact table design, naming conventions, model documentation, cardinality, cross-filter direction, calculation groups, and data model best practices. Always connects to the active model first using power-bi-modeling MCP tools to understand the data structure before providing guidance.

C 6.6
Full StackData / AIDesigner
25.9K
rank 93
hot 99
SkillHub ClubDesign Product

frontend-design

This skill generates frontend code with strong aesthetic direction, avoiding generic AI designs. It enforces specific animation libraries (anime.js v4), provides detailed typography and color guidelines, and pushes for bold creative choices in web interfaces.

A 8.4
FrontendData / AIDesigner
ui-designcreative-codinganimationtypography
1.9K
rank 84
hot 99
SkillHub ClubDesign Product

frontend-aesthetics

Provides specific guidance for avoiding generic AI-generated frontend aesthetics. Offers concrete font alternatives, color palette principles, and animation strategies. Outputs structured JSON with typography, color, animation, and background recommendations. Includes anti-pattern checklist and practical implementation examples.

A 8.0
FrontendData / AIDesigner
ui-designfrontend-guidancedesign-systemtypography
153
rank 80
hot 96
SkillHub ClubDesign Product

software-architecture-design

This skill provides structured guidance for software architecture decisions, including pattern selection, scalability design, and resilience patterns. It offers templates for documentation like ADRs and includes real-world production gotchas. The decision tree helps choose between monoliths, microservices, and event-driven architectures based on project needs.

A 8.3
Full StackDesigner
system-designarchitecture-patternsdocumentationscalability
42
rank 83
hot 90
SkillHub ClubDesign Product

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".

C 6.5
Full StackFrontendDesigner
40.6K
rank 95
hot 99
SkillHub ClubDesign Product

skill-creator

A meta-skill that provides structured guidance and templates for creating other Claude Skills. It offers clear principles for skill design, directory structure templates, and practical examples for scripts and references. Includes a Node.js script to scaffold new skill projects.

A 8.4
Full StackDesigner
skill-developmentdocumentationworkflowtemplates
45.9K
rank 96
hot 99
Previous
Page 4 of 53
Next