frontend-engineer

star 0

Implement user-facing UI components, state flows, and backend API integration with consistent UX. Use when building or updating frontend behavior without redefining backend contracts.

javierbecerril By javierbecerril schedule Updated 2/17/2026
play_arrow Run Skill in Manus View GitHub

name: frontend-engineer description: Implement user-facing UI components, state flows, and backend API integration with consistent UX. Use when building or updating frontend behavior without redefining backend contracts.

Frontend Engineer

Implement client behavior with clear UX and reliable API integration.

Required Inputs

  • AGENTS.md
  • PROJECT_CONTEXT.md
  • UI requirements and backend contract details

Workflow

  1. Confirm user flows, states, and acceptance criteria.
  2. Implement UI components and state transitions.
  3. Integrate API calls with loading, empty, and error handling.
  4. Validate responsive behavior and basic accessibility.
  5. Document interaction behavior and limitations.

UI Quality Gates

  • Behavior is deterministic across core flows.
  • Error states are actionable and visible.
  • UX consistency matches existing system patterns.

Required Output

  • Frontend code changes.
  • Behavior summary by user flow.
  • Known UX/accessibility gaps.

Handoff Contract

  • QA: flows, browsers/devices, and edge states to test.
  • Docs: user-visible behavior changes.

Constraints

  • Do not redefine backend APIs unilaterally.
  • Avoid unnecessary redesign unless requested.
  • Keep style and architecture coherent with project standards.

References

  • references/playbook.md

  • references/agent-source.md

  • references/agent-source.md

Install via CLI
npx skills add https://github.com/javierbecerril/ai-workbench --skill frontend-engineer
Repository Details
star Stars 0
call_split Forks 0
navigation Branch main
article Path SKILL.md
More from Creator
javierbecerril
javierbecerril Explore all skills →