skills.rest
ivegamsft
ivegamsftCOMMUNITY
Explore all skills by this author →
GitHub

frontend-dev

Provide UI component specification templates, accessibility checklists, and state management templates.

Updated Mar 16, 2026
Search Tags:#template#accessibility#state management#frontend development#UI components
One-click install
npx skills add https://github.com/ivegamsft/work-tracker --skill frontend-dev-ivegamsft
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: frontend-dev
Source: https://github.com/ivegamsft/work-tracker/tree/main/.agents/skills/frontend-dev
Command: npx skills add https://github.com/ivegamsft/work-tracker --skill frontend-dev-ivegamsft

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

Frontend development can be time-consuming and error-prone. This skill unit addresses this by providing templates, checklists, and best practices to enhance the development process.

Core Features & Use Cases

  • Component Specification: Provides a template for component specifications to ensure all UI components are well-defined and accessible.
  • Accessibility Checklist: Offers a checklist to ensure compliance with WCAG 2.1 AA standards, improving accessibility.
  • State Management Template: Helps design state management structures for features, ensuring maintainability and scalability.
  • Use Case: When starting a new UI component, use the skill to apply the component spec template, run the accessibility checklist, and design the state management structure.

Quick Start

Use the frontend-dev skill. Apply the component spec template and accessibility checklist to every component being built or reviewed.

Frequently Asked Questions about frontend-dev

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

FAQPage Schema
How do I ensure my UI components meet accessibility standards?▼

To ensure UI components meet accessibility standards, apply an accessibility checklist verifying compliance with WCAG 2.1 AA requirements. This checklist validates web components against established criteria, improving overall application accessibility.

What is the best way to structure state management for a new frontend feature?▼

The best way to structure state management is using a dedicated state management template that helps design scalable and maintainable state structures. This template provides predefined architectural patterns for frontend feature development.

How do I write a UI component specification for web development?▼

Writing a UI component specification involves applying a component specification template to define UI elements precisely. This template ensures all web components are well-defined, accessible, and consistently documented during development.

Can I use these frontend templates for reviewing existing web components?▼

Yes, you can use these frontend templates for reviewing existing web components. Applying the component spec template and accessibility checklist to components being reviewed ensures they meet current WCAG 2.1 AA compliance and specification standards.

When do I need a component specification template during frontend development?▼

You need a component specification template when starting a new UI component or reviewing existing ones. It provides structured definitions and best practices, reducing errors and streamlining the frontend development process.

What state management patterns are provided for frontend development?▼

State management patterns provided include templates designed to structure state management architectures for specific features. These templates ensure your frontend application remains maintainable and scalable as development progresses.

Related Skills

Explore More Software Engineering Skills→
yarangyarang

moai-domain-frontend

Provides frontend architecture blueprints for React, Angular, and Node.js projects.

Community
Intermediate
notbozhonotbozho

testing-library

Validate UI component behavior across React, Vue, and Svelte using Testing Library queries and user events.

Community
Intermediate
791994545791994545
4

web-artifacts-builder

Automate React and Tailwind CSS web application setup with shadcn/ui components.

Community
Advanced
timsvoicetimsvoice

specimin-ui-accessibility

Audit and fix generated UI code for WCAG 2.1 AA compliance.

Community
Advanced