Development
Frontend, Backend, Mobile, and Full-Stack development skills
20307 skills in this category
Subcategories
code-review-excellence
Master effective code review practices to provide constructive feedback, catch bugs early, and foster knowledge sharing while maintaining team morale. Use when reviewing pull requests, establishing review standards, or mentoring developers.
chezmoi
Manage dotfiles with chezmoi. Use when working with dotfiles, chezmoi templates, machine-specific configuration, or when the user mentions chezmoi.
workspace-setup
B1_02 phase workspace setup protocol including npm outdated, npm audit, TypeScript version validation, quality gates enforcement. Ensures dependencies current, security patches applied, and workspace ready for implementation.
terraform
Terraform infrastructure as code including modules, state management, and cloud provisioning. Activate for tf files, IaC, infrastructure provisioning, and cloud resource management.
gcloud-expert
Expert-level Google Cloud CLI (gcloud) skill for managing GCP resources. This skill should beused when working with gcloud commands, gcp, google cloud, cloud run, cloud scheduler, alloydb,cloud storage, gcs buckets, firebase deploy, gcloud auth, gcloud config, service accounts,workload identity federation, iam permissions, or artifact registry. Use this to install gcloudon macOS, Windows, or Linux. Use this to manage multi-account configuration of GCP with gcloud.Use this to configure authentication on GCP with gcloud for OAuth, service accounts, andWorkload Identity Federation (WIF). Use this to set up IAM roles, permissions, and governance.Use this to deploy applications to Cloud Run or Firebase. Use this to manage database instancesincluding AlloyDB and Cloud SQL. Use this to configure GitHub Actions or Cloud Build CI/CDpipelines. Use this to set up Docker container deployments. Use this to write bash scripts forGCP automation. Use this to manage git-triggered deployments or configure API authent
nix-validation
Comprehensive Nix validation: treefmt-nix integration, statix/deadnix linting, flake checks, aytordev-specific patterns. Use when validating Nix code or setting up linting infrastructure.
xterm-js
This skill should be used when working with xterm.js terminal implementations, React-based terminal applications, WebSocket terminal communication, or refactoring terminal-related code. It provides battle-tested patterns, common pitfalls, and debugging strategies learned from building production terminal applications.
build-and-deploy
Build and deploy this Next.js landing page application. Use when building, deploying, or preparing the project for production.
accessibility-wcag
Enforce WCAG 2.2 accessibility standards. Use when creating UI components, reviewing frontend code, or when accessibility issues are detected. Covers semantic HTML, ARIA, keyboard navigation, and color contrast.
python
Best practices for Python development including PEP 8, modern Python 3.10+ features, and package management.
plantuml-themes
Professional PlantUML theme collection with 5 curated color schemes optimized for software requirement analysis and enterprise architecture diagrams. Each theme provides comprehensive styling with colors, fonts, and visual identity suitable for different business contexts.
tech-stack-orchestrator
Comprehensive AI development stack orchestrator for analyzing, recommending, and creating Claude Code components. Use when: (1) Planning a new project and need tech stack recommendations, (2) Analyzing existing project requirements to suggest agents/commands/hooks/settings/MCPs/skills, (3) Creating custom Claude Code components of ANY type, (4) Evaluating effectiveness of tech stacks before building, (5) Building installation command sequences from component selections, (6) User says "orchestrate", "tech stack", "what components do I need", "create agent/hook/command/setting/skill/mcp", "analyze this project", or "recommend tools". This skill combines the capabilities of skill-creator and mcp-builder into a unified orchestration layer for the entire Claude Code ecosystem.
sync-markdown
This skill should be used when users want to sync content from text.md files to gallery project index.html files. Trigger phrases include "sync markdown", "sync text.md", "update gallery content", or when users provide a gallery index.html path for content refresh.
docs-review
Review and improve repository documentation including both human-readable docs (`docs/`), `README.md`, and AI agent memory context files (`CLAUDE.md`, `CODEX.md`, `AGENTS.md`, `.cursorrules`, etc.) for clarity, minimal duplication, and modularity. Use when asked to review, audit, refactor, or improve documentation structure, consolidate rules, reduce redundancy, establish shared standards, or modularize monolithic instruction files.
run-test-suite
Automatically run the test suite when code changes are made to ensure all tests pass before proceeding. This skill runs pytest for backend projects and Playwright for frontend projects, and reports test results, coverage, and any failures.
wcag-compliance-reviewer
Review HTML/CSS and React/TypeScript code for WCAG 2.1 Level AA accessibility compliance. Use when the user asks to review code for accessibility, check WCAG compliance, identify accessibility issues, or audit components/pages for a11y standards. Applicable for code reviews, component development, and accessibility testing.
frontend-components
Build reusable, composable UI components with single responsibilities, clear prop interfaces, proper state management, and minimal coupling. Use this skill when creating or editing React components (.tsx, .jsx files), when designing component APIs with props, when implementing component composition patterns, when managing local component state, when building shadcn/ui components, when creating shared UI components in resources/js/Components/, when implementing component documentation, or when refactoring large components into smaller, focused pieces.
opencode-sdk-development
This skill should be used when the user asks to "create an OpenCode tool", "build an OpenCode plugin", "write a custom tool for OpenCode", "use @opencode-ai/sdk", "use @opencode-ai/plugin", "integrate with OpenCode", "create OpenCode hooks", "define tool schema", "use tool.schema", "work with OpenCode sessions", or needs guidance on OpenCode SDK patterns, plugin development, or custom tool creation.
simon-html-tools
Build single-file HTML tools following Simon Willison's patterns - self-contained HTML+JS+CSS applications optimized for LLM generation, no build step, CDN dependencies. Use when creating browser-based tools, utilities, or demos that should be (1) Self-contained in one HTML file, (2) Easy to distribute and host statically, (3) Quick to prototype with LLMs, (4) Client-side only with no server requirements. Ideal for data visualization, API explorers, format converters, debugging tools, and interactive demos.
debugging-strategies
Master systematic debugging techniques, profiling tools, and root cause analysis to efficiently track down bugs across any codebase or technology stack. Use when investigating bugs, performance issues, or unexpected behavior.