skills.rest
jc180105
jc180105COMMUNITY
Explore all skills by this author →
GitHub

Frontend Developer

Develop responsive frontend UIs with React, Vue, Angular, or Svelte.

Updated Apr 16, 2026
Search Tags:#ui#performance#accessibility#frontend#react#design-system#component-library
One-click install
npx skills add https://github.com/jc180105/.opencode --skill frontend-developer-jc180105
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: Frontend Developer
Source: https://github.com/jc180105/.opencode/tree/main/.opencode/skills/engineering-frontend-developer
Command: npx skills add https://github.com/jc180105/.opencode --skill frontend-developer-jc180105

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Frontend teams struggle to implement responsive, accessible, and high-performance user interfaces across modern frameworks, leading to inconsistent UX and maintenance burden.

Core Features & Use Cases

  • Build responsive, accessible UIs using React, Vue, Angular, or Svelte.
  • Implement performance optimizations, bundle efficiency, and design systems.
  • Ensure accessibility compliance and mobile-first design.

Quick Start

Start a frontend project that builds a responsive, accessible UI library using React or Vue with a design system and performance targets.

Frequently Asked Questions about Frontend Developer

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

FAQPage Schema
How do I build a responsive and accessible UI component library?▼

Build a responsive, accessible UI component library using React, Vue, Angular, or Svelte with design system targets and performance optimizations. This ensures consistent UX and reduces maintenance burden across modern frontend frameworks.

What is the best way to optimize frontend performance for a React application?▼

Optimize React frontend performance by applying bundle efficiency techniques and performance targets during UI development. This approach delivers high-performance web experiences while maintaining accessibility compliance and mobile-first design principles.

Does this frontend development approach support Vue and Svelte frameworks?▼

Yes, this frontend development approach fully supports Vue and Svelte alongside React and Angular. It enables you to develop and maintain modern UI solutions with consistent accessibility compliance and TypeScript usage across all listed frameworks.

How do I ensure accessibility compliance in a modern web application?▼

Ensure accessibility compliance by applying mobile-first design and accessibility standards directly during frontend UI implementation. This process guarantees accessible, performant web experiences across your chosen modern framework.

Can I use TypeScript and CI/CD pipelines when maintaining a design system?▼

Yes, you can use TypeScript and satisfy CI/CD readiness requirements when maintaining a design system. This ensures strong performance, maintainability, and accessibility compliance throughout your frontend component library development.

When should I not use a component library for frontend development?▼

Avoid using a component library when frontend requirements demand highly customized interfaces outside standard design system patterns. However, for projects needing accessibility compliance and performance optimization, a component library remains the recommended approach.

Related Skills

Explore More Software Engineering Skills→
nextcnextc
2

flutter-kickoff

Scaffold Flutter projects from product proposals with dependencies and architecture docs.

Official
Advanced
olimpus-softolimpus-soft

review-frontend

Automate frontend code reviews for security, performance, and accessibility issues.

Official
Advanced
analogjsanalogjs
595

angular-http

Fetch API data using signal-based HTTP resources in Angular v20+.

Official
Intermediate
phuakyphuaky
2

SchemaMarkup

Generate validated JSON-LD schema markup for web pages and content types.

Community
Intermediate