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

デザインツール

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.

主な機能

Standardized validation commands for testing, building, and type-checking
Standardized blocker reporting for efficient cross-functional communication
Pre-configured patterns for state management, hooks, and API integration
Mobile-first responsive design principles and CSS-in-JS best practices
Comprehensive accessibility (A11y) checklist and ARIA implementation patterns
0 GitHub stars

ユースケース

Developing production-ready component libraries with integrated unit testing
Building responsive, mobile-first layouts that handle complex API data states
Implementing WCAG-compliant accessible web interfaces and navigation

概要

主な機能

Standardized validation commands for testing, building, and type-checking
Standardized blocker reporting for efficient cross-functional communication
Pre-configured patterns for state management, hooks, and API integration
Mobile-first responsive design principles and CSS-in-JS best practices
Comprehensive accessibility (A11y) checklist and ARIA implementation patterns
0 GitHub stars

ユースケース

Developing production-ready component libraries with integrated unit testing
Building responsive, mobile-first layouts that handle complex API data states
Implementing WCAG-compliant accessible web interfaces and navigation