Wardn HubTrusted MCP server directory.

Registry

  • MCP Servers
  • Skills
  • Categories

Resources

  • API docs
  • Score method

Contribute

  • Submit server
  • Advertise
© 2026 Wardn Hub
Wardn Hub
MCP ServersSkillsCategoriesAPI docsSubmit server
Submit server
Agent Skills Library

Discover agent skills for real workflows

Search reusable agent workflows, compare source and audit signals, and inspect the bundle before it becomes part of your setup.

Browse by outcome, audit status, maintenance signal, and install activity.

Source

Audit

Category

View

Architecture & Design

525 results

Can't find the skill you need? Send a GitHub repo with a SKILL.md.
frontend-designOfficialanthropicsS · 100Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one. Helps with aesthetic direction, typography, and making choices that don't read as templated defaults.Architecture & Design16 installsui-ux-designerrmyndharisS · 99Create interface designs, wireframes, and design systems. Masters user research, accessibility standards, and modern design tools. Specializes in design tokens, component libraries, and inclusive design. Use PROACTIVELY for design systems, user flows, or interface optimization.Architecture & Design5 installsckw-designsickn33B · 49Frontend design entry point: direction, design system, visual philosophy. Use whenever building or touching the look of any web UI (components, pages, dashboards, React/Vue/HTML-CSS) or when the user says \"make this look better\", \"fix the spacing/layout\", or mentions styling, color, type, or polish.Architecture & Design3 installsui-designLeoYeAIS · 99Professional UI design and frontend interface guidelines. Use this skill when creating web pages, mini-program interfaces, prototypes, or any frontend UI components that require distinctive, production-grade design with exceptional aesthetic quality.Architecture & Design3 installsfrontend-designsecondskyS · 100Create 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.Architecture & Design2 installsreact-flow-architectsickn33S · 99Build production-ready ReactFlow applications with hierarchical navigation, performance optimization, and advanced state management.Architecture & Design2 installsarchitecture-designerJeffallanA+ · 92Use when designing new high-level system architecture, reviewing existing designs, or making architectural decisions. Invoke to create architecture diagrams, write Architecture Decision Records (ADRs), evaluate technology trade-offs, design component interactions, and plan for scalability. Use for system design, architecture review, microservices structuring, ADR authoring, scalability planning, and infrastructure pattern selection — distinct from code-level design patterns or database-only design tasks.Architecture & Design1 installscoupling-analysistech-leads-clubS · 99Analyzes coupling between modules using the three-dimensional model (strength, distance, volatility) from "Balancing Coupling in Software Design". Use when asking "are these modules too coupled?", "show me dependencies", "analyze integration quality", "which modules should I decouple?", "coupling report", or evaluating architectural health. Do NOT use for domain boundary analysis (use domain-analysis) or component sizing (use component-identification-sizing).Architecture & Design1 installsfrontend-architecturesickn33S · 100A portable, framework-agnostic architecture style for any React or React Native frontend. Organizes apps into feature modules with page/screen directories, a strict server-state vs UI-state split, barrel-only cross-module imports, co-located styles, and clear component-promotion rules....Architecture & Design1 installsfrontend-designsickn33S · 99You are a frontend designer-engineer, not a layout generator.Architecture & Design1 installsfrontend-design-ultimateLeoYeAIS · 99Create distinctive, production-grade static sites with React, Tailwind CSS, and shadcn/ui — no mockups needed. Generates bold, memorable designs from plain text requirements with anti-AI-slop aesthetics, mobile-first responsive patterns, and single-file bundling. Use when building landing pages, marketing sites, portfolios, dashboards, or any static web UI. Supports both Vite (pure static) and Next.js (Vercel deploy) workflows.Architecture & Design1 installsimprove-uiibelickS · 99Audit an existing product surface against its own design evidence, identify verified UI problems, and write self-contained implementation plans for another agent. Strictly read-only on product source. Use when asked to review, refine, improve, or clean up an interface without replacing its identity; investigate design-system drift; or prepare a design handoff.Architecture & Design1 installsmicro-interaction-specOwl-ListenerS · 99Specify micro-interactions with trigger, rules, feedback, and loop/mode definitions.Architecture & Design1 installsmotion-systemOwl-ListenerS · 99Define a motion system with duration tokens, easing vocabulary, and reduced-motion handling for consistent animation across a product.Architecture & Design1 installsproduct-designsickn33A+ · 95Design de produto nivel Apple — sistemas visuais, UX flows, acessibilidade, linguagem visual proprietaria, design tokens, prototipagem e handoff. Cobre Figma, design systems, tipografia, cor, espacamento, motion design e principios de design cognitivo.Architecture & Design1 installsrefactoring-uiOfficialwondelaiA+ · 96Audit and fix visual hierarchy, spacing, color, and depth in web UIs. Use when the user mentions "my UI looks off" (or amateur/unprofessional), "fix the design", "Tailwind styling", "color palette", "visual hierarchy", "design system", "spacing scale", or "component styling". Also trigger when building consistent design tokens, creating dark mode themes, improving data-visualization clarity, or polishing UI details before launch. Covers grayscale-first workflow, constrained design scales, shadows, and component styling. For typeface selection, see web-typography. For usability audits, see ux-heuristics.Architecture & Design1 installs
Skill selection field guide

