Agent skills
Skills you can use with AI coding agents, indexed from public GitHub repositories.
-
web-asset-generator
Generate web assets including favicons, app icons (PWA), and social media meta images (Open Graph) for Facebook, Twitter, WhatsApp, and LinkedIn. Use when users need icons, favicons, social sharing images, or Open Graph images from logos or text slogans. Handles image resizing, text-to-image generation, and provides proper HTML meta tags.
majiayu000/claude-skill-registry 163
-
console-frontend-review
Reviews React/TypeScript code for the depot console web application with focus on real-time rover teleoperation, state management, WebSocket communication, and 3D visualization. Use when reviewing console frontend changes, debugging teleop UI issues, optimizing rendering performance, validating WebSocket protocols, checking React Three Fiber implementations, or evaluating state management patterns. Covers Zustand store architecture, binary protocol encoding, input handling, page visibility safety, memory management, and 360-degree video streaming.
majiayu000/claude-skill-registry 163
-
sla-tracking
Use to design measurement, alerting, and reporting for MQL→SQL SLAs.
majiayu000/claude-skill-registry 163
-
motion-animation-patterns
Use this skill for implementing Motion (Framer Motion) animations in React applications. Covers animation presets, page transitions, modal animations, list stagger effects, hover interactions, skeleton loaders, and RTL-aware animation patterns.
majiayu000/claude-skill-registry 163
-
cqrs-ddd
CQRS+DDD implementation patterns for .NET. Use when designing aggregates, implementing command/query handlers, setting up repositories, or understanding architectural principles. Triggers on "CQRS", "DDD", "aggregate", "command handler", "query handler", "repository", "value object", "domain event", "entity configuration".
majiayu000/claude-skill-registry 163
-
shader-router
Decision framework for GLSL shader projects. Routes to specialized shader skills (fundamentals, noise, SDF, effects) based on task requirements. Use when starting a shader project or needing guidance on which shader techniques to combine.
majiayu000/claude-skill-registry 163
-
using-action-state
Teaches useActionState hook for managing form state with Server Actions in React 19. Use when implementing forms, handling form submissions, tracking pending states, or working with Server Functions.
majiayu000/claude-skill-registry 163
-
web-design-expert
Creates unique web designs with brand identity, color palettes, typography, and modern UI/UX patterns. Use for brand identity development, visual design systems, layout composition, and responsive web design. Activate on "web design", "brand identity", "color palette", "UI design", "visual design", "layout". NOT for typography details (use typography-expert), color theory deep-dives (use color-theory-expert), design system tokens (use design-system-creator), or code implementation without design direction.
majiayu000/claude-skill-registry 163
-
steering
作業指示ごとに .steering/ 配下へ requirements/design/tasklist を作成し、tasklist.md を唯一の進捗ソースとして実装を推進する。計画（作成）/実装（ループ）/振り返り（記録）の3モードで運用。「作業を計画して」「タスクリストを作成」「steering開始」「実装を進めて」などの依頼時に使用。
majiayu000/claude-skill-registry 163
-
security-guardrails
Comprehensive security implementation standards. Use when security guardrails guidance is required.
majiayu000/claude-skill-registry 163
-
synthesizing-strategy
Transforms raw research findings into opinionated, actionable brand strategy documents. A strategist's perspective on synthesizing insights into strategic guidance.
majiayu000/claude-skill-registry 163
-
try-first-tell-later
Structure educational content using try-first-tell-later pedagogy where students predict, attempt, or reflect before receiving explanations. Creates active learning through cognitive engagement and variation theory's contrast patterns. Use when writing educational materials, designing exercises, creating lecture notes, structuring tutorials, writing teaching examples with LaTeX/Beamer, developing problem sets, or when user mentions try-first, predict-first, productive failure, Socratic method, question-before-answer, exercise-driven learning, or inquiry-based teaching.
majiayu000/claude-skill-registry 163
-
ui-ux-designer
Visual design skill for discovering brand aesthetics, building design systems, and generating production-ready assets. Use when creating landing pages, brand identity, or visual specifications.
majiayu000/claude-skill-registry 163
-
inspira-ui
120+ Vue/Nuxt animated components with TailwindCSS v4, motion-v, GSAP, Three.js. Use for hero sections, 3D effects, interactive backgrounds, or encountering setup, CSS variables, motion-v integration errors.
majiayu000/claude-skill-registry 163
-
start-services
Intelligently start project services (backend, frontend) with automatic port conflict detection and resolution
majiayu000/claude-skill-registry 163
-
gap-tracker
Track and update progress on system design gap implementation. Use when implementing patterns, marking items complete, checking progress, viewing remaining items, or updating the implementation plan. Triggers on "mark complete", "check progress", "show gaps", "update tracker", "what's next", "implementation status".
majiayu000/claude-skill-registry 163
-
front-end-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.
majiayu000/claude-skill-registry 163
-
shutdown-ritual
Evening task selection ceremony for maker work (discovery: requirements-clarity). Evaluate at requirements-clarity when user mentions shutdown ritual, evening ceremony, select for book, end of day selection, or tomorrow's tasks.
majiayu000/claude-skill-registry 163
-
openkbs-open-kbs-openkbs-da8e1d7b
majiayu000/claude-skill-registry 163
-
ui-implementer
Implements UI components from scratch based on design references (Figma, screenshots, mockups) with intelligent validation and adaptive agent switching. Use when user provides a design and wants pixel-perfect UI implementation with design fidelity validation. Triggers automatically when user mentions Figma links, design screenshots, or wants to implement UI from designs.
majiayu000/claude-skill-registry 163
-
architecture-guide
Comprehensive software architecture and system design guide covering design patterns, distributed systems, scalability, microservices, and architectural principles. Use when designing systems, solving architecture problems, or learning design patterns.
majiayu000/claude-skill-registry 163
-
audit-pipeline
Skill guidance for audit pipeline.
majiayu000/claude-skill-registry 163
-
tailwind-config-generator
Generate Tailwind CSS configuration files with custom themes, plugins, and content paths. Triggers on "create tailwind config", "generate tailwind configuration", "tailwind setup", "tailwindcss config".
majiayu000/claude-skill-registry 163
-
tailwind-components
Use when building reusable component patterns with Tailwind CSS. Covers component extraction, @apply directive, and composable design patterns.
majiayu000/claude-skill-registry 163