frontend-design

Generate production-quality HTML/CSS/JS frontend components with a defined aesthetic direction.

10|6|Updated Dec 22, 2025

Search Tags:#design #ui #frontend #react #aesthetics #production-grade

One-click install

npx skills add https://github.com/eduwxyz/orquestrator-agent --skill frontend-design-eduwxyz

Or copy as Structured Prompt for Agent▼

Please help me install this Agent Skill.
Skill: frontend-design
Source: https://github.com/eduwxyz/orquestrator-agent/tree/main/.claude/skills/frontend-design
Command: npx skills add https://github.com/eduwxyz/orquestrator-agent --skill frontend-design-eduwxyz

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Este skill orienta a criação de interfaces frontend com estética distinta, código de produção e comportamento coerente com uma direção criativa definida, ajudando a evitar designs genéricos de IA.

Core Features & Use Cases

Direção estética clara: Defina uma direção de design forte para componentes e páginas.
Geração de código funcional: Produz HTML/CSS/JS (ou React/Vue) com qualidade de produção.
Componentização e consistência: Incentiva padrões de UI e sistemas de design.
Use Case: Crie um componente de dashboard com identidade visual única para um produto SaaS.

Quick Start

Crie um componente de onboarding com estilo distinto usando HTML/CSS/JS conforme a direção estética escolhida e entregue um pacote pronto para integração.