Publish indexFonte únicaIA ready

Índice visual para acompanhar, publicar e consumir a biblioteca.

Esta página substitui o Storybook como superfície principal de acompanhamento. Ela mostra o contrato de consumo por IA, o estado da biblioteca e os artefatos de publicação que realmente importam.

Leitura rápida

O que usar, como distribuir e onde validar.

Registry para instalação pontual por agentes

Package para consumo contínuo em apps

Blocks compostos para acelerar páginas reais

Tokens semânticos como contrato visual global

Registry estilo shadcn

Recomendado

Melhor formato para agentes e times puxarem componentes sob demanda em projetos novos ou existentes.

pnpm dlx shadcn@latest add https://camaleon-ui.local/r/camaleon-button.json

Pacote da biblioteca

Pronto

Ideal para produtos internos, apps compartilhados e times que preferem versionar a UI como dependency.

pnpm add @untitled-ui/ui @untitled-ui/tokens

Blocos compostos

Em expansão

Melhor camada para a IA ganhar tempo com páginas e superfícies já montadas, em vez de gerar tudo do zero.

import { OperationsInsightsPanel } from '@untitled-ui/ui'

Landing page completa

Fluxo de marketing completo com o lote de landing já componentizado.

Abrir mockup

Sistema administrativo

Superfície operacional longa com a frente de application blocks agrupada.

Abrir mockup

Jornada híbrida

Transição completa entre landing page, autenticação e workspace autenticado.

Abrir mockup

Contrato de consumo por IA

O comportamento recomendado para agentes ao gerar front com a biblioteca.

Use tokens semânticos antes de cores fixas.

Prefira blocos compostos quando a tela for conhecida.

Se faltar contexto, comece por componentes base e avance para blocks.

Use o registry para instalação pontual e o package para consumo contínuo.

Considere este índice como a fonte rápida de status e distribuição.

Status por categoria

Visão executiva da biblioteca para validação de publicação.

Foundations

Sendo feito

Themes, colors, typography, logos, icons

Base components

Majoritariamente finalizado

Buttons, inputs, dropdowns, tabs, table, alerts, pagination, selection controls

Application components

Avançado

Navigation, modal, command menu, progress steps, metrics, messaging, upload

Marketing sections

Em expansão

Header, hero, features, social proof, testimonials, pricing, FAQ, CTA, footer

Editorial blocks

Sendo feito

Knowledge base, blog layouts, content variants, quote, split sections

Brand assets

Sendo feito

Untitled logo, press logos, company logos, icon families locais

Checklist de publicação

O mínimo necessário para validar um release da biblioteca.

Confirmar contrato semântico de tokens.

Validar exports do pacote `@untitled-ui/ui`.

Validar JSONs do registry em `/r`.

Revisar blocos compostos prioritários.

Publicar changelog e versão da biblioteca.

Artefatos públicos

Links úteis para checar publicação e distribuição sem abrir o Storybook.

Inventário publicado

O que já está exposto no registry e pode ser consumido por IA ou projetos.

Base UI

12
buttoninputbadgetooltiptextareaavatardropdownverification-code-inputtabstablealertpagination

Application components

11
application-navigationapplication-card-headerbreadcrumbcalendardate-pickermodalmetric-cardmessaging-threadprogress-indicatorprogress-stepsfile-upload

Blocks compostos

45
auth-access-panelapplication-automation-rules-workspace-panelapplication-approvals-workspace-panelapplication-brand-governance-workspace-panelapplication-client-communication-workspace-panelapplication-command-center-panelapplication-content-ops-workspace-panelapplication-design-assets-workspace-panelapplication-enablement-hub-workspace-panelapplication-empty-workspace-panelapplication-executive-briefing-workspace-panelapplication-experiment-lab-workspace-panelapplication-guided-rollout-workspace-panelapplication-incident-ops-workspace-panelapplication-intake-workspace-panelapplication-media-kit-workspace-panelapplication-partner-portal-workspace-panelapplication-permissions-workspace-panelapplication-press-coverage-workspace-panelapplication-project-workspace-panelapplication-reporting-workspace-panelapplication-release-workspace-panelapplication-scheduling-workspace-panelapplication-secure-handoff-workspace-panelapplication-support-workspace-panelclient-onboarding-panelmarketing-header-navigationmarketing-hero-sectionmarketing-feature-gridmarketing-social-proof-sectionmarketing-testimonial-sectionmarketing-team-sectionmarketing-pricing-sectionmarketing-faq-sectionmarketing-cta-bannermarketing-contact-sectionmarketing-footer-sectionknowledge-base-articleeditorial-feature-sectioneditorial-article-layouteditorial-interview-article-layoutcontent-split-image-sectionblog-post-page-headerblog-post-page-header-altworkspace-settings-panel

Brand assets

5
untitled-ui-logopress-logocompany-logoicon-system-showcaselogo-library-showcase

Leitura de release

Resumo operacional do que a IA já consegue consumir sem depender do Storybook.

Registry items úteis

73

Melhor formato para IA

Registry + blocks

Superfície oficial

Docs app

Uso complementar

Storybook apenas para casos específicos

Uso recomendado a partir de agora

Use esta página como painel principal de acompanhamento da biblioteca. Storybook pode continuar existindo como apoio, mas a validação de publicação, distribuição e consumo por IA fica mais estável quando concentrada aqui.