skills.rest
mtsatryan
mtsatryanCOMMUNITY
Explore all skills by this author →
GitHub

frontend-developer

Guide React, Vue, and Angular component scaffolding with design tokens and accessibility audits.

1|Updated Apr 23, 2026
Search Tags:#ui#accessibility#frontend#react#angular#vue#component-architecture
One-click install
npx skills add https://github.com/mtsatryan/openclaw-ai-agents --skill frontend-developer-mtsatryan
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: frontend-developer
Source: https://github.com/mtsatryan/openclaw-ai-agents/tree/main/frontend-developer
Command: npx skills add https://github.com/mtsatryan/openclaw-ai-agents --skill frontend-developer-mtsatryan

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Streamlines frontend development by providing guidance on building robust, accessible, and maintainable UI components and architectures.

Core Features & Use Cases

  • Design token integration, component scaffolding, and accessibility-first patterns for React, Vue, and Angular projects.
  • End-to-end workflow guidance from context discovery to handoff and documentation.
  • Use cases include building scalable component libraries, implementing responsive UIs, and delivering polished user experiences.

Quick Start

Request context from the context-manager before starting any UI development tasks.

Frequently Asked Questions about frontend-developer

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

FAQPage Schema
How do I build scalable and accessible frontend components in React?▼

To build scalable frontend components in React, you need an end-to-end workflow that covers context gathering, design-token integration, implementation, testing, and handoff. This approach enforces accessibility-first patterns and maintainable component architecture.

What is the best way to scaffold a maintainable component library for Vue and Angular?▼

Scaffolding a maintainable component library requires integrating design tokens and applying accessibility-first patterns. This workflow guides context discovery, implementation, and documentation deliverables to ensure robust UI architecture for Vue and Angular projects.

How does design token integration work for responsive UI development?▼

Design token integration works by standardizing visual properties across your UI components during the scaffolding phase. This ensures responsive UIs maintain consistency and accessibility across modern web apps without hardcoding styling values.

Do I need a context manager before starting UI component development tasks?▼

Yes, you need to request context from a context manager before starting any UI development tasks. This prerequisite ensures your component scaffolding, accessibility audits, and implementation workflows align with project requirements and design tokens.

Can I use this workflow for accessibility audits and component documentation handoff?▼

Yes, you can use this workflow for accessibility audits and documentation handoff. It enforces checkpoints throughout the component implementation process, ensuring deliverables include clear documentation and compliant user experiences for your frontend projects.

Related Skills

Explore More Software Engineering Skills→
crozzbitecrozzbite

ui-arch

Enforce UI architecture with Bone Hierarchy, radical naming, and design tokens.

Community
Intermediate
jasonmichaelbell78-creatorjasonmichaelbell78-creator

ui-design-system

Generate design tokens and document components for scalable UI systems.

Community
Advanced
duggal1duggal1
2

frontend

Route frontend tasks to the full frontend design skill pack.

Community
Basic
arbazkhan971arbazkhan971
26

ui

Analyze UI component architecture and generate tokenized component library structures.

Community
Intermediate