Skills
.Work. You
Rest

ui-ux-code-generation

Community

Gera código frontend resiliente sem CLS

Software Engineering#ui#accessibility#frontend#react#responsive#fallback
Authorluansilvadb
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Gera código frontend (HTML/CSS/JS/React) focado em resiliência visual, eliminando layout shifts e garantindo fallback para dados ausentes.

Core Features & Use Cases

  • Defensive Rendering: binding seguro com optional chaining e fallback para valores nulos.
  • Layout Stability: uso de min-height e padrões responsivos para evitar CLS.
  • Accessibility by Default: ARIA e navegação por teclado como base, com foco visível.
  • Use Case: equipes de frontend que precisam de componentes prontos e acessíveis para produção.

Quick Start

Generate a responsive React UI component with graceful fallbacks and accessible keyboard navigation.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: ui-ux-code-generation
Download link: https://github.com/luansilvadb/agoravai/archive/main.zip#ui-ux-code-generation

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.