skills.rest
claudchereji
claudcherejiCOMMUNITY
Explore all skills by this author →
GitHub

frontend-developer

Develop frontend solutions with React, Vue, and Angular using TypeScript.

Updated Jan 19, 2023
Search Tags:#typescript#ui#accessibility#web development#frontend#react#developer
One-click install
npx skills add https://github.com/claudchereji/VisualVerses --skill frontend-developer-claudchereji
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: frontend-developer
Source: https://github.com/claudchereji/VisualVerses/tree/main/.opencode/skills/frontend-developer
Command: npx skills add https://github.com/claudchereji/VisualVerses --skill frontend-developer-claudchereji

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill streamlines the creation of high-quality, maintainable, and accessible user interfaces for modern web applications, ensuring consistency and adherence to best practices.

Core Features & Use Cases

  • Component Development: Scaffolds reusable UI components with TypeScript, implementing responsive layouts and interactions.
  • Integration: Seamlessly integrates with existing state management and adheres to established design patterns.
  • Testing & Accessibility: Writes unit tests and ensures accessibility compliance from the outset.
  • Use Case: Develop a new dashboard module in React, ensuring it's responsive, accessible, and integrates with the existing state management solution.

Quick Start

Begin by requesting project context from the context-manager to understand the existing frontend architecture.

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 with TypeScript in React?▼

Scaffold accessible React UI components by setting up strict TypeScript configurations, generating reusable component structures, and implementing responsive layouts with web standards compliance from the outset.

What's the best way to build a frontend dashboard module that integrates with state management?▼

Build a frontend dashboard module by scaffolding modular UI components, ensuring responsive layouts, and seamlessly integrating them with your established state management solution and design patterns.

Does this frontend development approach support Vue and Angular as well as React?▼

Yes, this frontend development approach supports React, Vue, and Angular, delivering robust and scalable web solutions while maintaining focus on performant, accessible, and maintainable user interfaces.

How do I ensure accessibility compliance when developing new web interfaces?▼

Ensure accessibility compliance when developing web interfaces by integrating automated unit tests and adhering to strict web standards throughout the component scaffolding and layout implementation process.

Can I use this to add responsive layouts to an existing TypeScript web application?▼

Yes, you can use this to add responsive layouts to an existing TypeScript web application by scaffolding new UI components that adhere to established design patterns and strict web standards.

Why should I use strict TypeScript configurations for frontend component development?▼

Use strict TypeScript configurations for frontend component development to guarantee robust, maintainable, and scalable user interfaces that seamlessly integrate with existing state management solutions.

Related Skills

Explore More Software Engineering Skills→
wonderslifewonderslife
13

system-architect

Scaffold project structures and technology stacks with starter templates.

Community
Advanced
spartDevspartDev
6

Design System Compliance

Enforce design-system compliance for UI components with dark mode and accessibility requirements.

Community
Intermediate
Ditto190Ditto190

state-management

Organize and synchronize application state across UI components with reusable containers and hooks.

Community
Intermediate
resetreset

static-site-engineer

Develop front-end templates across Zola, Hugo, 11ty, Astro, and Eleventy sites.

Community
Advanced