Skip to main content

/

/

Stats

Actions

Tags

Stats

Actions

Tags

ClaudePluginHub

Community directory for discovering and installing Claude Code plugins.

Find plugins for your project

AI-powered recommendations based on your stack.

Product

Browse Plugins
Marketplaces
Pricing
About
Contact

Resources

Learning Center
Blog
Weekly Digest
Claude Code Docs
Plugin Guide
Plugin Reference
Plugin Marketplaces

Community

Browse on GitHub
Get Support

Legal

Terms of Service
Privacy Policy

Browse · Plugins · Top Plugins · Marketplaces · Components · Technologies · Skills · Agents · Commands · Hooks · MCP Servers · LSP Servers · Output Styles · Themes · Monitors

Categories · Productivity · Development · Testing · Deployment · Security · Documentation · Data · Utilities

© 2025 ClaudePluginHub

Community Maintained · Not affiliated with Anthropic

ClaudePluginHub

ClaudePluginHub

Tools Learn Pricing

Search everything...

componente-ui | cerebro-dev

Home
Skills
cerebro-dev
componente-ui

Skill

componente-ui

From cerebro-dev

Use quando quiser criar um componente de interface (card, tabela, gráfico, formulário, painel) reaproveitando o design system do projeto.

Invocation

How this skill is triggered — by the user, by Claude, or both

Slash command

/cerebro-dev:componente-ui

User invocable

Model invocable

Inline context

Default effort

Context Preview

The summary Claude sees in its skill listing — used to decide when to auto-load this skill

- Construir uma peça de interface reutilizável.

SKILL.md

31 lines · ~267 tokens

Stats

LanguageJavaScript

Parent stars0

MaintenanceGood

Last CommitJun 17, 2026

Actions

View Source View Plugin View on GitHub View README

Stats

LanguageJavaScript

Parent stars0

MaintenanceGood

Last CommitJun 17, 2026

Actions

View Source View Plugin View on GitHub View README

Criar componente de UI

Quando usar

Construir uma peça de interface reutilizável.

Passos

Entenda o que faz, quais props recebe e onde será usado.
Antes de escrever, olhe um componente existente e siga o estilo (Tailwind/CSS, convenção de props, pastas, tipos).
Implemente:
- Componente tipado, props claras
- Estados: carregando, vazio, erro (sobretudo em dashboard)
- Responsivo e acessível (label, contraste, foco) quando aplicável
Mostre um exemplo de uso.

Boas práticas

Reaproveite componentes e tokens existentes — não duplique estilo.
Uma responsabilidade por componente; lógica pesada vai para hook/serviço.
Gráficos: use a lib que o projeto já adota.

Erros comuns

Esquecer estados de erro/vazio.
Acessibilidade ignorada (sem foco/label, contraste baixo).

Relacionadas

/frontend-design · /dashboard · /testar-web

$

npx claudepluginhub kayquin/cerebro_ia --plugin cerebro-dev

Similar Skills

pdf

150.3k

Reads, extracts text/tables, merges, splits, rotates, watermarks, creates, fills forms, encrypts/decrypts, extracts images, and OCRs PDFs using Python libraries (pypdf, pdfplumber).

11 files

ui-ux-pro-max

90.2k

Provides UI/UX resources: 50+ styles, color palettes, font pairings, guidelines, charts for web/mobile across React, Next.js, Vue, Svelte, Tailwind, React Native, Flutter. Aids planning, building, reviewing interfaces.

View ui-ux-pro-max

context7-mcp

55.5k

Fetches up-to-date documentation from Context7 for libraries and frameworks like React, Next.js, Prisma. Use for setup questions, API references, and code examples.

context7-plugin

View context7-mcp