Coordinates frontend development tasks (React, TypeScript, UI/UX). Use when implementing user interfaces, components, state management, or visual features.
Make a frontend fast to a budget: analyze and code-split the bundle by route, lazy-load heavy/below-the-fold, optimize images/fonts, minimize hydration (RSC/islands), kill…
Visual QA gate for frontend code. ALWAYS use before delivering any UI changes - navigate, screenshot, verify console is error-free.
Frontend architecture - reusable components, abstraction thresholds, state management, no-op detection (skip any operation whose result equals the current state - form saves,…
Modern React stack: React 19, TypeScript, Tailwind CSS, Vite, TanStack Query. Use when: building React apps, components, state management, or UI.
Creates safe refactor plans for messy UI code including component splitting strategies, state simplification, performance optimizations, and accessibility improvements.
Implementa frontends Next.js (App Router) com UI alinhada ao design system, Atomic Design, TypeScript, SCSS, ShadCN sem Tailwind, DTOs Zod, React Hook Form, middleware/auth, RBAC…
Generates detailed frontend component specs, design tokens, and implementation guides optimized for AI-assisted development with React/TypeScript.
Use when building or refactoring frontend features that benefit from splitting layout, implementation, and review work across multiple Codex agents.
Frontend state quality checklist for React, Vue, Svelte, stores, side effects, forms, and data fetching.
Build stunning component libraries with Storybook mastery. Expert in component documentation, visual testing, and design systems.
Build stunning component libraries with Storybook mastery. Expert in component documentation, visual testing, and design systems.
Frontend TDD Agent. React/Next.js 기반 TDD 테스트 작성 및 구현을 담당합니다. 테스트 먼저 작성 후 구현하는 Red-Green-Refactor 사이클을 따릅니다.
Senior Frontend QA Engineer with 10+ years JavaScript/TypeScript testing experience. Use when writing unit tests for React components, creating integration tests with React…
Generate Vitest + React Testing Library tests for Desktop Ethereal frontend components, hooks, and utilities.
Use when testing, debugging, or making targeted improvements to rendered frontend apps through the Build Web Apps or web dev plugin: local dev servers, UI regressions, in — from…
Comprehensive frontend testing with Playwright, Cypress, Jest, and React Testing Library. Covers E2E testing, component testing, unit testing, visual regression, and accessibility…
Tester les composants React avec Vitest + Testing Library. Utiliser quand on teste le rendu ou les interactions.
All TypeScript types are defined in `frontend/types/index.ts`. Types match backend API response structure and provide type safety across the frontend application.
Applies React/TypeScript type safety, component design, and state management rules. Use when implementing React components.
Master TypeScript's type system for bulletproof JavaScript applications. Expert in advanced types, generics, and type-safe patterns.
Designs tests with React Testing Library, MSW, and Playwright E2E. Applies component testing and E2E testing patterns.
Builds production-quality Avalonia UIs — MVVM with CommunityToolkit.Mvvm, compiled bindings (`x:DataType`, `x:CompileBindings`), `DataTemplate`s, theming via…
Implement or extend a user-facing workflow in a web application, integrating with existing backend APIs.
Verify and test Angular 18 frontend changes using Chrome DevTools MCP. Automatically check console errors, network requests, and visual rendering after implementing tasks or when…
编写 BK-CI 前端 Vue 页面和组件时使用，例如 Vue 组件开发、Vuex 状态管理、接口调用、样式约定和页面交互实现。当用户要改前端页面而不是后端服务时优先使用。
Use when building Angular applications, creating TypeScript components, implementing reactive forms, managing state, working with RxJS observables, or developing modern web UI…
Advanced frontend web development expert system that provides comprehensive modern web development services including architecture design, UI/UX implementation, performance…
Use when targeting 《工程管理科技前沿》(Frontiers of Engineering Management Science and Technology — 合肥工业大学主办、教育部主管的管理类双月刊, 由《预测》于 2022 年更名, 1982 年创刊, 国自然管理科学 A 级, 双盲匿名审稿) or deciding…
Frontend UI-specific patterns. For generic patterns, see: typescript, react-19, nextjs-15, tailwind-4. Trigger: When working inside src/react-app.
Use when designing or reviewing a Financial Services Cloud (FSC) solution architecture covering data model selection, Compliant Data Sharing design, integration strategy, and…
Use when planning or executing metadata deployments for Financial Services Cloud (FSC) — including Person Account enablement sequencing, Account record-type ordering, Compliant…
Feature-Sliced Design architecture for frontend. Use when creating new features, slices, or understanding the FSD layer structure.
Строгая Feature-Sliced Design архитектура для frontend кода. Используй для: FSD, фронтенд архитектура, слои, pages/widgets/features/entities/shared, публичные API, импорты,…
Oh My Brand! theme architecture and project structure. Directory layout, data flow, asset pipeline, and theme.json configuration. Use for understanding project organization.
Use when deciding whether a software-engineering project belongs at ESEC/FSE or should be routed to ICSE, ASE, ISSTA, MSR, ICSME, or an SE journal (EMSE/TSE/TOSEM), and when…
Design and maintain explicit F# and C# boundaries in mixed .NET solutions, including project references, public API shape, async/task interop, nullability, options, records, and…
Implement F# frontend using Elmish MVU architecture with Feliz for React components. Use when: "add UI", "create component", "build form", "frontend", "client-side", "user…
F# testing patterns with xUnit, FsUnit, Unquote, FsCheck property-based testing, integration tests, and test organization best practices.
Write comprehensive tests using Expecto for F# applications. Use when: "add tests", "write tests", "test X", "unit test", "testing", "verify", "Expecto", "test coverage", "TDD",…
Maps code, architecture, and infrastructure changes to specific control IDs in PCI-DSS v4.0 and MAS TRM (Singapore financial regulator), producing an audit-traceable findings…
Help someone discern whether and how to build a Christian app through heart alignment, values, and practical guardrails.
Evaluate Christian AI applications against the 5 unofficial rules using a 20-question testing framework with scoring rubrics.
Expert knowledge of Folketrygdloven (National Insurance Act) processing in melosys-api. Use when: (1) Understanding FTRL bestemmelser (§2-5 to §2-13), (2) Debugging…
Optimized LLM inference and agent config for OpenClaw. Multi-provider routing with automatic cheapest-provider selection, context pruning, smart compaction, cheap heartbeats,…
Complete end-to-end software development workflow — from requirements intake to deployment. Runs all phases sequentially: analyze → plan → execute → test → deploy → finalize.
Ship an app from code to production-ready infrastructure: containerize with Docker and multi-stage builds, set up GitHub Actions CI/CD with automated testing and deployment, add…
Complete development workflow integrating Git operations, GitHub PR management, and Docker deployment. Use for end-to-end development tasks.
End-to-end workflow for feature requests, enhancements, refactors, and tasks. Covers planning, TDD implementation, verification, integration testing, and PR creation.
Use when the user asks to run a full empirical / causal analysis in Python — by default in the style of an applied economics paper (AER / QJE / JPE / ReStud / AEJ) with DID / RD /…
Generic autonomous QA suite for any project — reads a test plan (markdown file or inline spec), runs all tests using Chrome CDP + iterate cycles, fixes bugs found, and produces a…
Configures the AI to act as a full-stack developer with expertise in React, TypeScript, PHP, Symfony, and Docker.
Single cohesive workflow for creating complete dashboard panel features in vanilla TypeScript — covers project-structure exploration, server dispatch pattern detection and wiring…
Help developers complete projects from 70-100% to production-ready status. Excels at gap analysis, task decomposition, database design, API specifications, and testing strategies.
Complete codebase audit combining code review, Prisma query optimization, and TypeScript analysis with intelligent routing.
ISG uygulamasini full-stack mimariye donusturmek, telefon ve PC arasinda es zamanli veri senkronizasyonu saglamak ve organizasyonel (coklu kullanici, departman, rol) yapiya…
Design, implement, review, debug, and operate risk-based testing for full-stack software in any language or framework.
Complete testing pipeline — full test suite, test everything, automated and manual tests.
Complete testing workflow from site discovery to test automation with Qase integration. Use when user wants end-to-end testing setup for a website.
Guidance for building fullstack apps with Vite (React + TypeScript) frontend and FastAPI backend. Use when demos need a web UI beyond what Streamlit provides.