Skills Marketplace
klaar-voor-gebruik procedures voor je agenten

Use when creating new React components. Generates them with TypeScript, Tailwind, and colocated tests.

Use when refactoring or adding Tailwind classes. Enforces ordering, dedupes utilities, replaces arbitrary values with design tokens.

Use when reviewing or writing UI code. Flags missing ARIA, keyboard handlers, focus traps, and contrast issues before shipping.

Use when authoring a PostgreSQL migration. Enforces backwards-compatible patterns and concurrent index creation.

Use when adding or modifying a REST endpoint. Enforces the project's auth check, validation, error shape and pagination conventions.

Use when integrating Stripe. Generates payment-intent endpoint, idempotent webhook handler, and the orders table migration.

Use when adding or fixing CI workflows. Generates idempotent GitHub Actions with caching, matrix builds, and proper secret scoping.

Use when writing a Dockerfile. Multi-stage build, slim base image, non-root user, sensible CMD/ENTRYPOINT split.

Use when writing or updating tests. Picks the right matcher style for the project and avoids brittle assertions.

Use when reviewing a diff or PR. Checks readability, edge cases, error handling, security, and tests in that order.

Use when handling API keys, tokens, or any credential. Refuses to commit, hardcode, or log them; suggests safer storage.

Use when adding a README to a project or sub-package. Generates the minimum useful sections without filler.

Use when writing a commit message. Conventional Commits format with a clean scope and a why-not-what body.

Use when a function exceeds 40 lines or a file exceeds 300. Extracts cohesive sub-units with names that describe intent.

Expert backend architect for Node.js, Python, and modern serverless/edge systems. Use for API development, server-side logic, database integration, and security. Triggers on backend, server, api, endpoint, database, auth.

Use when connecting frontend endpoints to the forecasting server or updating client-side states to guarantee absolute numbers alignment.

Use when managing database schema transitions, writing math rate routes, and creating server endpoints.

Use when editing or refactoring frontend React views, modifying container widths, adjusting dark-mode CSS variables, styling user chat input elements, and handling real-time data lookups.

Use when refactoring or building React views, fixing element overlapping, updating text inputs, and parsing raw strings.