Agent skills
Skills you can use with AI coding agents, indexed from public GitHub repositories.
-
Frontend CSS
Write and maintain CSS using consistent methodology, design systems, framework utilities, and minimal custom styles for better performance and maintainability. Use this skill when writing or modifying CSS files, style modules, Tailwind classes, styled-components, CSS-in-JS, or any styling code for UI components. Use this when applying utility classes, maintaining design tokens for colors/spacing/typography, working with CSS frameworks like Tailwind or Bootstrap, avoiding framework style overrides, optimizing CSS for production with purging/tree-shaking, or implementing responsive styling. Use this when working on .css, .scss, .module.css files or when adding className/style attributes to components.
majiayu000/claude-skill-registry 163
-
strategic-planner
Design comprehensive technical specifications and strategic plans for data architecture and analytics projects. This skill should be used when planning major features, creating SPEC documents, assessing product requirements, breaking down complex projects into phases, or documenting architectural strategies like SPEC-1. Guides through requirements gathering, MoSCoW prioritization, phase planning, and open items tracking.
majiayu000/claude-skill-registry 163
-
ask-ai-150
Consult external AI models when internal sources are exhausted. Build quality prompts using Prompt150 formula (Context + Query + Method + Style). Use when Loop150 exhausts internal sources, need real-world precedents, confidence <75%, or require reasoning from specialized AI models.
majiayu000/claude-skill-registry 163
-
form-building
Building create/edit forms with FormField components, validation integration, and save patterns
majiayu000/claude-skill-registry 163
-
text-to-speech-optimization
Advanced text-to-speech optimization with expressional tone guides, natural speech patterns, prosody control, and human-like conversation techniques to create authentic-sounding AI voices. Use when generating natural speech, creating engaging content, or producing professional voiceovers.
majiayu000/claude-skill-registry 163
-
postfx-effects
Post-processing visual effects including chromatic aberration, vignette, depth of field, film grain, color grading, and LUT support. Use when adding cinematic polish, retro aesthetics, camera simulation, or atmospheric effects to 3D scenes. Essential for mood, style, and visual storytelling.
majiayu000/claude-skill-registry 163
-
llm-inference
Use when wanting to interact with any LLM - Explains available inference endpoints so the agent selects suitable models.
majiayu000/claude-skill-registry 163
-
quality-attributes-taxonomy
The "-ilities" framework for non-functional requirements. Use when defining NFRs, evaluating architecture trade-offs, or ensuring quality attributes are addressed in system design. Covers scalability, reliability, availability, performance, security, maintainability, and more.
majiayu000/claude-skill-registry 163
-
backend-design
Design robust, scalable backend architectures that complement Design OS frontend components. Use this skill when planning APIs, database schemas, and server-side logic for products designed in Design OS.
majiayu000/claude-skill-registry 163
-
repo-map
Navigate this repo quickly to find the correct app, package, or service, and identify the right files for changes.
majiayu000/claude-skill-registry 163
-
i18n-manager
Expert in internationalization (i18n) and localization (l10n) with i18next, react-intl, multi-language support, RTL layouts, locale-specific formatting, translation management, and automated text extraction
majiayu000/claude-skill-registry 163
-
material-design-3-expressive
Apply Material Design 3 Expressive design principles, animations, and component patterns. Use when designing UI, implementing micro-interactions, color systems, or spring-based animations.
majiayu000/claude-skill-registry 163
-
setup-timescaledb-hypertables
Step-by-step instructions for designing table schemas and setting up TimescaleDB with hypertables, indexes, compression, retention policies, and continuous aggregates. Instructions for selecting: partition columns, segment_by columns, order_by columns, chunk time interval, real-time aggregation.
majiayu000/claude-skill-registry 163
-
writing-enhancer
Rephrase or completely rewrite content matching user's preferred tone, voice, and style.
majiayu000/claude-skill-registry 163
-
design-system-architecture
一貫性と拡張性を両立するデザインシステムの基盤設計を支援するスキル。
デザイントークン、コンポーネント規約、Figma/コード同期を体系化する。
Anchors:
• Atomic Design / 適用: コンポーネント階層設計 / 目的: 構造の一貫性確保
• Design Tokens / 適用: トークン管理 / 目的: 再利用性の向上
• Clean Architecture / 適用: 依存関係設計 / 目的: 責務分離
Trigger:
Use when designing a design system, defining design tokens, or establishing component and Figma-code synchronization rules.
design system architecture, design tokens, figma sync, component guidelines
majiayu000/claude-skill-registry 163
-
frontend/typescript-rules
Applies React/TypeScript type safety, component design, and state management rules. Use when implementing React components.
majiayu000/claude-skill-registry 163
-
functional-design
機能設計書を作成するための詳細ガイドとテンプレート。機能設計書作成時にのみ使用。
majiayu000/claude-skill-registry 163
-
drawbot-designer
Create well-designed posters, layouts, and graphics using DrawBot with automatic enforcement of typography principles from Hochuli, Bringhurst, and Müller-Brockmann. Use when users request posters, layouts, graphics, editorial designs, or mention DrawBot, typography, grid systems, or programmatic design.
majiayu000/claude-skill-registry 163
-
create-component
Creates React components for SideDish. Use when adding new UI components, modals, forms, or interactive elements. Includes TypeScript interfaces, styling patterns, and security considerations.
majiayu000/claude-skill-registry 163
-
rails-hotwire
Use when hotwire (Turbo and Stimulus) for building modern reactive Rails applications without complex JavaScript frameworks.
majiayu000/claude-skill-registry 163
-
security-dependency-scanning
Guide for conducting comprehensive web dependency security scans to identify outdated libraries, CVEs, and security misconfigurations. Use when analyzing deployed websites for dependency vulnerabilities.
majiayu000/claude-skill-registry 163
-
Greek Philosopher
Channel ancient wisdom through Socratic questioning, Stoic principles, and philosophical inquiry to examine life's deepest questions with poetic eloquence and timeless insight
majiayu000/claude-skill-registry 163
-
phoenix-framework
Phoenix framework guidelines for router configuration and deprecated modules. Use when writing Phoenix router files, adding routes, or configuring scopes. Prevents duplicate module prefix bugs from scope aliasing and use of deprecated Phoenix.View.
majiayu000/claude-skill-registry 163
-
ux-friction
Use when animation causes user confusion, delays task completion, or creates frustration
majiayu000/claude-skill-registry 163