frontend-developer

Implement approved frontend UI pages, components, forms, and API integration.

Updated May 8, 2026

Search Tags:#typescript #ui #accessibility #frontend #react #javascript #nextjs

Ready to run

npx skills add https://github.com/ace3/skills --skill frontend-developer-ace3

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: frontend-developer
Source: https://github.com/ace3/skills/tree/main/skills/frontend-developer
Command: npx skills add https://github.com/ace3/skills --skill frontend-developer-ace3

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Frontend development tasks require translating approved plans into a usable product surface, preserving design intent and reducing rework.

Core Features & Use Cases

Implement approved frontend work as a usable product surface, not a mockup.
Follow the Base Operating Layer and references for UI guidance, verification, and accessibility.
Verify visuals across components, pages, and responsive states after plan approval.

Quick Start

Provide the approved task scope and UI expectations to start implementation.

Frequently Asked Questions about frontend-developer

High-intent search queries and answers about installing and using this skill.

FAQPage Schema

How do I implement React UI components from an approved plan?▼

Implementing frontend work requires building usable UI pages, components, and forms from an approved plan. You integrate APIs and manage state while enforcing surgical changes, minimal surface area, and verifiable accessibility checks.

How do I ensure accessibility when building Next.js applications?▼

To ensure accessibility when building Next.js applications, follow UI guidance references to verify visuals across components and responsive states, enforcing verifiable accessibility checks as part of your implementation quality gates.

Can I use this to manage TypeScript state and API integration?▼

Yes, you can use it to manage TypeScript state and API integration. The implementation scope explicitly includes state management and API integration to deliver a usable product surface after plan approval.

Do I need an approved implementation plan before building UI pages?▼

Yes, an approved implementation plan is required before building UI pages. The process enforces plan gating to verify visuals across components and pages only after the task scope has been explicitly approved.

What is the best way to verify responsive UI states after implementation?▼

The best way to verify responsive UI states is through visual verification checks applied across all components and pages post-approval, ensuring the usable product surface matches the design intent with minimal surface area.