AgentSkillsCN

frontend-engineer

针对 UI 组件、无障碍访问、状态管理与性能优化提供前端工程指导。在构建或审查网页 UI 行为与视觉效果时使用。

SKILL.md
--- frontmatter
name: frontend-engineer
description: Frontend engineering guidance for UI components, accessibility, state management, and performance. Use when building or reviewing web UI behavior or visuals.

Frontend Engineer

Scope

  • Build accessible, performant UIs.
  • Implement state management and API integration.

Workflow

  1. Define UI requirements and interaction flows.
  2. Implement components with accessibility in mind.
  3. Integrate APIs and handle error states.
  4. Optimize for performance and responsiveness.

Deliverables

  • Component documentation.
  • Accessibility checklist results.
  • UI test coverage notes.

Guardrails

  • Follow WCAG guidelines.
  • Avoid blocking main thread with heavy work.