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 43 of 53
SkillHub ClubDesign Product

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.

C 2.2
DesignerFrontendData / AI
ui-designfrontend-developmentweb-designcreative-coding
3
rank 47
hot 80
SkillHub ClubDesign Product

skill-design

Best practices for skill structure and types. Use when creating skills.

C 2.2
Full StackDesigner
0
rank 45
hot 74
SkillHub ClubDesign Product

frontend-design

Imported from https://github.com/overstarry/.claude.

C 2.2
Full StackFrontendDesigner
0
rank 45
hot 74
SkillHub ClubDesign Product

context-engineering

Master context engineering for AI agent systems. Use when designing agent architectures, debugging context failures, optimizing token usage, implementing memory systems, building multi-agent coordination, evaluating agent performance, or developing LLM-powered pipelines. Covers context fundamentals, degradation patterns, optimization techniques (compaction, masking, caching), compression strategies, memory architectures, multi-agent patterns, LLM-as-Judge evaluation, tool design, and project development.

C 2.2
Full StackData / AIDesigner
0
rank 45
hot 74
SkillHub ClubDesign Product

brainstorming

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.

C 2.2
Full StackDesigner
0
rank 45
hot 74
SkillHub ClubDesign Product

brainstorming

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.

C 2.2
Full StackDesigner
0
rank 45
hot 74
SkillHub ClubDesign Product

frontend-design

Imported from https://github.com/goodnight000/KittyCourt.

C 2.2
Full StackFrontendDesigner
0
rank 45
hot 74
SkillHub ClubDesign Product

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.

C 2.2
Full StackFrontendData / AI
0
rank 45
hot 74
SkillHub ClubDesign Product

brand-guidelines

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.

C 2.2
Full StackDesigner
0
rank 45
hot 74
SkillHub ClubDesign Product

ai-friendly-architecture

Design AI-friendly architecture with explicit patterns, layered documentation, and semantic boundaries. Use when: structuring projects for AI collaboration, optimizing codebase for AI analysis, setting up AI context. Keywords: architecture, AI-friendly, context, modules, documentation layers, .ai-context.yaml, 架構, AI 友善, 上下文.

C 2.2
Full StackData / AIDesigner
46
rank 60
hot 91
SkillHub ClubDesign Product

sag

ElevenLabs text-to-speech with mac-style say UX.

C 2.2
Full StackDesigner
46
rank 60
hot 91
SkillHub ClubDesign Product

tzurot-slash-command-ux

Use when implementing Discord slash commands, building list/browse UX, adding buttons or pagination, or creating dashboard patterns. Covers standard naming, shared utilities, and confirmation flows.

C 2.2
Full StackDesigner
8
rank 51
hot 84
SkillHub ClubDesign Product

product-positioning-expert

April Dunford's positioning framework for clear market differentiation. Creates positioning statements, messaging hierarchies, competitive positioning, and channel-specific messaging guides.

C 2.2
Full StackDesigner
positioningmessagingdifferentiationcompetitive-positioning
11
rank 53
hot 85
SkillHub ClubDesign Product

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.

C 2.2
Full StackFrontendData / AI
11
rank 53
hot 85
SkillHub ClubDesign Product

Terraform Infrastructure as Code

Production-grade Terraform development with HCL best practices, module design, state management, multi-cloud patterns, and AI-enhanced infrastructure as code for scalable cloud deployments

C 2.2
DevOpsData / AIDesigner
terraforminfrastructure-as-codeiacdevops
11
rank 53
hot 85
SkillHub ClubDesign Product

free-tier-strategy

Design free tiers that convert to paid without creating resentment or abuse. Trigger phrases: free tier design, freemium model, free trial strategy, free tier limits, developer free plan, open source commercial, feature gating, upgrade triggers, free tier conversion

C 2.2
Full StackDesigner
44
rank 60
hot 91
SkillHub ClubDesign Product

arena-cli

CLI tools for Are.na: export blocks, enrich with vision AI, generate views. Use when: (1) exporting Are.na blocks incrementally, (2) enriching images with AI-generated titles/tags/patterns, (3) generating browsable HTML views, (4) searching blocks by UI patterns or tags, (5) visual search results when terminal output is insufficient. Triggers: "export arena", "enrich arena", "sync arena", "arena view", "search arena for [pattern]", "show me [pattern]".

C 2.2
Full StackFrontendData / AI
19
rank 56
hot 87
SkillHub ClubDesign Product

ai-loading-ux

Design AI loading, thinking, and progress indicator UX. Use when explicitly asked to improve AI waiting states, add thinking indicators, or design loading UX for AI interfaces. Covers reasoning display (chain-of-thought), progress steps, streaming states, and the "elevator mirror effect" for reducing perceived wait time.

C 2.2
Full StackData / AIDesigner
19
rank 56
hot 87
SkillHub ClubDesign Product

ui-ux-pro-max-skill-main

Imported from https://github.com/TUAN130294/vibecodekit.

C 2.2
Full StackFrontendDesigner
6
rank 50
hot 82
SkillHub ClubDesign Product

kicad-part-picker

A specialized tool for electronic design that maps schematic symbols to physical footprints, queries component databases for real parts, and generates a complete, manufacturable Bill of Materials with sourcing and availability data.

C 2.2
Full StackData / AIDesigner
electronicsBOMautomationsourcing
6
rank 50
hot 82
SkillHub ClubDesign Product

developer-listening

Monitor what developers say about your brand, competitors, and the problems they're solving. Track mentions and conversations across GitHub, Hacker News, Reddit, Stack Overflow, Twitter, and Discord. Trigger phrases: "developer listening", "monitor developer conversations", "track developer mentions", "what are developers saying", "developer sentiment", "brand monitoring", "social listening for devtools", "find developer conversations", "monitor GitHub mentions", "track Hacker News mentions"

C 2.2
Full StackDesigner
44
rank 60
hot 91
SkillHub ClubDesign Product

using-sdlc-engineering

Use when users request SDLC guidance, CMMI processes, requirements management, design documentation, quality assurance, governance, metrics, or adopting processes on existing projects

C 2.2
Full StackDesigner
10
rank 52
hot 84
SkillHub ClubDesign Product

using-ux-designer

Route to the right UX skill based on your task and platform context

C 2.2
Full StackDesigner
10
rank 52
hot 84
SkillHub ClubDesign Product

tailwind-css

This skill should be used when the user asks to "style with Tailwind", "add Tailwind classes", "fix Tailwind styles", "use tailwind-variants", "add animations with tw-animate-css", "configure Tailwind v4", "migrate to Tailwind v4", or mentions Tailwind utilities, CSS classes, responsive design, dark mode, gradients, design tokens, or CSS Modules.

C 2.2
Full StackFrontendDesigner
41
rank 59
hot 90
Previous
Page 43 of 53
Next