Agent skills
Skills you can use with AI coding agents, indexed from public GitHub repositories.
-
system-design-patterns
System design patterns for scalability, reliability, and performance. Use when: (1) designing distributed systems, (2) planning for scale, (3) making architecture decisions, (4) evaluating trade-offs.
majiayu000/claude-skill-registry 163
-
design-to-component-translator
Converts Figma/design specifications into production-ready UI components with accurate spacing, typography, color tokens, responsive rules, and interaction states (hover, focus, disabled, active). Generates Tailwind/shadcn code with design system tokens mapping. Use when translating "Figma to code", "design specs to components", or "implement design system".
majiayu000/claude-skill-registry 163
-
TanStack Query v5
Powerful data fetching and state management library for React applications with server state synchronization, caching, and background updates.
majiayu000/claude-skill-registry 163
-
react-hook-creator
React Hook Creator - Auto-activating skill for Frontend Development.
Triggers on: react hook creator, react hook creator
Part of the Frontend Development skill category.
majiayu000/claude-skill-registry 163
-
integrating-zod-frameworks
Integrate Zod v4 with React Hook Form, Next.js, Express, tRPC, and other frameworks for type-safe validation
majiayu000/claude-skill-registry 163
-
animation-creator
CSS animation and transition creator. Generates optimized @keyframes, transitions, and transform sequences with performance best practices and motion accessibility. Use when adding animations, transitions, or micro-interactions.
majiayu000/claude-skill-registry 163
-
chartjs-configuration
This skill should be used when the user asks "Chart.js options", "Chart.js animations", "Chart.js legend", "Chart.js tooltip", "Chart.js title", "disable Chart.js animation", "customize Chart.js tooltip", "Chart.js responsive", "Chart.js aspect ratio", "Chart.js interactions", "Chart.js hover", "Chart.js click events", "Chart.js layout", "Chart.js padding", "Chart.js font", "Chart.js colors", "Chart.js external tooltip", "Chart.js custom legend", "Chart.js transitions", or needs help configuring Chart.js v4.5.1 options, plugins, and styling.
majiayu000/claude-skill-registry 163
-
attio-mcp-usage
Provides universal workflow patterns and best practices for using the Attio MCP server. Complements the attio-workspace-schema skill with HOW-TO guidance for MCP tools and error prevention.
majiayu000/claude-skill-registry 163
-
maui-blazor-development
Expert guidance for .NET MAUI Blazor Hybrid development combining native mobile/desktop apps with Blazor web UI.
Use when working with: (1) .NET MAUI Blazor Hybrid apps, (2) BlazorWebView components, (3) Cross-platform apps sharing Blazor UI,
(4) Platform integration in Blazor Hybrid, (5) MVVM with Blazor components, (6) Navigation between MAUI pages and Razor components,
(7) Shared Razor Class Libraries (RCL) for MAUI and Web. Applies to any .NET MAUI project using Blazor for UI.
majiayu000/claude-skill-registry 163
-
ux-copywriting-standards
Write user-facing copy for vehicle insurance platform UI. Use when writing error messages, button labels, tooltips, success messages, or formatting numbers. Mentions "write message", "button text", "error copy", "toast message", or "format number".
majiayu000/claude-skill-registry 163
-
figma-to-code-scoobynko-claude-code-design-s
majiayu000/claude-skill-registry 163
-
css-flexbox-grid
Master Flexbox and CSS Grid layouts for modern responsive design
majiayu000/claude-skill-registry 163
-
torch-pipeline-parallelism
Guidance for implementing PyTorch pipeline parallelism for distributed model training. This skill should be used when tasks involve implementing pipeline parallelism, distributed training with model partitioning across GPUs/ranks, AFAB (All-Forward-All-Backward) scheduling, or inter-rank tensor communication using torch.distributed.
majiayu000/claude-skill-registry 163
-
svelte
Svelte 5 patterns including TanStack Query mutations, shadcn-svelte components, and component composition. Use when writing Svelte components, using TanStack Query, or working with shadcn-svelte UI.
majiayu000/claude-skill-registry 163
-
daisyui
Guide for using daisyUI component library with Tailwind CSS for building UI components, theming, and responsive design
majiayu000/claude-skill-registry 163
-
vision-utilities
Guide for using vision utilities in speedy_utils, including fast GPU image loading, memory-mapped datasets, and notebook visualization.
majiayu000/claude-skill-registry 163
-
headless-api-design
Use when designing content delivery APIs for headless CMS architectures. Covers REST and GraphQL API patterns, content preview endpoints, localization strategies, pagination, filtering, caching headers, and API versioning for multi-channel content delivery.
majiayu000/claude-skill-registry 163
-
web-tester
Frontend testing with browser automation, assertions, and visual regression. Use when testing web UIs, validating user flows, checking responsive design, form submissions, login flows, or detecting visual regressions. Supports dev server auto-detection, assertion collection, and screenshot comparison.
majiayu000/claude-skill-registry 163
-
ui-ux-principles
Modern UI/UX design principles for minimalist, efficient, and elegant interfaces. Covers keyboard-driven design, command palettes, component architecture, accessibility, and performance. Based on analysis of Linear, Raycast, Arc, and other top-tier developer tools in 2025. Use when designing UI components, planning features, or reviewing interface design decisions.
majiayu000/claude-skill-registry 163
-
livekit-nextjs-frontend
Build and review production-grade web and mobile frontends using LiveKit with Next.js. Covers real-time video/audio/data communication, WebRTC connections, track management, and best practices for LiveKit React components.
majiayu000/claude-skill-registry 163
-
canvas-edit
Live Annotation Feedback Toolbar that overlays design review findings directly on web pages. Displays numbered badges on elements with issues, severity indicators, filtering, and screenshot capture. Integrates with design-review for real-time issue display. Triggers on "show annotations", "display issues", "annotate page", "overlay findings", or after running design-review.
majiayu000/claude-skill-registry 163
-
ux-information-architecture
[UI/UX] Designs Information Architecture (IA) as ASCII diagrams. Systematically organizes screen hierarchies, navigation structures, and content classification. Use when requesting 'IA design', 'information architecture', 'screen hierarchy', or 'sitemap'.
majiayu000/claude-skill-registry 163
-
ai-tool-designer
Guide for designing effective tools for AI agents. Use when creating tools for custom agent systems or any AI tool interfaces. Provides principles for tool naming, input/output design, error handling, and evaluation methodologies that maximize agent effectiveness.
majiayu000/claude-skill-registry 163
-
bootstrap-components
This skill should be used when the user asks about Bootstrap components, "how to create a modal", "navbar not collapsing", "carousel autoplay", "responsive card grid", "toast notifications", "dropdown menu", "accordion FAQ", "offcanvas sidebar", "tab navigation", "tooltip not showing", "popover not working", Bootstrap accordion, alerts, badges, breadcrumb, buttons, button groups, cards, carousel, close button, collapse, dropdowns, list group, modal, navbar, navs and tabs, offcanvas, pagination, placeholders, popovers, progress, scrollspy, spinners, toasts, tooltips, or needs help implementing any Bootstrap UI component.
majiayu000/claude-skill-registry 163