@wangzhiming1999

react-advanced covers server components, suspense, concurrent rendering, optimization patterns, custom hook design, and next.js app router. includes decision trees, code examples, and anti-patterns to avoid.

felo-search wraps real-time web search via felo.ai api for current events, weather, local info, and trending topics. covers setup, api call mechanics, multi-language triggers, and basic error codes. execution path is clear but edge case handling is minimal.

frontend-architecture provides a tiered decision framework for organizing code in growing teams, covering project structure templates, dependency rules, code splitting heuristics, and technical debt classification. execution is concrete but inconsistently prescriptive.

build-engineering covers vite/webpack optimization, monorepo setup with pnpm and turborepo, module federation for micro-frontends, ci/cd pipeline tuning, and code generation automation to reduce build times and tooling friction.

frontend-testing covers unit, component, integration, and e2e test design across jest, vitest, testing library, and playwright. provides layered testing strategy, mock patterns, and framework-specific guidance for react, vue, and next.js projects.

doc-snapshot-agent automates markdown illustration by capturing screenshots and generating images, then inserting them into documents with semantic placement. includes incremental execution and playwright mcp integration.

api-and-data covers request encapsulation, error handling, loading/empty states, caching, and data flow design. it provides dimensional analysis and decision trees but lacks numbered procedural steps and explicit failure mode recovery patterns.

Implements complex frontend interactions including drag-and-drop, virtual scrolling, rich text editing, real-time collaboration, Canvas/WebGL rendering, and...

Designs form structure, validation rules, error handling, and accessible form UX. Use when 表单, 校验, 提交, 受控组件, form validation, 错误提示, or form UX.

Enhances web accessibility by ensuring semantic HTML, ARIA roles, keyboard navigation, focus management, and screen reader support per WCAG guidelines.

Designs responsive layouts using mobile-first or desktop-first breakpoints, flex/grid, rem/vw units, and handles cross-device and safe area adaptations.

Designs scalable state management architecture for complex frontend apps. Covers store slicing, server vs client state separation, optimistic updates, cross-...

Finds orphaned files, unused components, and dead code in projects. Use when 清理代码, 查找孤儿文件, 删除无用代码, cleanup, find unused, or removing legacy code.

设计并落地 Skills Web 平台 MVP，让非技术用户无需 CLI 即可使用 SKILL.md 能力。 用于“skills 平台”“skill 网页化”“interactive skills platform”“上传 SKILL.md 生成 UI” “对话式执行 skill”等需求，输出可执行的架构方案、A...