design
Showing 5,496 skills in this vertical.
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...
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...
database-schema
Enforces Head Shakers database schema conventions when creating or modifying Drizzle ORM table definitions, including constraints, indexes, relations, and column patterns. This ...
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.
flask-setup-for-beginners
Set up Python Flask development environment for beginners with step-by-step guidance, virtual environment creation, and troubleshooting
postgresql-integration
Guide developers through PostgreSQL setup, connection configuration, query patterns, and best practices
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...
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.
liquid-quick
Quick Liquid syntax reference and help. Use for fast Liquid questions without full project context loading.
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...
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...
shopify-theme
Shopify theme development expertise (Liquid, sections, snippets, JS components). Use when working on Shopify themes or asking about Liquid syntax.
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 ...
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-captain
Design Captain - Pattern expert, architecture advisor, and scalability planner
extraction-execution
Intelligent POC-to-production code extraction with architectural awareness. Analyzes dependencies, adapts patterns, makes extraction strategy decisions (copy/adapt/rewrite), mai...
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...
nix-justfile-development
Work with Feels Protocol Nix flake system and justfile task runner for reproducible builds, multi-shell environments, and automated workflows
architecture-guidelines
High-level system architecture including module systems, project structure, architectural decision records (ADRs), and testing strategies. Use when designing systems, reviewing ...
automation-language-selection
Choose between Shell and Python for generated automation code based on task traits. Use when automation language selection guidance is required.
build-and-deploy
Build and deploy this Next.js portfolio application. Use when building, deploying, or preparing the project for production.
build
Project-specific build commands. Customize for your project.
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...
context-api-hooks
Master React Context API and custom hooks for state management without Redux.
form-builder
Build accessible forms with React Hook Form + Zod
github-actions-failure-debugging
Guide for debugging failing GitHub Actions workflows. Use this when asked to debug failing GitHub Actions workflows.
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...
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...
pwa-offline-first
Build Progressive Web Apps with offline support, service workers, push notifications, and installation.
skill-builder
This skill exists to create new skills via the bundled CLI workflow.
testing
Testing conventions for pikru. Use when running tests to avoid timeouts. DO NOT run the full test suite.
workflow-discipline
Maintain incremental delivery, fail-fast behavior, and structured communication. Use when workflow discipline guidance is required.
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.
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...
design-principles
Code design patterns including pure functions, immutability, composition, single responsibility, and async patterns. Use when designing code structure, writing functions, or dis...
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...
figma-to-page
Generates React code for a full page based on pasted Figma 'Inspect' details. Uses the page scaffolder.
fitness-coach
Create personalized workout plans and provide exercise guidance
offer-testing
Use when designing copy experiments to optimize hooks, offers, and CTAs.
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...
student-language-guide
Provide student-facing language rules for educational content. Use when writing lessons, checking language appropriateness, or validating content for students.
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...
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 ...
uiux
UI/UX - design system, accessibility. Use when building interfaces.
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.
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...
workflow
Enforces development phases. Triggers on implement, build, create, fix, refactor.
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...
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...
designing-components
Use this skill when you need to design a component
incentive-design
Use when structuring payouts, tiers, and eligibility for referral programs.
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-...
llm-inference
Use when wanting to interact with any LLM - Explains available inference endpoints so the agent selects suitable models.
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....
windows-expert
Expert guidance for Windows, PowerShell, WSL interop, and cross-platform development
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...
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...
agent-microservices-architect
Distributed systems architect designing scalable microservice ecosystems. Masters service boundaries, communication patterns, and operational excellence in cloud-native environm...
channel-roadmap-kit
Template system for building quarterly social channel roadmaps with KPIs and experiments.
chemistry-lab-techniques-guide
Chemistry expert covering organic, inorganic, physical chemistry, lab safety, and experimental techniques