Does this skill help with web accessibility (A11y)?

Yes, it includes a mandatory accessibility checklist covering ARIA labels, keyboard navigation, color contrast (WCAG AA), and semantic HTML.

What happens if a backend API is missing during frontend development?

The skill includes a structured blocker report format and strategies for mocking API responses so development can continue without being stalled by backend dependencies.

Which frameworks does this skill support?

The skill provides domain-specific guidance and patterns for all modern web technologies, specifically optimized for React, Vue, and Angular projects.

How does the skill handle testing and validation?

It provides standardized commands for running full test suites, checking coverage, linting, and TypeScript type-checking to ensure 100% success before task completion.

Frontend UI Implementation

Name: Frontend UI Implementation
Author: Angriff36

byAngriff36

0•

디자인 도구

Accelerates frontend development by providing domain-specific patterns, accessibility checklists, and automated validation for modern web frameworks.

The Frontend Implementation skill optimizes the development of user interfaces within Claude Code by enforcing industry-standard patterns for React, Vue, and Angular. It streamlines the creation of responsive, accessible components through built-in validation commands, mobile-first styling principles, and robust testing strategies, ensuring that every UI task meets production-grade quality and accessibility standards before deployment.

주요 기능

01Standardized validation commands for testing, building, and type-checking

02Standardized blocker reporting for efficient cross-functional communication

03Pre-configured patterns for state management, hooks, and API integration

04Mobile-first responsive design principles and CSS-in-JS best practices

05Comprehensive accessibility (A11y) checklist and ARIA implementation patterns

060 GitHub stars

사용 사례

01Developing production-ready component libraries with integrated unit testing

02Building responsive, mobile-first layouts that handle complex API data states

03Implementing WCAG-compliant accessible web interfaces and navigation

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add angriff36/task-orchestrator frontend-implementation

For use in Claude.ai and ChatGPT

Download Skill