Frontend

Guide developers through property-based testing including property definition, shrinking, and framework-specific implementation

Review and write React/Next.js components for Diamond Fysio project. Use when reviewing components, adding features, or checking code quality. Enforces project patterns like Tailwind CSS, accessibility, Contentful integration, and i18n.

Use when creating Python projects, managing dependencies with uv, configuring pyproject.toml, building packages, or publishing to PyPI - covers project initialization, dependency management, and distribution; NOT for testing or performance (plugin:python@dot-claude)

Automatically applies when configuring Python project packaging. Ensures proper pyproject.toml setup, project layout, build configuration, metadata, and distribution best practices.

Linux VM bootstrap verification skill. MUST BE USED when setting up new VMs or verifying environment.Supports modes: check (warn-only), install (operator-confirmed), strict (CI-ready).Enforces Linux-only + mise as canonical; honors preference brew→npm (with apt fallback).Verifies required tools: mise, node, pnpm, python, poetry, gh, railway, bd, tmux, jq, rg.Handles optional tools as warnings: tailscale, playwright, docker, bv.Never prints/seeds secrets; never stores tokens in repo/YAML; Railway vars only for app runtime env.Safe on dirty repos (refuses and points to dirty-repo-bootstrap skill, or snapshots WIP branch).Keywords: vm, bootstrap, setup, mise, toolchain, linux, environment, provision, verify, new vm

Generates SCSS theme files in src/theme/ including vars.scss, shadow.scss, and index.scss with sample variables and mixins for styling.

Advanced frontend web development expert system that provides comprehensive modern web development services including architecture design, UI/UX implementation, performance optimization, engineering setup, and cross-platform development through expert collaboration and intelligent tool integration.

Master advanced AgentDB features including QUIC synchronization, multi-database management, custom distance metrics, hybrid search, and distributed systems integration. Use when building distributed AI systems, multi-agent coordination, or advanced vector search applications.

Build code from GitHub issue specifications. Implements in chunks with tests after each chunk. Uses just commands for quality gates. Creates self-contained modules.

Implement graceful shutdown with signal handling and broadcast channels. Use when building long-running services or daemons.

Gera prototipos React (SPA) visuais completos num unico ficheiro HTML para o PCA Camocim. Versao 2 com shadcn/ui.

Build accessible user interfaces following WCAG standards with semantic HTML, keyboard navigation, proper color contrast, and ARIA attributes. Use this skill when creating or modifying UI components, React components, Vue components, web forms, navigation menus, modal dialogs, or any interactive elements. Use this skill when implementing keyboard navigation support, adding ARIA labels and roles, ensuring proper focus management, providing alternative text for images, or testing with screen readers. Use this skill when working with component files (.jsx, .tsx, .vue, .svelte), HTML templates, or any frontend code that renders user-facing interfaces. Use this skill when establishing heading hierarchies, form input labels, or color contrast ratios.

Guide developers through CI/CD pipeline design including architecture patterns, stage design, and security considerations

Comprehensive CSS generation, editing, and enhancement tool. Use this skill when users need to create CSS from scratch, modify existing CSS, enhance CSS with modern features, optimize CSS performance, or generate CSS frameworks and components. This skill handles CSS generation, editing, enhancement, validation, and optimization tasks.

Reference guide for generating Underware cable management channel OpenSCAD code. Provides channel type selection, parameter quick reference, and QuackWorks integration. Use when generating OpenSCAD files for Underware cable routing systems.

Use this skill when implementing or verifying UI/UX changes on the Triunghi.md website. Triggers include layout modifications, CSS changes, responsive design work, accessibility improvements, or any visual/interactive updates. Essential for systematic verification of deployed changes through browser testing, screenshots, and multi-viewport validation.

Review recently written code for best practices, architectural consistency, and correct system integration. Use for reviewing new endpoints, refactors, and UI components to ensure alignment with project standards and established patterns.

Interactive slash command creator for Claude Code. Triggers when user mentions creating commands, slash commands, command templates, command arguments, or wants to build a new command workflow.

Migrate from Prisma 5 to Prisma 6 handling breaking changes including Buffer to Uint8Array, implicit m-n PK changes, NotFoundError to P2025, and reserved keywords. Use when upgrading Prisma, encountering Prisma 6 type errors, or migrating legacy code.

Deployment and Git workflow guides for Kailash applications including Docker deployment, Kubernetes orchestration, and Git workflows. Use when asking about 'deployment', 'Docker deployment', 'Kubernetes deployment', 'containerization', 'K8s', 'Git workflow', 'Git branching', 'CI/CD', 'production deployment', 'Docker compose', or 'container orchestration'.