Frontend Components

Create reusable frontend components for React, Vue, Svelte, Angular, or Web Components.

Updated Nov 7, 2025

Search Tags:#React #frontend #design system #components #UI #reusability #Vue

One-click install

npx skills add https://github.com/wmeints/symbiosis --skill frontend-components-wmeints

Or copy as Structured Prompt for Agent▼

Please help me install this Agent Skill.
Skill: Frontend Components
Source: https://github.com/wmeints/symbiosis/tree/main/.claude/skills/frontend-components
Command: npx skills add https://github.com/wmeints/symbiosis --skill frontend-components-wmeints

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps you avoid monolithic, hard-to-maintain UI codebases and inconsistent component design by guiding you to build reusable, composable components with clear interfaces.

Core Features & Use Cases

Reusable Component Design: Design UI components following the single responsibility principle with clear interfaces and minimal props.
Framework-Agnostic Development: Create or edit React, Vue, Svelte, Angular, or Web Components.
Use Case: Generate a new React functional component for a "User Avatar" that accepts src and alt props, ensuring it's reusable and follows best practices.

Quick Start

Using the Frontend Components skill, create a new Vue component named NotificationBadge that displays a count and can be easily reused.