GitHub
ux-iconography
Icon usage patterns using Material Symbols v3. Use when adding icons to buttons, navigation, or status indicators. Covers sizing, accessibility, animations, and color integration with project tokens.
☆ 1View skill
Research AI Skills
Discover Research skills, compare source repositories and read the instructions for each workflow.
Categories: Research
Research Clear filters
Browse skills
GitHub
ux-animation-motion
Animation patterns using Anime.js v4 for UI feedback, transitions, and celebrations. Use when implementing hover effects, transitions, loading animations, or gamification feedback. Includes reduced motion handl...
☆ 1View skill
GitHub
ux-feedback-patterns
User feedback patterns including success/error messages, loading states, confirmations, and progress indicators. Use when implementing notifications, toasts, or status updates. (project)
☆ 1View skill
GitHub
ux-accessibility
WCAG 2.2 accessibility patterns for web components. Use when implementing focus management, keyboard navigation, screen reader support, reduced motion, high contrast mode, or touch targets. Integrates with proj...
☆ 1View skill
GitHub
ux-form-design
Form and input design patterns including validation, labels, error handling, and form-associated custom elements. Use when building forms, inputs, or interactive data collection. (project)
☆ 1View skill
GitHub
audio-design
Game audio design patterns for creating sound effects and UI audio. Use when designing sounds for games, writing AI audio prompts (ElevenLabs, etc.), creating feedback sounds, or specifying audio for abilities/...
☆ 1View skill
GitHub
animejs-v4
Anime.js 4.0 animations for Web Components — drag-drop, click feedback, swaps, cancelable motion. Use when adding animations, drag interactions, visual feedback, or motion to custom elements. Combines with web-...
☆ 1View skill
GitHub
utopia-container-queries
Container query setup required for this project's cqi-based fluid scales. The type and space tokens use cqi units which need container-type declarations to function.
☆ 1View skill
GitHub
ux-design-principles
Cognitive psychology principles for UX design decisions. Use when planning features, structuring interfaces, reducing complexity, or optimizing user journeys. Covers choice architecture, cognitive load, attenti...
☆ 1View skill
GitHub
ux-spacing-layout
Utopia fluid spacing tokens and layout patterns. Use when applying margins, padding, gaps, or creating layouts. Covers space scale, container widths, and responsive spacing. (project)
☆ 1View skill
GitHub
material-symbols-v3
Material Symbols v3 variable icon font system. Use when adding icons to buttons, navigation, status indicators, or any UI element. Provides 2,500+ icons with fill, weight, grade, and optical size axes. Integrat...
☆ 1View skill
GitHub
ux-component-states
Interactive component state patterns including hover, focus, active, disabled, loading, and error states. Use when building buttons, inputs, cards, or any interactive elements. (project)
☆ 1View skill
GitHub
ux-typography
Typography patterns using Utopia fluid type scale with cqi units. Use when setting font sizes, line heights, font families, or text styling. Covers display vs body fonts, hierarchy, and readability. (project)
☆ 1View skill
GitHub
ux-user-flow
Navigation and user flow patterns including routing, state management, progressive disclosure, and game progression. Use when designing multi-step flows, game phases, or navigation structures. (project)
☆ 1View skill
GitHub
utopia-grid-layout
CSS Grid utilities using Utopia fluid spacing. Reference for the grid variables and utility classes defined in this project.
☆ 1View skill
GitHub
javascript-pragmatic-rules
30 pragmatic rules for production JavaScript covering async operations, V8 optimization, memory management, testing, error handling, and performance. Use when writing JavaScript, optimizing performance, handlin...
☆ 1View skill
GitHub
skill-name
{{SKILL_DESCRIPTION}}. Use when users request {{USE_CASES}}. Demonstrates the System Skill Pattern (CLI + SKILL.md + Database).
☆ 1View skill
GitHub
devops-infrastructure
Automatically reviews and optimizes Dockerfiles, CI/CD pipelines, and Infrastructure-as-Code. Activates when you mention: Docker optimization, Dockerfile review, CI/CD pipeline, GitHub Actions, infrastructure...
☆ 1View skill
GitHub
data-engineering
Automatically reviews data pipelines, optimizes SQL queries, and ensures data quality. Activates when you mention: data pipeline, ETL, SQL optimization, query performance, data quality, schema design, Airflow...
☆ 1View skill
GitHub
ios26-research-assistant
Compensates for Claude's January 2025 knowledge cutoff by actively searching Apple's official iOS 26 documentation before making claims about iOS 26 APIs, frameworks, or features. This skill should be used when...
☆ 1View skill
GitHub
aiwfskill-developer
Create and manage Claude Code skills following Anthropic best practices. Use when creating new skills, modifying skill-rules.json, understanding trigger patterns, working with hooks, debugging skill activation,...
☆ 1View skill
GitHub
aiwfroute-tester
Test authenticated routes in the your project using cookie-based authentication. Use this skill when testing API endpoints, validating route functionality, or debugging authentication issues. Includes patterns...
☆ 1View skill
GitHub
spec-driven-development
Use when starting new features, building applications from scratch, or needing structured development workflow - provides standalone specification-first methodology without external dependencies, generates spec...
☆ 1View skill
GitHub
aiwfspec-driven-development
Use when starting new features, building applications from scratch, or needing structured development workflow - provides standalone specification-first methodology without external dependencies, generates spec...
☆ 1View skill
The default order uses GitHub repository stars from our indexed data. Stars belong to the source repository and may be shared by multiple skills. They indicate repository interest, not skill installs or an independent quality score.