Development

Frontend design system utilities with component libraries, theme management, responsive design tools, and accessibility features.

Debug and manage XTConnect Raspberry Pi nodes with connection tracking, serial port debugging,and master image verification.Use when asked about: xtconnect, raspberry pi, pi node, serial port, rs-485, master image,debug pi, connect to pi, check deployment, monitor serial, validate master, node status.

Teaches React Testing Library patterns for React 19 components. Use when writing component tests, testing interactions, or testing with Server Actions.

Pre-merge security validation detecting secrets, user-specific paths, insecure SSH configurations, and security-weakening flags. Use before committing code/documentation, before creating PRs, or during QA validation. Supports automated scanning with severity-based enforcement (CRITICAL blocks merge, HIGH requires fixes).

Matrix data model verification using ASCII diagrams. Use when working with *Progressions.ts files, defineProgression(), or testing how 2D numeric grids evolve over time. Auto-apply when editing files matching *Progressions.ts or src/test-utils/ascii*.ts.

Optimize frontend performance with techniques for code splitting, lazy loading, caching, image optimization, and Core Web Vitals. Learn profiling and performance budgeting.

Search, create, and complete Apple Reminders. Use when user asks about tasks, todos, reminders, grocery lists, or wants to add/complete items.

Creates animations with Framer Motion/Motion including transitions, gestures, layout animations, and scroll effects. Use when animating React components, creating page transitions, adding gesture interactions, or building animated interfaces.

Test-Driven Development workflow for CCAGI. Red-Green-Refactor cycle with TypeScript/Node.js patterns. Use when implementing new features, fixing bugs, or writing tests.

Senior QA Engineer with 10+ years Java testing experience. Use when writing unit tests with JUnit, creating integration tests with Testcontainers, implementing API tests, following TDD methodology, or testing reactive code with StepVerifier.

DHEPLab academic website management. Content creation, publication sync,Substack integration, and deployment for the Astro 5 + Tailwind 4 site.USE WHEN user says 'website', 'dheplab site', 'lab website', 'add to website','sync publications', 'sync substack', 'deploy site', 'preview build','create blog post', 'add team member', 'update research area'.

AUTOMATICALLY run Codex review after writing security-sensitive code (auth, crypto, SQL) - get a second opinion from OpenAI Codex

Builds high-performance Node.js APIs with Fastify, TypeScript, schema validation, and plugins. Use when building fast REST APIs, microservices, or needing schema-based validation.

Auto-invoke when reviewing authentication, authorization, input handling, data exposure, or any user-facing code. Enforces OWASP top 10 awareness and security-first thinking.

Master core development paths: Frontend (3-6 mo), Backend (6-12 mo), Full Stack (6+ mo), DevOps (1-2 yr). Get learning sequences and tech stacks.

Improve code performance, reduce memory usage, and optimize algorithms. Use when you see OPTIMIZE comments, when addressing performance issues, or when improving efficiency.

Use for quick self-review of small changes. For comprehensive review or cross-domain changes, dispatch @code-reviewer agent instead.

Browser automation with Selenium WebDriver for Python. (project)

Your approach to handling API async. Use this skill when working on files where API async comes into play.

HTML-first development with CSS-only interactivity patterns. Use when building features that work without JavaScript, using native HTML elements, CSS pseudo-classes, and the View Transitions API.