Development
Frontend, Backend, Mobile, and Full-Stack development skills
20307 skills in this category
Subcategories
skill-generator
Generate new Claude Code skills following official best practices. Use when user requests "create a skill" or "make a skill" for automating workflows or tasks.
theme-factory
10 ready-to-use themes with colors and fonts for consistent styling.Use when: applying visual themes to pages, components, or design systems.Triggers: "theme", "color palette", "color scheme", "fonts", "branding","visual identity", "design system colors".
storage
Storage management for Bazzite. Automounting drives (BTRFS/EXT4, Framework, SteamOS),BTRFS deduplication, rmlint disk trimming, and snapper snapshots. Use when usersneed to configure disk and partition management.
playwright-flow-recorder
Creates Playwright test scripts from natural language user flow descriptions. This skill should be used when generating E2E tests from scenarios, converting user stories to test code, recording user flows, creating test scripts from descriptions like "user signs up and creates project", or translating acceptance criteria into executable tests. Trigger terms include playwright test, e2e flow, user scenario, test from description, record flow, user journey, test script generation, acceptance test, behavior test, user story test.
telemetry-validator-agent
AI-powered Telemetry Validator Agent that verifies instrumentation works in sandbox environments. Use when: (1) Validating OTel spans are emitted correctly, (2) Verifying correlation headers in Kafka messages, (3) Confirming OpenLineage events for data pipelines, (4) Generating validation evidence for merge approval. Triggers: "validate telemetry", "verify instrumentation", "check OTel spans", "validate correlation headers".
troubleshooting-config-items
Troubleshoots infrastructure and application configuration items in Mission Control by diagnosing health issues, analyzing recent changes, and investigating resource relationships. Use when users ask about unhealthy or failing resources, mention specific config items by name or ID, inquire about Kubernetes pods/deployments/services, AWS EC2 instances/volumes, Azure VMs, or other infrastructure components. Also use when investigating why a resource is down, stopped, degraded, or showing errors, or when analyzing what changed that caused an issue.
sqlite-integration-for-beginners
Add SQLite database to Flask or Sinatra app with beginner-friendly code examples and teaching comments
learning-localization-engineering
Convert measurement systems, format dates/times/numbers/currency by locale, adapt address formats, and handle locale-specific sorting. Use when localizing technical content for regions. Activates on "localization", "date format", "measurement conversion", or "locale adaptation".
global-commenting
Write meaningful code comments that explain WHY rather than WHAT, focusing on business logic, non-obvious solutions, workarounds, and complex algorithms while keeping code self-documenting. Use this skill when adding comments to explain rationale, documenting complex business logic, explaining workarounds or temporary solutions, describing performance optimizations, writing function documentation (JSDoc, docstrings, XML docs), or reviewing code for appropriate commenting. Apply when working on any code file that contains logic requiring explanation, public API functions, complex algorithms, security-critical code, or architectural decisions. This skill ensures comments explain rationale not implementation (WHY not WHAT), self-documenting code through clear naming (refactor unclear code instead of commenting), concise and evergreen comments (no who/when dated comments - Git tracks this), links to external resources for context, proper function documentation format (JSDoc for TS/JS, docstrings for Python, XML d
decomposing-complex-problems
Deconstructs complex problems using the 'Polymath Investor' framework with a 5-step cognitive chain (First Principles → Modular Isolation → Pareto Filtering → Cross-Domain Mapping → Dynamic Zooming). Use when analyzing systems, architectures, businesses, or learning challenges; when seeking high-leverage insights or 'Alpha'; when applying first principles thinking; or when needing cross-disciplinary perspectives to reveal blind spots. Transforms overwhelming complexity into actionable levers.
staff-mapping-management
Manage staff-institution mapping table for vehicle insurance platform. Use when updating mapping files, resolving name conflicts, converting Excel to JSON, or checking mapping coverage. Mentions "update mapping", "staff conflicts", "mapping table", or "institution assignment".
using-content-driven-development
Apply a Content Driven Development process to AEM Edge Delivery Services development. Use for all development tasks, including building new blocks, modifying existing blocks, making changes to core decoration functionality, etc.
prometheus-configuration
Set up Prometheus for comprehensive metric collection, storage, and monitoring of infrastructure and applications. Use when implementing metrics collection, setting up monitoring infrastructure, or configuring alerting systems.
writing-data
Use this skill when you need to structure data in `srs/data` for the Next.js app
nextjs-patterns
Next.js App RouterのServer/Client Components、データフェッチ、ルーティングパターン。ページやコンポーネント作成時に使用。
clarify-first
Ask clarifying questions and get approval before implementation.
feature-spec
Guide users through structured feature specification creation from idea to complete spec. Use when user wants to create a feature specification, product requirements document (PRD), technical spec for a feature, or similar structured feature planning documentation. This workflow helps users efficiently gather context, explore the codebase, define requirements, draft technical approach, and save the result to JIRA or Confluence. Trigger when user mentions "create a spec", "spec out", "write a PRD", "feature specification", or similar feature planning tasks.
py-stop-local
Stop local Flask server running on port 8080. Kills process cleanly using lsof or PID file. Use when stopping local Python development server.
composing-components
Teaches component composition patterns in React 19 including children prop, compound components, and render props. Use when designing component APIs, creating reusable components, or avoiding prop drilling.
zero-to-hero
Go from zero knowledge to codebase expert in ANY project, ANY size, ANY language