Skip to content
Agent SkillsAgent Skills

design

Showing 5,496 skills in this vertical.

Press K
Showing 60 of 5,496 skills β€’ Page 1 of 92β€’ Sorted by stars

client-components

Enforces Head Shakers client component conventions for interactive React components with hooks, event handlers, Radix UI integration, and server action consumption. Extends reac...

design

ui-components

Enforces Head Shakers UI component conventions when creating or modifying React components, forms, dialogs, and other UI elements. This skill ensures consistent patterns for Rad...

engineeringdesign

database-schema

Enforces Head Shakers database schema conventions when creating or modifying Drizzle ORM table definitions, including constraints, indexes, relations, and column patterns. This ...

datadesign

design-qa-skill

Skill providing design QA checklists and principles for visual review across lanes. Used by design-review agents to enforce hierarchy, spacing, color, and responsiveness.

design

flask-setup-for-beginners

Set up Python Flask development environment for beginners with step-by-step guidance, virtual environment creation, and troubleshooting

engineeringdesign

postgresql-integration

Guide developers through PostgreSQL setup, connection configuration, query patterns, and best practices

engineeringhr

sequential-thinking

Use when complex problems require systematic step-by-step reasoning with the ability to revise thoughts, branch into alternative approaches, or dynamically adjust scope. Ideal f...

salesdesign

ios-testing-skill

Skill describing modern iOS testing patterns: Swift Testing vs XCTest, XCUITest best practices, and OS 3.0 expectations for coverage and flakiness.

engineeringdesign

liquid-quick

Quick Liquid syntax reference and help. Use for fast Liquid questions without full project context loading.

financedesign

long-task-harness

Maintains continuity across long-running tasks that span multiple Claude Code sessions. This skill should be used when starting a complex project that will require multiple sess...

engineeringoperations

metaprompt-factory

This skill should be used when generating structured metaprompts for repeatable tasks. Triggers include "create a metaprompt for X", "generate a review prompt", "make a prompt t...

engineeringdesign

shopify-theme

Shopify theme development expertise (Liquid, sections, snippets, JS components). Use when working on Shopify themes or asking about Liquid syntax.

engineeringfinance

acceptance-testing

Guides product owner through systematic acceptance testing. Use when verifying acceptance criteria, checking story completion, or conducting final review before marking a story ...

engineeringhr

committing-and-publishing

Guides commit, push, and draft PR creation for stories. Use when ready to commit changes, pushing to remote, or creating a pull request for review.

design

design-captain

Design Captain - Pattern expert, architecture advisor, and scalability planner

design

extraction-execution

Intelligent POC-to-production code extraction with architectural awareness. Analyzes dependencies, adapts patterns, makes extraction strategy decisions (copy/adapt/rewrite), mai...

engineeringhr

mintlify-docs

Write and maintain documentation using Mintlify for developer docs, API references, and guides. Use when creating new documentation, updating existing docs, or organizing docume...

engineeringdesign

nix-justfile-development

Work with Feels Protocol Nix flake system and justfile task runner for reproducible builds, multi-shell environments, and automated workflows

engineeringoperations

architecture-guidelines

High-level system architecture including module systems, project structure, architectural decision records (ADRs), and testing strategies. Use when designing systems, reviewing ...

engineeringdesign

automation-language-selection

Choose between Shell and Python for generated automation code based on task traits. Use when automation language selection guidance is required.

engineeringoperations

build-and-deploy

Build and deploy this Next.js portfolio application. Use when building, deploying, or preparing the project for production.

engineeringdesign

build

Project-specific build commands. Customize for your project.

engineeringdesign

cgl-consulting-planning

Creates implementation plans using GOAP (goal-oriented action planning) and Pareto prioritization. Auto-activates when user wants to implement, build, create, or develop somethi...

engineeringdesign

context-api-hooks

Master React Context API and custom hooks for state management without Redux.

engineeringdesign

form-builder

Build accessible forms with React Hook Form + Zod

engineeringdesign

github-actions-failure-debugging

Guide for debugging failing GitHub Actions workflows. Use this when asked to debug failing GitHub Actions workflows.

engineeringoperations

learning-help-system

Design context-sensitive help systems, tooltips, onboarding flows, and support documentation for learning platforms. Use for user assistance. Activates on "help system", "user a...

supporthr

product-strategist

Strategic product leadership toolkit for Head of Product including OKR cascade generation, market analysis, vision setting, and team scaling. Use for strategic planning, goal al...

salesdesign

pwa-offline-first

Build Progressive Web Apps with offline support, service workers, push notifications, and installation.

engineeringsupport

skill-builder

