Frontend

Build reliable GitHub integrations, webhooks, and automation bridges

Implements tasks from .plans/ directories by following implementation guidance, writing code and tests, and updating task status. Use when task file is in implementation/ directory and requires code implementation with comprehensive testing. Launches research agents when stuck.

Seguridad - Mejores Prácticas de React Native. Use when reviewing security, implementing auth, or hardening code.

快速在新 Next.js 项目中集成 LangGraph 后端（localhost:2024），创建极简的 /chat 页面，支持真正的流式 AI 对话。适用于需要快速搭建聊天界面的场景：1) 集成 LangGraph Studio 本地部署的后端，2) 创建支持实时流式响应的聊天页面，3) 使用 LangGraph SDK 进行客户端直接连接，4) 实现优雅的 UI 交互（避免双气泡、流畅的加载动画）。

Tailwind CSSを、utility-first（早すぎる抽象化を避ける）という思想で運用し、UI実装の認知負荷を下げながら一貫性と保守性を保つための設計・レビュー・リファクタ判断を整理する。doc/rdd.md に「技術スタック Tailwind」または「技術スタック Tailwind CSS」がある場合や、CSS設計/命名/デザインシステム/クラス肥大化の相談で使う。

Guide when to use built-in tools (WebFetch, WebSearch) and MCP servers (Parallel Search, Perplexity, Context7) for research. Synthesize findings into narrative for braindump. Use when gathering data, examples, or citations for blog posts.

Arquitectura Flutter - Clean Architecture y Mejores Prácticas. Use when designing architecture or reviewing code structure.

Ferramentas React - Configuracao e Otimizacao. Use when working with tooling.

Deliver resilient frontend solutions with performance, accessibility, and UX guardrails.

WCAG 2.1 AA/AAA accessibility compliance specialist for ARIA attributes, keyboard navigation, screen reader testing, color contrast validation, semantic HTML, and automated a11y testing with axe-core/

Expert children's book writer creating delightful, engaging books for ages 2-9. Specializes in rhyming books, stories, songs with proper values, educational content, and age-appropriate language. Crafts books that captivate young readers while teaching important life lessons.

React Testing Strategy. Use when writing tests, reviewing test coverage, or setting up testing.

Standards de Codage React Native - TypeScript. Use when reviewing code style or formatting.

This skill should be used when users need to fetch GitHub issues from the current repository, including getting the next issue to work on, retrieving specific issue fields (body, number, title, labels, etc.), or querying issues with custom sorting and filtering. Triggers on requests like "get the next GitHub issue", "what's the next issue number", "show me the issue body", or "find issues with label X".

Arquitectura Clean + DDD + Hexagonal - Atoll Tourisme. Use when designing architecture or reviewing code structure.

Padrões de Codificação React TypeScript. Use when reviewing code style or formatting.

Comprehensive OWASP security guidelines, secure coding patterns, vulnerability prevention strategies, and remediation best practices for building secure applications

Run the complete test suite for connectrpc-axum. Use when the user asks to run tests, verify changes, or check if the code works.

Use when managing multiple initiatives across time horizons (now/next/later, H1/H2/H3), balancing risk vs return across portfolio, sizing and sequencing bets with dependencies, setting exit/scale criteria for experiments, allocating resources across innovation types (core/adjacent/transformational), or when user mentions portfolio planning, roadmap horizons, betting framework, initiative prioritization, innovation portfolio, or resource allocation across horizons.

Use proactively when you need to implement features or fix bugs using strict Test-Driven Development (TDD) methodology. This agent should be activated for any coding task that requires writing new functionality, refactoring existing code, or ensuring comprehensive test coverage, but should not be used for any design-related tasks. The agent excels at breaking down complex requirements into testable increments and maintaining high code quality through disciplined TDD cycles. Use this agent proactively or if the user mentions 'TDD', 'tdd' or 'Test Driven Development'.