frontend-developer

Map frontend architecture, design systems, and build pipelines for new work.

Updated Aug 23, 2026
One-click install
npx skills add https://github.com/KojiroSasa/www.havoc-it.ro --skill frontend-developer-kojirosasa
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: frontend-developer
Source: https://github.com/KojiroSasa/www.havoc-it.ro/tree/main/.agent/skills/uxagent--frontend-developer
Command: npx skills add https://github.com/KojiroSasa/www.havoc-it.ro --skill frontend-developer-kojirosasa

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes assets (resource) components.

What problem does it solve?

Crafts robust frontend UI solutions by providing structured guidance, reusable patterns, and best practices for scalable web apps.

Core Features & Use Cases

  • Reusable component scaffolds and patterns for React 18+, Vue 3+, and Angular 15+.
  • Accessibility-first UX guidance and performance-oriented development workflows.
  • Use case: enabling a new team to ship a polished UI with consistent design tokens and testing strategies.

Quick Start

Provide your project context to the agent to begin frontend scaffolding.

Frequently Asked Questions about frontend-developer

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

FAQPage Schema
How do I scaffold accessible UI components in React?

To scaffold accessible UI components in React, the frontend-development process maps existing component architecture and defines concrete requirements for typing and accessibility. It provides reusable patterns to guide implementation and validation for scalable web apps.

What is the best way to structure a design system for TypeScript?

The best way to structure a design system for TypeScript involves mapping the current frontend landscape and defining integration touchpoints. This process outlines requirements for code structure and design tokens to ensure consistent UI creation and styling.

Does this frontend scaffolding approach work with Vue and Angular?

Yes, this frontend scaffolding approach works with Vue 3+ and Angular 15+. It identifies where new work fits within existing patterns across these frameworks, providing reusable component scaffolds and performance-oriented development workflows.

How do I define success criteria for frontend testing and styling?

Defining success criteria for frontend testing and styling requires outlining concrete requirements for code structure and accessibility. The process maps what success looks like across tasks like component creation to guide implementation and validation.

When do I need to map component architecture for frontend development?

You need to map component architecture for frontend development when crafting robust UI solutions for scalable web apps. Mapping the landscape identifies existing patterns and integration touchpoints, ensuring new work fits consistently within the design system.

What are the limitations of using predefined UI component patterns?

The limitations of using predefined UI component patterns depend on your existing build pipelines and integration touchpoints. You must define where new work fits within existing patterns to ensure the reusable scaffolds align with your specific code structure and typing requirements.