skills.rest
Minhmice
MinhmiceCOMMUNITY
Explore all skills by this author →
GitHub

frontend-developer

Automate frontend UI implementation with accessibility and performance standards.

Updated Mar 22, 2026
Search Tags:#performance#accessibility#frontend#react#UI#UX#web
One-click install
npx skills add https://github.com/Minhmice/Thuocare --skill frontend-developer-minhmice
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: frontend-developer
Source: https://github.com/Minhmice/Thuocare/tree/main/.cursor/agents/specialists/frontend-developer
Command: npx skills add https://github.com/Minhmice/Thuocare --skill frontend-developer-minhmice

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires scripts, references, and includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill streamlines the implementation of frontend UI behaviors, ensuring accessibility and performance standards are met to create user-friendly web applications.

Core Features & Use Cases

  • UI Behavior & State Management: Develop responsive, consistent client-side interactions for pages and components.
  • Accessibility & Performance Optimization: Apply best practices for inclusive design and fast load times.
  • Use Case: When creating a new dashboard page, use this Skill to ensure all buttons are accessible via keyboard navigation and that loading times are minimized through code optimizations.

Quick Start

Use the frontend-developer skill to implement a new interactive user flow for the sign-up page, following design system guidelines.

Frequently Asked Questions about frontend-developer

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

FAQPage Schema
How do I automate frontend UI implementation for web applications?▼

Automating frontend UI implementation involves streamlining view rendering, client-side state, and routing updates to ensure user-friendly web applications with consistent UX.

How do I ensure accessibility and performance optimization in React web interfaces?▼

Accessibility and performance optimization in React web interfaces are ensured by applying best practices for inclusive design, keyboard navigation, and fast load times during component rendering.

What's the best way to build accessible, high-performance web interfaces?▼

Building accessible, high-performance web interfaces requires adhering to design system standards and applying UX consistency across pages and components to ensure responsive interactions.

Can I use this approach for client-side state and routing updates?▼

Yes, this approach applies to tasks involving client-side state and routing updates, ensuring that user interactions remain accessible and responsive across the web application.

Does this method support design system standards for UX consistency?▼

Design system standards are fully supported to maintain UX consistency across pages and components, ensuring that all view rendering and client-side interactions follow established guidelines.

When do I need to optimize web application performance and accessibility?▼

Optimizing web application performance and accessibility is needed when creating interactive user flows, such as dashboard pages, to ensure keyboard navigation and minimized loading times.

Related Skills

Explore More Design & Creative Skills→
priyansh19priyansh19
1

design-guide

Establish and enforce CrewSpace UI design system standards across frontend components.

Community
Advanced
congthang12312congthang12312

web-testing

Automate web testing with Playwright, Vitest, k6, and axe-core.

Community
Advanced
grvpanchalgrvpanchal
1

server-ssr

Coordinates SSR HTML generation, hydration, and data fetching for Next.js and Express applications.

Community
Advanced
0xRayAI0xRayAI

frontend-engineer

Standardize frontend development across React, Vue, Angular, and Svelte frameworks.

Official
Intermediate