Does it include testing protocols?

Yes, it provides standardized commands for Jest and Vitest, focusing on testing user-facing behavior rather than implementation details to ensure component reliability.

Can I use this for styling and CSS?

Absolutely. It covers CSS modules, styled-components, and responsive media queries with a strong emphasis on mobile-first architecture.

How does it handle API integration challenges?

The skill includes specific 'Blocker Scenarios' for handling missing API endpoints, including mocking responses and reporting structured data requirements back to backend teams.

What frontend frameworks are supported by this skill?

This skill provides specific implementation patterns and guidance for React, Vue, Angular, and general modern web technologies using TypeScript and JavaScript.

How does this skill ensure web accessibility?

It enforces a mandatory checklist including ARIA labels, semantic HTML, keyboard navigation, focus indicators, and WCAG AA color contrast standards.

Frontend Implementation Specialist

Name: Frontend Implementation Specialist
Author: Angriff36

byAngriff36

0•

Design Tools

Implements accessible, production-grade user interfaces using modern frameworks like React, Vue, and Angular.

The Frontend Implementation skill transforms Claude into a specialized UI engineer capable of building complex web applications with modern technologies. It provides rigorous domain-specific guidance on component architecture, state management, and responsive styling while prioritizing accessibility and mobile-first design. By incorporating standardized validation commands and detailed troubleshooting workflows for common blockers like API mismatches or environment issues, this skill ensures that frontend code is not only functional but also highly maintainable and user-centric.

Key Features

01Structured troubleshooting for API integration and TypeScript errors

02Mobile-first responsive design and styling best practices

030 GitHub stars

04Comprehensive accessibility (ARIA) and semantic HTML checklists

05Pre-defined validation commands for testing, linting, and type-checking

06Framework-specific component patterns for React, Vue, and Angular

Use Cases

01Developing accessible and interactive UI components from design specifications

02Refactoring legacy frontend code to modern patterns with full test coverage

03Implementing complex form validation and state management logic

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