skills.rest
tranhieutt
tranhieuttCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

team-frontend

Coordinates UX research, design, implementation, accessibility audit, and polish for frontend UI features.

70|42|Updated Mar 27, 2026
Search Tags:#accessibility#responsive-design#ux-research#feature-delivery#ui-implementation#team-orchestration#frontend-team
One-click install
npx skills add https://github.com/tranhieutt/software_development_department --skill team-frontend
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: team-frontend
Source: https://github.com/tranhieutt/software_development_department/tree/main/.claude/skills/team-frontend
Command: npx skills add https://github.com/tranhieutt/software_development_department --skill team-frontend

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill eliminates fragmented frontend delivery by orchestrating UX research, design, implementation, accessibility, and polish so a UI feature launches with clarity, compliance, and cross-functional alignment.

Core Features & Use Cases

  • Structured Research Intake: Kick off with the ux-researcher to document the behavior or pain point and synthesize existing feedback before designing the experience.
  • Design-to-Implementation Pipeline: The ux-designer produces flows and wireframes, then the frontend-developer builds components with design tokens, state coverage, i18n strings, and unit tests.
  • Accessibility & Validation Guardrails: An accessibility-specialist audits keyboard navigation, ARIA roles, and contrast, followed by final responsive and cross-browser polish before release.
  • Use Case: Launching a responsive account settings screen for a global product can rely on this pipeline to ensure research-driven design, accessibility compliance, and QA-ready implementation.

Quick Start

Ask the team-frontend skill to coordinate research, design, implementation, accessibility audit, and polish for the feature or screen you want delivered.

Frequently Asked Questions about team-frontend

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

FAQPage Schema
How do I coordinate frontend feature delivery from UX research to accessibility-compliant launch?▼

Frontend feature delivery coordination connects UX research, design, implementation, and accessibility validation so UI features launch with compliance and cross-functional alignment. It orchestrates team handoffs to prevent fragmented execution across research briefs, specs, and audits.

What is the best way to manage design-to-implementation handoffs for responsive UI components?▼

Managing design-to-implementation handoffs involves routing UX designer wireframes to frontend developers who build components with design tokens, state coverage, and i18n strings. This ensures design-token-aligned implementation without fragmented team coordination.

How do I ensure accessibility compliance for keyboard navigation and contrast during frontend implementation?▼

Accessibility compliance for keyboard navigation and contrast is ensured by routing implementation through an accessibility-specialist audit. This validates ARIA roles, keyboard navigation, and contrast before final responsive and cross-browser polish.

Can I use this pipeline for launching a responsive account settings screen in a global product?▼

Yes, you can use this pipeline for launching a responsive account settings screen in a global product. It applies research-driven design, accessibility compliance, and QA-ready implementation to ensure features meet global product standards.

Do I need UX research briefs before starting frontend feature implementation?▼

Yes, UX research briefs are required before starting frontend feature implementation. The pipeline kicks off by documenting the behavior or pain point and synthesizing existing feedback to inform the design experience prior to UI implementation.

Why does frontend feature delivery become fragmented without orchestrated team coordination?▼

Frontend feature delivery becomes fragmented without orchestrated team coordination because research, design, implementation, accessibility, and polish stages lack mediated handoffs. This causes misaligned design tokens, incomplete state coverage, and missed compliance checks.

Related Skills

Explore More Software Engineering Skills→
FoundationForgeFoundationForge

synthesize-research

Synthesize user research into prioritized findings with themes and recommendations.

Official
Intermediate
1IssaMohamed1IssaMohamed

polish

Audit and fix visual alignment, spacing, typography, and interaction issues in web interfaces.

Community
Advanced
lev-oslev-os

ux

Orchestrate a 7-step UX design pipeline from problem framing to wireframe generation.

Official
Advanced
thec3ukthec3uk

Frontend Accessibility

Guide frontend code to meet accessibility standards like ARIA and keyboard navigation.

Official
Basic