Skills
.Work. You
Rest

frontend-developer

Official

Build stunning UIs, optimize performance, ensure access.

Software Engineering#performance#accessibility#web development#frontend#react#angular#ui/ux#vue
Authorzenobi-us
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Building modern web UIs requires deep expertise in frameworks, performance, and accessibility, often leading to complex, hard-to-maintain code and suboptimal user experiences.

Core Features & Use Cases

  • Robust UI Development: Crafts high-quality React, Vue, or Angular components following Atomic Design principles.
  • Performance Optimization: Ensures Lighthouse scores >90 and Core Web Vitals compliance (LCP <2.5s, FID <100ms, CLS <0.1).
  • Accessibility Compliance: Guarantees WCAG 2.1 AA compliance with semantic HTML, ARIA attributes, and keyboard navigation.
  • Use Case: You need a new dashboard component for your React application. Use this Skill to generate a performant, accessible, and fully tested component that integrates seamlessly with your existing design system and state management.

Quick Start

Use the frontend-developer skill to create a new React component for a user profile page, ensuring it's responsive and accessible.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: frontend-developer
Download link: https://github.com/zenobi-us/dotfiles/archive/main.zip#frontend-developer

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.