Pick skills by the work they make repeatable.

The right skill is closer to a dependency than a prompt snippet. It should have a specific job, inspectable source, a current snapshot, and enough audit context to decide whether it belongs in your agent setup.

Before installFit check
Job

The skill names the repeatable work, not only a persona.

Scope

Inputs, outputs, and boundaries are clear before you apply it.

Evidence

Source, snapshot, files, and audit result all point to the same use case.

Fit

It improves one workflow you already run, not every task in your backlog.

Review workflow

Evaluate a skill before it shapes an agent response

Popularity can help you discover candidates, but it should not decide adoption. Use a repeatable review path so every skill is judged by the same signals.

  1. 01
    Search

    Start with the outcome

    Use the job you want done: debugging, writing, browser automation, Kubernetes review, research synthesis, or another concrete workflow.

    A short list of skills with matching names and descriptions.
  2. 02
    Compare

    Check the package behind the promise

    Open the detail page and read the source, bundled files, snapshot metadata, categories, and audit status before trusting the summary.

    One candidate that matches the actual files, not just the pitch.
  3. 03
    Adopt

    Use the narrowest useful skill

    Prefer a skill that handles one repeatable workflow well. Broad assistants are harder to review, test, and replace.

    A reusable workflow you can explain to another operator.
  4. 04
    Revisit

    Treat updates like dependency changes

    When a skill changes source, snapshot, audit status, or category, inspect it again before letting it shape production work.

    A maintained skill set that stays understandable over time.
Trust signals

Separate useful workflow packages from prompt dumps

SignalLooks strongNeeds caution
Source

Repository, owner, and bundled files are visible.

The source is vague, forked without context, or hard to inspect.

Category

The category describes the primary workflow outcome.

Several unrelated categories are mixed together, or no category fits.

Audit

Pass, warning, or failure is easy to interpret from the skill page.

A warning is ignored, or a failed audit is treated like a popularity issue.

Description

The copy explains when to use the skill and what it produces.

It promises expertise without naming inputs, outputs, or limits.

Category field guide

Browse the top 12 skill categories

Categories should help you start with intent. Search by the kind of work you need done, then use the skill detail page to confirm that the bundle really supports it.

01

Aggregators

Multi-source aggregation and gateway agent workflows.

02

Art & Culture

Art, culture, creative collections, and media archive agent workflows.

03

Architecture & Design

Architecture, design systems, CAD, and spatial design agent workflows.

04

Browser Automation

Browser control, web automation, scraping, and extraction agent workflows.

05

Biology Medicine and Bioinformatics

Healthcare, biology, medicine, and bioinformatics agent workflows.

06

Cloud Platforms

Cloud provider, infrastructure, and platform operation agent workflows.

07

Code Execution

Sandboxed code execution and runtime agent workflows.

08

Coding Agents

Agentic coding, code review, and engineering-assistant agent workflows.

09

Command Line

Terminal, shell, and command-line workflow agent workflows.

10

Communication

Messaging, meetings, email, and collaboration agent workflows.

11

Conversational AI

Chat, voice assistant, and conversational AI agent workflows.

12

Cryptography

Cryptography, keys, signing, and secure identity agent workflows.

Skill review basics

Questions to answer before adopting a skill

What is an agent skill?

An agent skill is a packaged set of instructions and supporting files that helps an AI agent perform a specific kind of work more consistently, such as debugging, writing, research, or operating a domain-specific workflow.

How should I compare two similar skills?

Compare the stated outcome, source repository, install count, categories, and audit result. The better fit is usually the skill with the narrower workflow and clearer maintenance trail, not simply the one with the broadest description.

What do official and community sources mean?

Official sources identify publishers that Wardn Hub marks as trusted or canonical for that catalog entry. Community sources can still be useful, but they deserve closer inspection before use in production agent workflows.

Why do some skills have warnings or no category?

A warning means the automated audit found something worth reviewing. A missing category usually means the primary use case is ambiguous or the taxonomy does not yet have a defensible bucket for that skill.