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

frontend-design-pro

Generates high-quality frontend interfaces with matching real photos or AI image prompts. Enforces specific design systems and provides production-ready code with accessibility compliance.

A 8.4
FrontendData / AIDesigner
ui-designimage-generationfrontend-templatescreative-coding
2
rank 84
hot 79
SkillHub ClubDesign Product

frontend-ui-ux

Designer-turned-developer who crafts stunning UI/UX even without design mockups

C 5.6
Full StackFrontendDesigner
41.3K
rank 95
hot 99
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 5.6
Full StackFrontendData / AI
31.8K
rank 94
hot 99
SkillHub ClubDesign Product

interaction-design

Design and implement microinteractions, motion design, transitions, and user feedback patterns. Use when adding polish to UI interactions, implementing loading states, or creating delightful user experiences.

C 5.6
Full StackFrontendDesigner
31.6K
rank 94
hot 99
SkillHub ClubDesign Product

design-md

Analyze Stitch projects and synthesize a semantic design system into DESIGN.md files

C 5.6
Full StackDesigner
25.5K
rank 93
hot 99
SkillHub ClubDesign Product

dashboard-build

A skill that should be invoked whenever a user wants to build a Dashboard or simple app. This skill is Phase 2 of an e2e process that covers the actual build and testing. For Phase 1 (requirements, layout design, visualization selection), use the dashboard-design skill.

C 5.6
Full StackDesignerTesting
3.6K
rank 83
hot 99
SkillHub ClubDesign Product

architecture-skill

Comprehensive system architecture design and implementation workflow that orchestrates expert analysis, technical decision-making, and architectural pattern selection using the integrated toolset. Handles everything from initial system analysis to implementation-ready technical specifications.

A 8.2
Full StackDesigner
5
rank 82
hot 82
SkillHub ClubDesign Product

webapp

Automates visual regression testing for web applications using Playwright screenshots. Compares current screenshots against baselines with pixel diff analysis. Integrates with CFN Loop workflow for automated validation cycles. Manages baseline versions with SQLite storage and Redis coordination.

A 8.1
TestingFrontendFull Stack
visual-regressionplaywrightscreenshot-testingci-cd
14
rank 81
hot 86
SkillHub ClubDesign Product

morphir-architect

Provides expert guidance on Morphir application architecture, focusing on AST design, functional patterns, IR transformations, and code generation. It references specific knowledge bases and offers concrete examples for F# and C# implementations within the morphir-dotnet ecosystem.

A 7.7
Full StackDesigner
compiler-designfunctional-programmingast-transformationcode-generation
12
rank 77
hot 85
SkillHub ClubDesign Product

langchain-architecture

Design LLM applications using LangChain 1.x and LangGraph for agents, memory, and tool integration. Use when building LangChain applications, implementing AI agents, or creating complex LLM workflows.

C 5.6
Full StackData / AIDesigner
31.6K
rank 94
hot 99
SkillHub ClubDesign Product

game-audio

Game audio principles. Sound design, music integration, adaptive audio systems.

C 5.6
Full StackDesignerIntegration
6.4K
rank 86
hot 99
SkillHub ClubDesign Product

bria-ai

Controllable image generation and editing with Bria.ai commercially-safe AI models. Fine-grained control over what gets generated, edited, or removed — edit by text instruction, mask specific regions, add/replace/remove individual objects, control lighting, season, and style independently. Use this skill when building websites, apps, presentations, or documents that need product photos, hero images, icons, illustrations, or backgrounds. Also use for e-commerce product photography, background removal, image upscaling, style transfer, batch generation, and pipeline workflows (generate -> edit -> remove background). Triggers on tasks involving AI image generation, controllable image editing, background removal, or visual asset creation.

C 5.6
Full StackData / AIDesigner
3.1K
rank 82
hot 99
SkillHub ClubDesign Product

typography-spacing-enforcer

This skill scans React component code for typography and spacing violations against a design system. It identifies raw HTML headings, incorrect spacing utilities, and provides specific fix suggestions with file references. It helps maintain UI consistency during component development and code reviews.

A 7.6
FrontendDesigner
code-reviewdesign-systemtailwind-cssui-consistency
20
rank 76
hot 87
SkillHub ClubDesign Product

frontend-design

This skill guides creation of distinctive frontend interfaces with strong aesthetic direction. It provides specific design thinking frameworks, typography guidelines, and visual principles to avoid generic AI-generated aesthetics. The skill emphasizes bold creative choices and production-grade implementation across various frameworks.

A 8.3
FrontendData / AIDesigner
ui-designfrontend-developmentcreative-codingweb-aesthetics
5
rank 83
hot 82
SkillHub ClubDesign Product

docx

A toolkit for creating, editing, and analyzing Word documents via direct OOXML manipulation. It provides workflows for text extraction, document creation with docx-js, editing with a Python library, and implementing tracked changes. Includes conversion to images for visual analysis.

A 7.7
Full StackDesigner
document-processingoffice-automationxml-manipulationtracked-changes
141
rank 77
hot 96
SkillHub ClubDesign Product

frontend-ui-ux

Designer-turned-developer who crafts stunning UI/UX even without design mockups

C 5.5
Full StackFrontendDesigner
10.2K
rank 88
hot 99
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 5.5
Full StackFrontendData / AI
3.1K
rank 82
hot 99
SkillHub ClubDesign Product

design-system-patterns

Build scalable design systems with design tokens, theming infrastructure, and component architecture patterns. Use when creating design tokens, implementing theme switching, building component libraries, or establishing design system foundations.

C 5.4
Full StackDesigner
31.5K
rank 94
hot 99
SkillHub ClubDesign Product

react-flow-node

Create React Flow node components with TypeScript types, handles, and Zustand integration. Use when building custom nodes for React Flow canvas, creating visual workflow editors, or implementing node-based UI components.

C 5.4
Full StackFrontendDesigner
1.8K
rank 79
hot 99
SkillHub ClubDesign Product

wcag22-a11y-audit

WCAG 2.2 Accessibility Audit skill that systematically evaluates web pages against 8 core Success Criteria (1.1.1, 1.4.3, 1.4.11, 2.1.1, 2.1.2, 2.4.3, 2.4.7, 4.1.2) using accessibility tree inspection and visual analysis. Use this skill when you need to perform accessibility testing/auditing on a live webpage.

C 5.4
Full StackDesignerTesting
1.1K
rank 77
hot 99
SkillHub ClubDesign Product

agent-builder

This skill helps developers create AI agents by providing scaffolding code and design philosophy. It offers templates for different complexity levels, from minimal to advanced agents with subagents and skills. The documentation emphasizes a simple loop approach and warns against over-engineering.

A 7.5
Data / AIDesignerIntegration
agent-developmentai-agentscode-scaffoldingmcp-tools
206
rank 75
hot 97
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.

A 8.2
Full StackFrontendData / AI
5
rank 82
hot 82
SkillHub ClubDesign Product

langgraph-workflows

Design and implement multi-agent workflows with LangGraph 0.2+ - state management, supervisor-worker patterns, conditional routing, and fault-tolerant checkpointing

A 8.5
Full StackDesigner
3
rank 85
hot 80
SkillHub ClubDesign Product

mongodb

MongoDB operations expert for queries, aggregation pipelines, indexes, and schema design

C 5.4
Full StackDesigner
14.9K
rank 90
hot 99
Previous
Page 9 of 53
Next