Development

Use when working with Payload CMS projects, payload.config.ts, collections, fields, hooks, access control, or Payload API. Provides TypeScript patterns and examples for Payload 3.x development.

AST-based bulk code transformations across codebase using ast-grep. Replace console.log with logger, update imports, modernize syntax (var to const). Semantic pattern matching ensures accurate transformations without breaking code.

Comprehensive web application testing patterns with Playwright selectors, wait strategies, and best practices

Expert in color theory, palette harmony, and perceptual color science for computational photo composition. Specializes in earth-mover distance optimization, warm/cool alternation, diversity-aware palette selection, and hue-based photo sequencing. Activate on "color palette", "color harmony", "warm cool", "earth mover distance", "Wasserstein", "LAB space", "hue sorted", "palette matching". NOT for basic RGB manipulation (use standard image processing), single-photo color grading (use native-app-designer), UI color schemes (use vaporwave-glassomorphic-ui-designer), or color blindness simulation (accessibility specialists).

Deep CSS analysis tool for understanding specificity, cascade order, inheritance chains, and computed styles. Visualizes CSS complexity and suggests simplifications. Use when debugging specificity issues or understanding CSS behavior.

Discord Webhook API via curl. Use this skill to send messages, embeds, and files to Discord channels without a bot.

Comprehensive guide for developing full-stack applications using the Django + Vue.js + Flutter starter template.Use this skill when creating new projects from the fullstack-starter-djvurn template, or when working on projects that follow this architecture.Covers: Django app creation, DRF API development, Vue.js components, Flutter mobile development, database migrations,API client generation, testing (TDD), type safety (mypy, TypeScript), code quality enforcement, and Docker-based workflows.Trigger patterns: "create new Django app", "add API endpoint", "build Vue component", "setup Flutter feature","write tests for", "run migrations", "generate API client", "type check", "follow TDD"

This skill should be used when performing local data exploration, profiling, quality analysis, or transformation tasks using DuckDB. It handles CSV, Parquet, and JSON files, provides automated data quality reports, supports complex JSON transformations, and generates interactive HTML reports for data analysis.

Design, organize, and manage Helm charts for templating and packaging Kubernetes applications with reusable configurations. Use when creating Helm charts, packaging Kubernetes applications, or implementing templated deployments.

Creates production-ready design files, prototypes, and specifications for development teams. Translates validated concepts into detailed, implementable designs with comprehensive specs for developers. Produces Figma files (via API), high-fidelity prototypes, design specifications, and animation files.

FlexLayout for React - Advanced docking layout manager with drag-and-drop, tabs, splitters, and complex window management

Add a new tool to the backend OpenAI function calling system. Use when user mentions "new tool", "add tool", "backend function", "agent capability", or wants to extend what the AI agent can do.

Test-Driven Development skill. Generates unit tests before implementation. Adapts to project type (Chrome extension, React, Express, Python, etc.). Reads/updates pattern library.

Provides guidance and reusable assets for implementing navigation in Next.js App Router. Covers file-based routing, dynamic routes, layouts, loading/error UI, protected routes with middleware, and navigation patterns like Link, useRouter, and redirect. Use when working on routing or navigation tasks in a Next.js App Router project.

Generates RBS type signatures from Ruby source files. Triggers when creating type definitions, adding types to Ruby code, or generating .rbs files for classes/modules without existing RBS signatures.

Research the codebase to find and explain specific topics

Queries Chilean legislation from the Biblioteca del Congreso Nacional using SPARQL and Linked Data. Use when searching for Chilean laws, decrees, regulations, congressional information, or when user mentions specific Chilean legal codes.

Flowcharts are composed of **nodes** (geometric shapes) and **edges** (arrows or lines). The Mermaid code defines how nodes and edges are made and accommodates different arrow types, multi-directional arrows, and any linking to and from subgraphs.

Use when implementing Tailwind CSS styling. Prefer utility-first composition and responsive patterns.

Guide for building fullstack applications with Vue 3, FastAPI, Docker, and MySQL. Use this skill when developing or debugging applications using this specific technology stack including frontend (Vue 3, Element Plus, Pinia, Vue Router, Axios, Vite), backend (FastAPI, SQLAlchemy, Pydantic, JWT), containerization (Docker, Docker Compose), database (MySQL 8.0+), RESTful API design, authentication, and deployment workflows.