Design e Frontend

Creates custom Semgrep rules for detecting security vulnerabilities, bug patterns, and code patterns. Use when writing Semgrep rules or building custom static analysis detections.

Domine o Next.js 14+ App Router com Server Components, streaming, rotas paralelas e busca avançada de dados. Utilize ao construir aplicações Next.js, implementar SSR/SSG ou otimizar React Server Components.

Playwright E2E testing patterns, Page Object Model, configuration, CI/CD integration, artifact management, and flaky test strategies.

Implement Command Query Responsibility Segregation for scalable architectures. Use when separating read and write models, optimizing query performance, or building event-sourced systems.

Upgrade React applications to latest versions, migrate from class components to hooks, and adopt concurrent features. Use when modernizing React codebases, migrating to React Hooks, or upgrading to latest React versions.

Use when about to claim work is complete, fixed, or passing, before committing or creating PRs - requires running verification commands and confirming output before making any success claims; evidence before assertions always.

Create and present web-based slides for developers using Markdown, Vue components, code highlighting, animations, and interactive features. Use when building technical presentations, conference talks, or teaching materials.

Build type-safe React/TypeScript components, hooks, events, useEffect, React 18-19/Server Components, generic components, and TanStack/React Router integration.

Implement Stripe payment processing for robust, PCI-compliant payment flows including checkout, subscriptions, and webhooks. Use when integrating Stripe payments, building subscription systems, or implementing secure checkout flows.

Design and evaluate compression strategies for long-running sessions

太初有道，道生代码。从零搭建 React19+TailwindV4+Vite 前端、FastAPI Python 后端、Go Gin 后端、Taro 4.x 小程序。用户说"新建项目"、"初始化"、"从零开始"、"搭建项目"、"创建项目"、"生成落地页"、"生成官网"、"生成 Landing Page"、"动画提升"、"动效升级"、"新建小程序"、"创建小程序"、"Taro 项目"时触发。

Use esta skill ao trabalhar com Laravel e event sourcing, seja para configurar spatie/laravel-event-sourcing, projetar domínios event-sourced (agregados, eventos, projetores, reatores), gerar código para contextos delimitados ou depurar problemas com AggregateRoot, StoredEvent ou projetores.