Agent skills
Skills you can use with AI coding agents, indexed from public GitHub repositories.
-
figma-design-extraction
Complete Figma design extraction for pixel-perfect implementation.
Extracts design tokens, component specs, layouts, and responsive behavior systematically.
Use when user provides Figma design:
- Figma URL or file link provided
- User mentions "Figma", "design file", "mockup", or "design system"
- During /create-plan phase when design needs extraction
- User says "extract from Figma" or references Figma link
Extract systematically:
- Design tokens: ALL colors (hex + usage), typography (sizes, weights, line heights),
spacing scale, border radius, shadows, opacity values
- Components: ALL states (default, hover, active, focus, disabled, loading, error),
ALL variants (size/style/intent), exact dimensions, spacing, visual properties
- Layouts: page structure, grid systems (columns, gutters), component hierarchy
- Responsive: mobile/tablet/desktop differences explicitly documented
- Assets: icons (names, sizes), images (dimensions, alt text), illustrations
Goal: Extract ONCE completely during planning phase. Implementation should never
need to re-fetch from Figma MCP. Focus on exact values only - no approximations,
no guessing. Completeness prevents re-work and design inconsistencies.
Critical for /create-plan workflow. Validates MCP connection before extraction.
Documents everything in structured format for /execute-plan to implement accurately.
Do NOT load for: Building UI without design (use theme-factory), implementing
from already-extracted specs, responsive layout questions, or backend work.
majiayu000/claude-skill-registry 163
-
designing-frontend
Creates distinctive, production-grade frontend interfaces. Use when building web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.
majiayu000/claude-skill-registry 163
-
memory-system
Complete guide to the AgenticFleet memory system. Read this first.
majiayu000/claude-skill-registry 163
-
rxjs-patterns
Master RxJS in Angular with observables, operators, subjects, error handling, and reactive patterns for building responsive applications.
majiayu000/claude-skill-registry 163
-
create-frontend-controller
Creates a frontend controller action in Magento 2 for the storefront. Use when building custom frontend pages, AJAX endpoints, form submission handlers, or API-like endpoints for JavaScript.
majiayu000/claude-skill-registry 163
-
write-blog
Collaborative blog writing assistant that helps draft articles in Aaron's voice and style
majiayu000/claude-skill-registry 163
-
Konveyor Rule Generator
Generate Konveyor analyzer migration rules from migration guides using AI
majiayu000/claude-skill-registry 163
-
React Frontend Development
Build React components with TypeScript, Tailwind CSS, and React Query for the Medellin Spark platform. Use when implementing UI features, creating components, managing state, or optimizing frontend performance. Specializes in React hooks, shadcn/ui components, and Supabase integration.
majiayu000/claude-skill-registry 163
-
plugin-architecture
プラグインアーキテクチャの専門スキル。レジストリパターン、動的ロード、依存性注入を活用し、拡張可能なシステム設計を提供する。
Anchors:
• Clean Architecture (Robert C. Martin) / 適用: 拡張性設計 / 目的: 柔軟性確保
• Dependency Injection Principles and Practices (Mark Seemann) / 適用: DI設計 / 目的: 疎結合実現
• Design Patterns: Elements of Reusable Object-Oriented Software (Gang of Four) / 適用: レジストリパターン / 目的: 型安全な登録管理
Trigger:
Use when designing plugin systems, implementing extension points, managing dynamic module loading, creating registry patterns, or building workflow engines with pluggable executors.
plugin architecture, registry pattern, dependency injection, dynamic loading, extension points, workflow executor
majiayu000/claude-skill-registry 163
-
ruleset-optimization
Guidelines for optimizing Claude rulesets and instruction files (CLAUDE.md, settings.json) using context efficiency principles. Includes strategies for skill extraction, progressive disclosure, token savings calculation, and deduplication. Manually invoke when optimizing rulesets, reducing context size, extracting content to skills, or improving ruleset organization.
majiayu000/claude-skill-registry 163
-
following-conventions
C++ coding conventions. Use when editing .cpp/.hpp files or asking about C++ style.
majiayu000/claude-skill-registry 163
-
diamond-fysio-frontend
Review and write React/Next.js components for Diamond Fysio project. Use when reviewing components, adding features, or checking code quality. Enforces project patterns like Tailwind CSS, accessibility, Contentful integration, and i18n.
majiayu000/claude-skill-registry 163
-
nextjs-16
Build Next.js 16 applications with the correct patterns. Use this skill when creating pages, layouts, middleware (now proxy.ts), dynamic routes, or upgrading from Next.js 15. Covers breaking changes like async params/searchParams, Turbopack defaults, proxy.ts (replacing middleware.ts), and cacheComponents.
majiayu000/claude-skill-registry 163
-
dotnet-centralized-packages
Guide for Centralized Package Management (CPM) using Directory.Packages.props in .NET projects
majiayu000/claude-skill-registry 163
-
xiaohuihui-dify-tech-article
专为Dify工作流案例分享设计的公众号文章生成器,遵循小灰灰公众号写作规范,自动生成包含前言、工作流制作、总结的完整Dify案例文章,配有详细的节点配置、插件安装步骤、代码示例,并支持自动生成图片上传到腾讯云COS图床
majiayu000/claude-skill-registry 163
-
applying-frontend-patterns
Framework-agnostic frontend component design patterns.
majiayu000/claude-skill-registry 163
-
bom-generator
Generates Bill of Materials (BOM) from project descriptions for Arduino/ESP32/RP2040 projects. Use when user needs component lists, parts shopping lists, cost estimates, or asks "what parts do I need". Outputs formatted BOMs with part numbers, quantities, suppliers (DigiKey, Mouser, Amazon, AliExpress), and compatibility warnings. Run scripts/generate_bom.py for xlsx/csv export.
majiayu000/claude-skill-registry 163
-
every-style-editor
This skill should be used when reviewing or editing copy to ensure adherence to Every's style guide. It provides a systematic line-by-line review process for grammar, punctuation, mechanics, and style guide compliance.
majiayu000/claude-skill-registry 163
-
game-state
Game state management for turn-based board games. Use when designing state structure, implementing game logic, validating actions, managing phases/turns, or handling complex game rules. Covers reducers, state machines, and undo/redo.
majiayu000/claude-skill-registry 163
-
sre-task-refinement
Use when you have to refine subtasks into actionable plans ensuring that all corner cases are handled and we understand all the requirements.
majiayu000/claude-skill-registry 163
-
team-topology-design
Team Topologies methodology for organizational design. Covers the four fundamental team types, three interaction modes, cognitive load assessment, Inverse Conway Maneuver, and team evolution patterns. Use when designing team structures that align with architecture.
majiayu000/claude-skill-registry 163
-
using-container-queries
Use container queries for component-based responsive design with @container syntax and named containers. Use when building portable, reusable components that adapt to parent size instead of viewport.
majiayu000/claude-skill-registry 163
-
sr-cardoso-frontend
Frontend React/Vite/PWA do Sr Cardoso. Use quando editar paginas, componentes, hooks, fluxo de agendamento, painel admin, consumo de API REST e UX mobile-first.
majiayu000/claude-skill-registry 163
-
openwebf-host-hybrid-routing
Implement hybrid routing between Flutter and WebF using WebFSubView and go_router (route mapping and layouts). Use when the user mentions WebFSubView, go_router, hybrid routing, or mapping Flutter routes to WebF routes.
majiayu000/claude-skill-registry 163