Skills for your AI
Analyzes and fixes React performance bottlenecks in rendering, bundle size, memory leaks, and Core Web Vitals. Use when the user reports slow interactions, large bundles, growing memory usage, poor LCP/FID/CLS scores, or a suspected performance regression.
Audits and optimizes React app rendering, bundle size, and Core Web Vitals, and sets up performance monitoring and memory leak detection. Use when the user asks for a React performance audit, bundle size reduction, slow rendering or scrolling fixes, LCP/FID/CL
Optimizes existing React apps for performance, migrates codebases to React 19+, and designs state management, component libraries, and build tooling. Use when a React app has re-render or bundle problems, needs a React 19 migration, or needs state, hooks, or b
Reviews React code to find unnecessary useEffect calls and suggests simpler documented alternatives such as render-time calculation, useMemo, key prop, event handlers, or useSyncExternalStore. Use when the user shares a React component or snippet and asks whet
Queries the Reactome REST API for pathway data, overrepresentation and expression analysis, gene-to-pathway mapping, disease pathways, molecular interactions, database version, and Pathway Browser links. Use when the user supplies gene or protein identifiers,
Builds and fixes responsive web layouts with CSS Grid, Flexbox, container queries, and fluid typography, delivering mobile-first code in Tailwind CSS or plain CSS. Use when the user describes a layout need, shows a broken or non-adapting layout, or asks for br
Generates complete, production-ready SaaS project boilerplate including authentication, database schemas, billing integration, API routes, and a working dashboard using Next.js 14+ App Router, TypeScript, Tailwind CSS, shadcn/ui, Drizzle ORM, and Stripe. Use w
Converts UI screenshots into clean, responsive HTML/CSS, React, Vue, or Next.js code by analyzing layout, components, colors, and spacing. Use when the user shares a UI screenshot and wants front-end code, asks to convert a design image to code, or requests a
Frontend development skill for React, Next.js, TypeScript, and Tailwind CSS applications. Use when building React components, optimizing Next.js performance, analyzing bundle sizes, scaffolding frontend projects, implementing accessibility, or reviewing fronte
Fullstack development toolkit with project scaffolding for Next.js, FastAPI, MERN, and Django stacks, code quality analysis with security and complexity scoring, and stack selection guidance. Use when the user asks to "scaffold a new project", "create a Next.j
Generates unit tests, integration tests, and E2E tests for React/Next.js applications. Scans components to create Jest + React Testing Library test stubs, analyzes Istanbul/LCOV coverage reports to surface gaps, scaffolds Playwright test files from Next.js rou
Use when the user says 'build me an app', 'create a project from this spec', 'scaffold a new repo', 'generate a starter', 'turn this idea into code', 'bootstrap a project', 'I have requirements and need a codebase', or provides a natural-language project speci
Designs, implements, and hardens Spring Boot 3+ microservices, reactive systems, and cloud-native Java applications. Use when planning service architecture, generating Spring Boot code, production hardening, microservices patterns, or reactive WebFlux/R2DBC wo
Reviews React and Next.js code for performance, rendering, and bundle issues and returns a prioritized Markdown report with before/after fixes. Use when auditing 'use client' boundaries, request waterfalls, LCP path, bundle size and lazy-loading, re-renders, o
Optimizes Vue 3 reactivity, designs Nuxt 3 architecture, and builds type-safe composables, Pinia stores, and component libraries. Use when a Vue 3 component re-renders too often, when migrating or planning a Nuxt 3 app with SSR/ISR, or when profiling bundle si
Audits website content, structure, forms, media, and documents against WCAG standards and returns concrete fixes. Use when asked to check color contrast, captions, screen reader or text-to-speech compatibility, semantic HTML, ARIA landmarks, form accessibility
Autonomous Principal Design Technologist. Cures vibe-coded software from AI frontend slop using curated token archetypes and 7-axis quality gating.
Stop coding agents from shipping generic UI. Extend the product's design system, use UIZZE evidence only when useful, cover required states, and inspect the rendered result.
Build content-focused websites with Astro — zero JS by default, islands architecture, multi-framework components, and Markdown/MDX support.
Build a real-time support chat system with a floating widget for users and an admin dashboard for support staff. Use when the user wants live chat, customer support chat, real-time messaging, or in-app support.
Expert in building Chrome Extensions using Manifest V3. Covers background scripts, service workers, content scripts, and cross-context communication.
Routes frontend design tasks to 48 specific UI styles. Triggers for websites, app screens, or UI components requesting a specific aesthetic.
Use when building high-agency frontend interfaces with strict design taste, calibrated color, responsive layout, and motion rules.
Use when designing or reviewing polished product UI with Emil Kowalski-inspired animation, interaction, and component craft guidance.
