Development
Frontend, Backend, Mobile, and Full-Stack development skills
20307 skills in this category
Subcategories
code-sentinel
Use when tests/test_code_patterns.py fails - fixes recurring anti-patterns with documented root causes and verification
mcp-development
Complete MCP development toolkit for creating, debugging, testing, and reviewing MCP servers. Use when setting up new MCP projects, creating tools, debugging connection issues, reviewing MCP code, or generating documentation.
react
Comprehensive React best practices for building scalable web applications with feature-based architecture, TypeScript, state management patterns, performance optimization, and testing guidelines. Use when creating React/Next.js UIs, components, features, or applications. This skill provides official React documentation guidance, 2025 community best practices, folder structure recommendations, and component patterns.
nestjs-project-scaffold
Use this skill whenever the user wants to create, restructure, or standardize a NestJS backend project in TypeScript, including folder layout, config, environment setup, tooling, and initial integrations (TypeORM-ready, testing-ready, and deployment-friendly).
react-allauth
Configure React frontend with django-allauth headless API integration, including authentication UI, auth state management, protected routes, and social authentication flows
accessibility-audit
Use PROACTIVELY when user asks for accessibility review, a11y audit, WCAG compliance check, screen reader testing, keyboard navigation validation, or color contrast analysis. Audits React/TypeScript applications for WCAG 2.2 Level AA compliance with risk-based severity scoring. Includes MUI framework awareness to avoid false positives. Not for runtime accessibility testing in production, automated remediation, or non-React frameworks.
skill-creator
Create new Claude Code skills with proper structure, validation, and best practices.Generates skills that follow Anthropic specifications and community patterns.Use when you need custom skills for specific workflows, either globally or per-project.
check-images
Analyze and validate images on web pages. Use when users ask to check image alt tags, verify image accessibility, find missing alt attributes, audit image SEO, or check image optimization. Detects missing alt, empty alt, decorative images without proper markup, oversized images, and missing dimensions.
security
Apply security practices for the .NET 8 WPF widget host app: authN/authZ, secrets, encryption at rest, and secure local storage. Use when handling credentials, tokens, user data, or integrating identity providers.
competitive-research-brightdata
Enterprise-grade company research, competitive analysis, and market intelligence using Bright Data's professional web scraping and search capabilities. Use this skill when asked to research companies, conduct competitive analysis, create market reports, analyze industries, compare products/services, or gather business intelligence. Triggers include requests like "research [company]", "competitive analysis of X vs Y", "create a market report", "analyze the [industry] landscape", or "compare [products/companies]".
integration-helpers
Integration templates for FastAPI endpoints, Next.js UI components, and Supabase schemas for ML model deployment. Use when deploying ML models, creating inference APIs, building ML prediction UIs, designing ML database schemas, integrating trained models with applications, or when user mentions FastAPI ML endpoints, prediction forms, model serving, ML API deployment, inference integration, or production ML deployment.
design-system-implementation
Build or update frontend components and pages that strictly adhere to the project design system defined in design/design-system.json (and design/design.json when present).
trpc-docs
Query and manage local tRPC documentation mirror (25 docs). Search tRPC topics for end-to-end typesafe APIs, routers, procedures, React Query integration, and Next.js setup. Use when implementing tRPC features or answering tRPC-related questions. (user)
webpack-config-builder
Generate Webpack configuration files for bundling JavaScript/TypeScript applications with loaders, plugins, and optimization settings. Triggers on "create webpack config", "generate webpack configuration", "webpack setup for", "bundle config".
policyengine-api
PolicyEngine API - Flask REST service powering policyengine.org and programmatic access
repomix-package-builder
Create targeted repomix XML packages for AI code analysis. Suggests templates (metadata-flow, code-review, architecture, context) and file patterns based on task objectives. See reference.md for detailed workflows and patterns.
backend-core
Language-agnostic backend patterns: API design, authentication, security, databases.Use when: designing APIs, implementing auth, securing endpoints, modeling data.Triggers: "api design", "rest api", "graphql", "authentication", "jwt", "oauth","security", "owasp", "database schema", "migrations", "sql".
web-qa-exploration
Perform exploratory QA testing on web applications using Playwright. Navigate flows, analyze pages, find issues, and generate actionable reports with evidence.
musubix-code-generation
Guide for generating code from design specifications using MUSUBIX. Use this when asked to generate code, implement features, or create components following design documents.
task
Execute complex tasks with planning, parallel subagents, atomic commits, and documentation updates. Use when the user asks to implement a feature, refactor code, or complete multi-step work.