Agent skills
Skills you can use with AI coding agents, indexed from public GitHub repositories.
-
graphic-design-expert
Expert guidance on typography, color theory, layout, UI/UX patterns, and converting design to CSS/Tailwind.
majiayu000/claude-skill-registry 163
-
apple-design
Create Apple-inspired modern, minimalist UI designs with glassmorphism, smooth animations, generous whitespace, and elegant typography. Use when designing portfolio websites, landing pages, hero sections, product showcases, or implementing Apple-style components, dark mode, or responsive layouts.
majiayu000/claude-skill-registry 163
-
obsidian-nvim
Guide for implementing obsidian.nvim - a Neovim plugin for Obsidian vault management. Use when configuring, troubleshooting, or extending obsidian.nvim features including workspace setup, daily notes, templates, completion, pickers, and UI customization.
majiayu000/claude-skill-registry 163
-
swiftui-ui-patterns
Best practices and example-driven guidance for building SwiftUI views and components. Use when creating or refactoring SwiftUI UI, designing tab architecture with TabView, composing screens, or needing component-specific patterns and examples.
majiayu000/claude-skill-registry 163
-
math-function-plotter-plotly
This skill generates interactive mathematical function plots using Plotly.js for iframe embedding in intelligent textbooks. Creates visualizations with hover tooltips, interactive sliders to move points along curves, responsive design optimized for narrow layouts, and comprehensive educational documentation. Use this when users request plotting mathematical functions, graphing equations, visualizing f(x), or creating interactive function explorers for calculus, precalculus, physics, or engineering courses.
majiayu000/claude-skill-registry 163
-
creating-karabiner-modifications
Use when configuring Karabiner-Elements keyboard customizations, before writing JSON - provides systematic workflow for complex modifications with correct structure, common patterns, and guidance on manual vs generator approaches
majiayu000/claude-skill-registry 163
-
design-tokens-structure
Architects token systems with primitive, semantic, and component layers. Use when structuring tokens from scratch, adding multi-theme support, setting up token aliasing, or organizing token hierarchies.
majiayu000/claude-skill-registry 163
-
component-from-capture
画像キャプチャ（直接貼り付けまたはファイルパス指定）から既存のWindows Forms風Astroコンポーネントを組み合わせて画面ページを自動生成します。UIデザインを解析し、レイアウト、色、サイズ、テキストを再現した画面を作成します。
majiayu000/claude-skill-registry 163
-
exchange-rates
Use when implementing exchange rate functionality - provides complete patterns for fetching BTC/fiat exchange rates from Coinbase API, caching strategies, conversion utilities, and React hooks for displaying rates in UI
majiayu000/claude-skill-registry 163
-
uimatch-compare
Run a single-shot visual comparison between a Figma design node and an implementation URL (local app, Storybook iframe, or deployed page) using @uimatch/cli, then read the generated report to explain design fidelity and quality gate status. Use this skill when the user wants to check whether one specific UI component or page matches its Figma design or debug a particular mismatch.
majiayu000/claude-skill-registry 163
-
Analyze Regressions
Grade component health based on regression triage metrics for OpenShift releases
majiayu000/claude-skill-registry 163
-
registry-management
Guide for adding and managing entries in the personality-assistant-registry. Use when adding MCP servers, skills, bundles, templates, or heartbeat tasks to the registry.
majiayu000/claude-skill-registry 163
-
t-sui
Server-rendered TypeScript UI framework. Use when building t-sui applications, creating UI components, handling forms with server actions, using data tables, setting up routes, or implementing WebSocket patches. Triggered by "t-sui", "server-rendered UI", "TypeScript UI framework", form handling, or data collation.
majiayu000/claude-skill-registry 163
-
frontend-guide
Comprehensive frontend development guide covering HTML, CSS, JavaScript, TypeScript, React, Vue, Angular, and modern web technologies. Use when working on frontend development, web applications, or UI/UX implementation.
majiayu000/claude-skill-registry 163
-
ecommerce-theming
Complete theming guide for the e-commerce storefront. Documents all styled components and provides instructions for applying new themes. Use when customizing store appearance, changing color schemes, or restyling the entire application.
majiayu000/claude-skill-registry 163
-
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
-
forth-ai-brand
Apply Forth AI brand guidelines when creating frontends. Use for UI components, pages, applications, and design systems. Enforces radical simplicity, polymorphic interfaces, and the Forth AI visual identity.
majiayu000/claude-skill-registry 163
-
env-var-manager
Manages environment variable additions and updates across all project files. Use when adding new environment variables, updating PORT configuration, modifying deployment configurations, or documenting configuration requirements.
majiayu000/claude-skill-registry 163
-
postcss-config-builder
Generate PostCSS configuration files with plugins for CSS processing, autoprefixing, and optimizations. Triggers on "create postcss config", "generate postcss configuration", "postcss setup", "css processing config".
majiayu000/claude-skill-registry 163
-
wiggle
Create animated logo files (Lottie JSON, GIF, MP4) from static logo images. This skill should be used when users provide a logo image (PNG/SVG/JPG) and request any kind of logo animation, motion graphics, animated logo effect, waveform animation, bouncing logo, rotating logo, pulsing logo, wiggling logo, or ask to "animate my logo" or "make my logo move". Outputs standalone animation files (not React/HTML artifacts). Generates Lottie JSON with automatic GIF/MP4 rendering, perfect loop validation, and professional motion design patterns.
majiayu000/claude-skill-registry 163
-
frontend-magic-ui
Polished SaaS landing page components. Use for number tickers/stats animations, logo marquees, bento grids, device mockups (iPhone, Safari), shimmer/rainbow buttons, typing effects. Professional marketing polish built on Framer Motion + Tailwind. For dramatic hero effects use Aceternity, for basic UI use shadcn.
majiayu000/claude-skill-registry 163
-
agent-persona-design
実在する専門家の思想をエージェントに移植し、その専門性と思考パターンを再現するスキル。
Anchors:
• 『心の社会』（Marvin Minsky） / 適用: 複雑系とエージェントシステム / 目的: 小規模エージェントの集合知実現
• 『ファスト&スロー』（Daniel Kahneman） / 適用: 意思決定と思考パターン / 目的: 専門家の直感と論理の統合
Trigger:
Use when designing or improving agent personas, modeling expert thinking patterns, upgrading existing personas, or building multi-persona systems.
persona design, expert modeling, thinking patterns, agent architecture, multi-agent systems
majiayu000/claude-skill-registry 163
-
nextjs-fsd-starter
Create a new Next.js project with FSD (Feature-Sliced Design) architecture, TypeScript, Tailwind CSS, ESLint (flat config), Prettier, and Husky. Use when user asks to create/scaffold/initialize a Next.js project with FSD architecture, or when they want a production-ready Next.js boilerplate with modern tooling setup.
majiayu000/claude-skill-registry 163
-
ui-template-library
Manage aesthetic templates - save visual systems from completed mockups as interpretable prose, apply to new plugins with adaptive layouts
majiayu000/claude-skill-registry 163