Frontend

Create distinctive, production-grade frontend interfaces and printable HTML decks with high design quality.

Use when implementing, reviewing, refactoring, or debugging frontend routes, components, Atomic Design composition, forms, tables, loading and error states…

Cria visualizações de dados interativas e profissionais usando Highcharts.js, gerando HTML standalone com gráficos animados, responsivos e acessíveis.

Use when writing, reviewing, or refactoring React JSX or TSX with deeply nested markup, repeated UI blocks, complex conditional branches, mapped content…

CONVERT a given markdown summary (prose, lists, code, ```mermaid blocks) into ONE self-contained, opinionated, mobile-first (and desktop-friendly) dark HTML…

妙搭（Spark/Miaoda）应用开发与托管：应用创建、本地全栈开发、云端生成迭代、创意设计（UI mockup / 可交互原型 / 线框图 / 落地页 / 仪表盘 / 幻灯片 deck / 视觉探索）、AI相关能力和飞书平台能力或者其他外部能力集成、日志/Trace/监控指标/PV/UV…

Plan and write Maestro mobile end-to-end coverage for user-facing generated Expo or React Native flows, including applicable failure paths and dedicated…

Render an approved markdown document into a branded, self-contained HTML page with a clickable table of contents, and a PDF — a product requirements document…

Required when writing or reviewing React 19 components, hooks, forms, actions, transitions, optimistic updates, refs, or server-state UI in any application or…

Comprehensive software architecture skill for designing scalable, maintainable systems using ReactJS, NextJS, NodeJS, Express, React Native, Swift, Kotlin…

Comprehensive frontend development skill for building modern, performant web applications using ReactJS, NextJS, TypeScript, Tailwind CSS.

Prepare the current frontend repository for the UI Engineering workflow.

Validate Mermaid diagrams in Markdown, MDX, HTML, and standalone Mermaid files using Mermaid's own parser.

Use when turning a LeetCode problem and one chosen solution into a step-by-step HTML walkthrough, especially when code alone is hard to follow and the user…

Use when building or reviewing a web interface — a page, component, landing page, dashboard, email or artifact.

Local browser smoke testing for frontend, full-stack, and visual workflows using Playwright, Browser Use, or equivalent browser automation.

代码评审流程：先冷启动理解一个 PR（需求对应、变更地图、为什么这么改、边界与风险），再产出带证据、严重度与覆盖范围的评审结论，最后按需把结论交付给作者（PR 评论/Slack/HTML/PNG）。用于"帮我看懂这个 PR""做这次 review""把评审结论发给作者"。理解与结论是两份分开的产物；HTML/PNG…

Scan a codebase for places where callers carry too much implementation complexity, present architectural candidates as a visual HTML report, then explore the…

通用知识库构建 & 查询工具。给定一个包含 PDF/Sphinx-HTML 的原始文档文件夹，批量转成可 grep 的 Markdown、抽符号倒排、生成 LLM 摘要 sidecar 和 manifest 聚合索引。Agent 进入陌生领域时先 `ls ~/.maxclaw/kb/` 看有无相关知识库，再按"L3…

查询并巡检 AI API 订阅额度与余额（任何提供额度/余额查询接口的平台均可接入，通用中转站方式优先，另有常用平台内置适配），按周窗口理想消耗曲线判定用量偏快还是偏慢，支持 HTML 邮件与 macOS 本地通知推送。当用户想查 API 余额、剩余额度、套餐用量，或要做定时额度巡检时使用。

Set up or repair a Windows frontend development environment with NVM for Windows, Node.js 24 LTS, npm, pnpm, Claude Code, Git, VS Code CLI, PowerShell…

Create a read-only local disk-usage report whose scan JSON, classified evidence, and static HTML stay under Fleet Workspace.

Governs software system architecture, database schema design, REST/GraphQL API endpoint definitions, and layer isolation (Controllers vs Services vs Data…

create and review ci/cd automation for bruno api tests.