Agent skills
Skills you can use with AI coding agents, indexed from public GitHub repositories.
-
mixmi-component-library
Component specifications, design patterns, and UI elements for the mixmi platform including TrackCard, grids, modals, and audio components
majiayu000/claude-skill-registry 163
-
managing-container-registries
Execute use when you need to work with containerization.
This skill provides container management and orchestration with comprehensive guidance and automation.
Trigger with phrases like "containerize app", "manage containers",
or "orchestrate deployment".
majiayu000/claude-skill-registry 163
-
ui-refactoring-workflow
Use when refactoring existing React Native, Next.js, or TypeScript UI code to apply modern design principles and aesthetic excellence - analyzes current implementation, applies design presets, maintains functionality while elevating visual quality
majiayu000/claude-skill-registry 163
-
color-scale
Generates perceptually uniform OKLCH color palettes from brand colors. Use when creating color systems, theme palettes, or converting hex values to 11-step scales. Outputs CSS custom properties, Tailwind config, or JSON tokens.
majiayu000/claude-skill-registry 163
-
design-system-starter
Use this skill when creating or evolving design systems for applications. Provides design token structures, component architecture patterns, documentation templates, and accessibility guidelines. Ensures consistent, scalable, and accessible UI design across products.
majiayu000/claude-skill-registry 163
-
analyzing-query-performance
Execute use when you need to work with query optimization.
This skill provides query performance analysis with comprehensive guidance and automation.
Trigger with phrases like "optimize queries", "analyze performance",
or "improve query speed".
majiayu000/claude-skill-registry 163
-
materials-properties
Expert assistant for calculating materials properties from first-principles using ASE - structure relaxation, surface energies, adsorption, reaction barriers, phonons, elastic constants, and thermodynamic modeling with proper scientific methodology
majiayu000/claude-skill-registry 163
-
dev-swarm-architecture
Design system architecture including components, data flow, and deployment boundaries. Use when user asks to design architecture, create architecture diagrams, or start Stage 6 after UX design.
majiayu000/claude-skill-registry 163
-
frontend-google-fonts
Typography setup with Google Fonts for Next.js + Tailwind projects. Use when choosing fonts, need font pairing recommendations (SaaS, editorial, corporate presets), or setting up optimized font loading. Includes ready-to-use configurations and performance best practices.
majiayu000/claude-skill-registry 163
-
design-implementation-guide
公開ガイドライン（Material Design 3、Apple HIG、Fluent 2、GOV.UK、WCAG 2.2）に基づき、デザイントークンから実装までをキーボード操作・コントラスト・流体スケール・多言語対応で検証可能な形で提供する。
majiayu000/claude-skill-registry 163
-
skill-architect
Expert guide for creating OpenCode skills. Use when: (1) Creating new skills with scripts and resources, (2) Learning skill design patterns, (3) Validating existing skills, (4) Choosing the right skill archetype.
majiayu000/claude-skill-registry 163
-
AEM Block Development
Technical implementation guide for AEM Edge Delivery blocks - DOM manipulation, decoration patterns, and JavaScript best practices. Use when implementing block functionality after content structure is designed.
majiayu000/claude-skill-registry 163
-
urdu-language-support
Implement Urdu language support with RTL layout, translations, and AI responses in Urdu. Bonus feature (+100 points) for Phase 5. (project)
majiayu000/claude-skill-registry 163
-
forms-implementation
Build reactive and template-driven forms, implement custom validators, create async validators, add cross-field validation, and generate dynamic forms for Angular applications.
majiayu000/claude-skill-registry 163
-
tsh-component
UI component patterns for TSH Clients Console (Next.js, shadcn/ui, RTL). Use when:
(1) Creating new React components
(2) Building pages with proper structure
(3) Implementing loading skeletons
(4) Adding responsive design
(5) Supporting dark mode and RTL
(6) Using shadcn/ui components correctly
majiayu000/claude-skill-registry 163
-
ux-flow-diagram
[UI/UX] Visualizes user flows and screen transitions as ASCII diagrams. Represents navigation flows, user journeys, and screen-to-screen paths. Use when requesting 'flow diagram', 'user journey visualization', or 'navigation flow'.
majiayu000/claude-skill-registry 163
-
theming
Expert guidance for creating, modifying, and managing themes in the Dashboard application.
majiayu000/claude-skill-registry 163
-
frontend-enhancer
This skill should be used when enhancing the visual design and aesthetics of Next.js web applications. It provides modern UI components, design patterns, color palettes, animations, and layout templates. Use this skill for tasks like improving styling, creating responsive designs, implementing modern UI patterns, adding animations, selecting color schemes, or building aesthetically pleasing frontend interfaces.
majiayu000/claude-skill-registry 163
-
quiz-generator
Generate 50-question interactive quizzes using the Quiz component with randomized batching.
Use when creating end-of-chapter assessments. Displays 15-20 questions per session with
immediate feedback. NOT for static markdown quizzes.
majiayu000/claude-skill-registry 163
-
creating-skill
Guide for creating effective Claude Skills. Covers structure, naming, progressive disclosure, workflows, and best practices. Use when the user wants to create a new Skill, improve existing Skills, or learn Skill authoring patterns.
majiayu000/claude-skill-registry 163
-
figma-desktop
Extract design data from Figma files using REST API scripts. Includes frame extraction, metadata retrieval, screenshots, design token extraction, annotations, and FigJam content for design-to-code workflows.
majiayu000/claude-skill-registry 163
-
ghostty-terminal-automation
Automate Ghostty terminal sessions via MCP. Use when you need to send commands to terminals, read terminal output, capture screenshots, resize windows, open new tabs/windows, or interact with TUI apps like Neovim, htop, or any CLI tool running in Ghostty.
majiayu000/claude-skill-registry 163
-
design-system-manager
Create and manage design systems with design tokens, theming (light/dark mode), standardized spacing, colors, typography, and component registry
majiayu000/claude-skill-registry 163
-
figma-to-html
Figma 디자인을 정적 HTML/CSS로 변환합니다. Figma 링크나 node-id가 제공되면 MCP를 통해 디자인 정보를 가져와 정확한 코드를 생성합니다. Use when converting Figma designs to HTML/CSS, or when user mentions Figma links, design conversion, or static HTML implementation.
majiayu000/claude-skill-registry 163