Agent skills
Skills you can use with AI coding agents, indexed from public GitHub repositories.
-
Frontend Responsive
Build responsive, mobile-first user interfaces that adapt gracefully across all screen sizes using fluid layouts, relative units, breakpoints, and optimized assets. Use this skill when creating or modifying UI layouts, responsive components, CSS media queries, or any code that needs to adapt to different viewport sizes. Use this when implementing mobile-first designs, adding responsive breakpoints (mobile/tablet/desktop), using relative units (rem/em), ensuring touch-friendly tap targets, optimizing images for different screen sizes, testing across multiple devices, or making typography readable on all screens. Use this when working on layout components, grid systems, or any UI code that should respond to screen size changes.
majiayu000/claude-skill-registry 163
-
shopify-performance
Performance optimization for Shopify stores including theme speed optimization, image optimization, JavaScript and CSS minification, lazy loading, CDN usage, caching strategies, Liquid template performance, and Core Web Vitals improvement. Use when optimizing store speed, reducing load times, improving Lighthouse scores, optimizing images, implementing lazy loading, reducing JavaScript bloat, or improving Core Web Vitals metrics (LCP, FID, CLS).
majiayu000/claude-skill-registry 163
-
syncfusion-styling
Use when styling or laying out SyncFusion components. Critical for understanding what CSS classes exist vs don't exist. Prevents using fake utility classes that break layout. Auto-activates when working with SF component styling, layout, spacing, colors, or icons.
majiayu000/claude-skill-registry 163
-
Progress Dashboard
Show AI design patterns project health, track completion status, coordinate agent activities, and suggest intelligent next priority actions
majiayu000/claude-skill-registry 163
-
julien-ref-ahk-v2
Best practices AutoHotkey v2. Use when writing AHK v2 scripts - covers global variable declarations, SetTimer usage, event handlers, and GUI positioning.
majiayu000/claude-skill-registry 163
-
SND Addon Interactions
Use this skill when implementing game UI addon interactions in SND macros. Covers crafting addons, shop addons, node access, and general game addon patterns.
majiayu000/claude-skill-registry 163
-
ruby-workflow
Ruby project workflow guidelines. Activate when working with Ruby files (.rb), Gemfile, bundler, or Ruby-specific tooling.
majiayu000/claude-skill-registry 163
-
react-tailwind-vigil-ui
React 18 + Vite + Tailwind CSS v4 frontend development for Vigil Guard v2.0.0 configuration interface. Use when building UI components, creating forms, implementing API integration for 3-branch detection, working with JWT authentication, managing routing, handling ETag-based concurrency control, implementing branch health monitoring, arbiter configuration, or fixing controlled component issues with getCurrentValue() pattern (CRITICAL for Select/Toggle components).
majiayu000/claude-skill-registry 163
-
create-frontend-ui
Build distinctive, production-grade frontend interfaces with high design quality. Use when building web components, pages, dashboards, React components, HTML/CSS layouts, or styling/beautifying any web UI. Avoids generic AI aesthetics. Uses shadcn UI MCP for components.
majiayu000/claude-skill-registry 163
-
composable-svelte-components
UI component library reference for Composable Svelte. Use when implementing designs, choosing components, styling layouts, or working with shadcn-svelte components. Covers component props, variants, accessibility patterns, visual composition, and when to use which component. For specialized components see composable-svelte-graphics (3D), composable-svelte-code (editors/media), composable-svelte-charts (visualization), composable-svelte-maps (geospatial).
majiayu000/claude-skill-registry 163
-
infra-architect
Design infrastructure solutions - analyze requirements, design cloud architecture, create comprehensive
design documents with resource specifications, security considerations, cost estimates, and implementation
plans. Designs S3 buckets, Lambda functions, DynamoDB tables, API Gateway endpoints, CloudFront distributions,
and other AWS services based on feature requirements.
majiayu000/claude-skill-registry 163
-
framer
Integrates design tokens with Framer for prototyping and production sites. Use when adding CSS custom properties to Framer projects, creating code components, or building Framer sites with design systems.
majiayu000/claude-skill-registry 163
-
ngx-funnel-criteria
Criterios de evaluación para auditorías de funnel NGX, incluyendo checklist visual, UX, copy y conversión
majiayu000/claude-skill-registry 163
-
revision
Guide the edit pass after drafting. Use when revision feels overwhelming, when changes cascade unpredictably, when you can't see problems anymore, or when editing never ends.
majiayu000/claude-skill-registry 163
-
shadcn-vue
majiayu000/claude-skill-registry 163
-
git-pr-helper
Git workflow assistant for pull request creation, branch management, and merge coordination. Use when creating PRs, merging branches, resolving conflicts, or cleaning up session branches. Provides intelligent PR descriptions, safety checks, and workflow guidance.
majiayu000/claude-skill-registry 163
-
understanding-events
Use when creating events, understanding event structure, or working with event properties. Covers entity-action naming, event properties, statelessness, and vendor-agnostic design. (project)
majiayu000/claude-skill-registry 163
-
etl-sync-job-builder
Designs reliable ETL and data synchronization jobs with incremental updates, idempotency guarantees, watermark tracking, error handling, and retry logic. Use for "ETL jobs", "data sync", "incremental sync", or "data pipeline".
majiayu000/claude-skill-registry 163
-
browser-tools
Interactive browser automation via Chrome DevTools Protocol. Use when you need to interact with web pages, test frontends, or when user interaction with a visible browser is required.
majiayu000/claude-skill-registry 163
-
volunteer-coordination
👥 Comprehensive volunteer program management including recruitment, training, scheduling, and recognition for successful festival operations.
majiayu000/claude-skill-registry 163
-
design-fundamentals
Core design principles for creating distinctive, beautiful UIs with technical excellence.
Combines creative direction with practical foundation for memorable, accessible interfaces.
Use when building UI without specific design specs (Figma, screenshots, design files):
- Creating landing pages, home pages, marketing pages from scratch
- Building web apps, dashboards, admin panels without design
- Choosing design system: typography, colors, spacing, visual hierarchy
- Need to propose complete design (fonts, colors, layout, spacing)
- Building distinctive UIs that avoid generic AI aesthetics
Keywords: landing page, design system, typography, colors, spacing, visual hierarchy
Two-part approach:
1. Creative Direction: Choose aesthetic tone (minimal, bold, elegant, playful)
2. Technical Foundation: Spacing scales, typography specs, WCAG contrast, hierarchy
Goal: Create UIs that are BOTH beautiful (distinctive, memorable) AND correct (accessible, consistent, professional).
majiayu000/claude-skill-registry 163
-
phoenix-liveview
Phoenix LiveView guidelines
majiayu000/claude-skill-registry 163
-
stacked-cards
Creates horizontally fanned/cascading card stacks with proper z-index ordering and hover lift animations. Use when building album browsers, card fans, stacked previews, or any overlapping card collection.
majiayu000/claude-skill-registry 163
-
styled-components
Implements CSS-in-JS styling with styled-components using tagged template literals, theming, and dynamic props. Use when wanting component-scoped CSS-in-JS, dynamic styling based on props, or theming support.
majiayu000/claude-skill-registry 163