frontend-developer

Develop and refine frontend interfaces with React, Vue, and Angular.

30|7|Updated Jan 13, 2026
One-click install
npx skills add https://github.com/saeed-vayghan/gemini-agent-skills --skill frontend-developer-saeed-vayghan
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: frontend-developer
Source: https://github.com/saeed-vayghan/gemini-agent-skills/tree/main/.gemini/skills/frontend-developer
Command: npx skills add https://github.com/saeed-vayghan/gemini-agent-skills --skill frontend-developer-saeed-vayghan

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill streamlines the development of robust, scalable, and maintainable frontend user interfaces, ensuring adherence to modern web standards and best practices.

Core Features & Use Cases

  • Component Scaffolding: Creates new UI components with TypeScript, including interfaces and basic structure.
  • Responsive Design & Accessibility: Implements layouts that adapt to various screen sizes and meet WCAG compliance.
  • Integration & Documentation: Seamlessly integrates with existing state management, provides API documentation, and facilitates handoff.
  • Use Case: Develop a new user dashboard module in React, ensuring it's responsive, accessible, and integrates with existing state management patterns.

Quick Start

Use the frontend-developer skill to create a new React component for a user profile card.

Frequently Asked Questions about frontend-developer

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

FAQPage Schema
How do I scaffold React components with TypeScript and ensure accessibility?

To scaffold React components with TypeScript and accessibility, this tool generates UI structures with typed interfaces and implements responsive layouts that meet WCAG compliance. It focuses on modern web standards to ensure components are performant and maintainable across various screen sizes.

Can I use this to build Angular and Vue user interfaces?

Yes, you can build Angular and Vue user interfaces. This skill develops and refines frontend components across React, Vue, and Angular frameworks, specializing in crafting performant, accessible, and maintainable UI elements tailored to modern web standards and TypeScript integration.

What is the best way to integrate a new UI module with existing state management?

The best way to integrate a new UI module with existing state management is by leveraging this skill's integration capabilities. It seamlessly connects new components to your current state patterns while providing API documentation and facilitating smooth project handoff.

Does this skill build responsive designs that adapt to various screen sizes?

Yes, this skill builds responsive designs that adapt to various screen sizes. It implements layouts that meet WCAG compliance and modern web standards, ensuring your frontend user interfaces remain accessible and visually consistent across all devices.

How do I create a user dashboard module in React that is maintainable?

To create a maintainable React user dashboard module, this skill streamlines development by scaffolding typed UI components and integrating them with existing state management. It ensures the final output is robust, scalable, and adheres to modern web standards and best practices.