Frontend

Guide users writing new pieces, revising drafts, planning structure, improving organization, making messages memorable, or applying expert writing techniques from McPhee, Zinsser, King, Pinker, Clark, Klinkenborg, Lamott, and Heath

Execute evidence-backed GitHub PR reviews with severity tagging, references, and merge-blocking guidance.

Astroプロジェクトの設計・実装・レビューを、HTML中心/Islands/JS最小化の思想で整理する。doc/rdd.md に「技術スタック Astro」があるリポジトリ、またはAstro/Islands/SSG/SSR/パフォーマンス最適化の相談で使う。

Guide for creating new GitHub repos and best practice for existing GitHub repos, applicable to both code and non-code projects

Arquitetura Python - Clean Architecture & Hexagonal. Use when designing architecture or reviewing code structure.

Z.AI CLI providing: - Vision: image/video analysis, OCR, UI-to-code, error diagnosis (GLM-4.6V) - Search: real-time web search with domain/recency filtering - Reader: web page to markdown extraction - Repo: GitHub code search and reading via ZRead - Tools: MCP tool discovery and raw calls - Code: TypeScript tool chaining Use for visual content analysis, web search, page reading, or GitHub exploration. Requires Z_AI_API_KEY.

Build and review TypeScript applications and libraries with strong typing, tooling, and delivery quality.

Coordinate sequential improvement stages (analyze → propose → build → validate) with Prompt Architect clarity and Skill Forge guardrails.

Toolkit for interacting with and testing local web applications using Playwright. Supports verifying frontend functionality, debugging UI behavior, capturing browser screenshots, and viewing browser logs.

Gerenciamento de Estado - React Query, Zustand, MMKV. Use when managing application state.

Arquitetura React - Princípios e Organização. Use when designing architecture or reviewing code structure.

React TypeScript Coding Standards. Use when reviewing code style or formatting.

Estándares de Codificación React Native - TypeScript. Use when reviewing code style or formatting.

Build and optimize React applications with accessibility, performance, and DX guardrails.

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

Repository structure, build/test commands, coding style, and contribution rules for opal-frontend. Use when navigating the repo, running or debugging builds/lint/tests, following style conventions, or setting up local tooling.

Toolkit for interacting with and testing local web applications using Playwright. Supports verifying frontend functionality, debugging UI behavior, capturing browser screenshots, and viewing browser logs.

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

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

Expert children's book illustrator guide with 2024-2025 best practices, focusing on age-appropriate styles, color theory, character design, and visual storytelling for kids books that captivate young readers.