This skill exists to create new skills via the bundled CLI workflow.

engineeringoperations

testing

Testing conventions for pikru. Use when running tests to avoid timeouts. DO NOT run the full test suite.

engineeringdesign

workflow-discipline

Maintain incremental delivery, fail-fast behavior, and structured communication. Use when workflow discipline guidance is required.

operationsdesign

coding-guidelines-verify

Verify changes follow nearest-scoped AGENTS.md rules: group changed files by nested scope, auto-fix formatting, run lint/tests, and report violations.

engineeringdata

coding-guidelines

Provides comprehensive coding standards for quality, naming conventions, error handling, concurrency, and memory management. Use when writing new code, reviewing code, fixing bu...

engineeringdesign

design-principles

Code design patterns including pure functions, immutability, composition, single responsibility, and async patterns. Use when designing code structure, writing functions, or dis...

engineeringdesign

domain-constants-config

Manage centralized domain constants and configuration in the project. Use when adding new status types, modifying UI labels, updating color schemes, or creating configuration ob...

design

figma-to-page

Generates React code for a full page based on pasted Figma 'Inspect' details. Uses the page scaffolder.

engineeringdesign

fitness-coach

Create personalized workout plans and provide exercise guidance

design

offer-testing

Use when designing copy experiments to optimize hooks, offers, and CTAs.

engineeringdesign

refactor-test-safety-net

[Code Quality] Establishes test coverage requirements before refactoring. Use to identify missing tests, create minimal safety net tests, and define verification strategy for be...

engineeringdesign

student-language-guide

Provide student-facing language rules for educational content. Use when writing lessons, checking language appropriateness, or validating content for students.

marketingdesign

tooling-standards

Development tooling standards including Deno runtime, JSR package registry, and configuration files. Use when setting up projects, managing dependencies, or configuring build to...

engineeringdesign

ui-design-system

UI design system toolkit for Senior UI Designer including design token generation, component documentation, responsive design calculations, and developer handoff tools. Use for ...

engineeringdesign

uiux

UI/UX - design system, accessibility. Use when building interfaces.

engineeringdesign

vkc-i18n-ko-vi-safety

Prevent i18n regressions for ko/en/vi (missing keys, long Vietnamese text UI breakage). Use when changing messages/*.json or adding user-facing strings.

design

vkc-wizardkit

Build step-based wizard UIs (step UI, fixed bottom CTA with safe-area, localStorage draft save, runtime validation, submit event logging). Use for visa assessment, doc generatio...

engineeringdesign

workflow

Enforces development phases. Triggers on implement, build, create, fix, refactor.

engineeringoperations

aesthetic-critic-historian

[Aesthetics] Positions aesthetics within art/design history, identifies what traditions it echoes, and spots clichΓ©s, generic trends, and AI-slop patterns to avoid. Outputs Crit...

design

agent-ui-designer

Expert visual designer specializing in creating intuitive, beautiful, and accessible user interfaces. Masters design systems, interaction patterns, and visual hierarchy to craft...

design

designing-components

Use this skill when you need to design a component

design

incentive-design

Use when structuring payouts, tiers, and eligibility for referral programs.

design

layout-spacing-checker

[Design System] Validate margin/padding/gap values against spacing scale and grid rules. Use when (1) checking if spacing values follow the design system scale, (2) finding off-...

design

llm-inference

Use when wanting to interact with any LLM - Explains available inference endpoints so the agent selects suitable models.

design

sharepoint-audit

Guide and run a SharePoint audit locally. Collect inputs, confirm PowerShell 7.4+ and Python 3.10+ are available, call PowerShell with certificate auth via wrapper, parse audit....

engineeringdesign

windows-expert

Expert guidance for Windows, PowerShell, WSL interop, and cross-platform development

engineeringdesign

agent-angular-architect

Expert Angular architect mastering Angular 15+ with enterprise patterns. Specializes in RxJS, NgRx state management, micro-frontend architecture, and performance optimization wi...

engineeringdesign

agent-laravel-specialist

Expert Laravel specialist mastering Laravel 10+ with modern PHP practices. Specializes in elegant syntax, Eloquent ORM, queue systems, and enterprise features with focus on buil...

engineeringfinance

agent-microservices-architect

Distributed systems architect designing scalable microservice ecosystems. Masters service boundaries, communication patterns, and operational excellence in cloud-native environm...

supportdesign

channel-roadmap-kit

Template system for building quarterly social channel roadmaps with KPIs and experiments.

engineeringmarketing

chemistry-lab-techniques-guide

Chemistry expert covering organic, inorganic, physical chemistry, lab safety, and experimental techniques

design
...