ckm:design

Inteligência de design UI/UX para web e mobile. Inclui mais de 50 estilos, 161 paletas de cores, 57 combinações de fontes, 161 tipos de produto, 99 diretrizes de UX e 25 tipos de gráfico em 10 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui e HTML/CSS). Ações: planejar, construir, criar, projetar, implementar, revisar, corrigir, melhorar, otimizar, aprimorar, refatorar e verificar código UI/UX. Projetos: site, landing page, dashboard, painel administrativo, e-commerce, SaaS, portfólio, blog e...

Arquitetura de tokens, especificações de componentes e geração de slides. Tokens de três camadas (primitivo → semântico → componente), variáveis CSS, escalas de espaçamento/tipografia, especificações de componentes, criação estratégica de slides. Use para tokens de design, design sistemático, apresentações alinhadas à marca.

Crie interfaces de usuário bonitas e acessíveis com componentes shadcn/ui (construídos sobre Radix UI + Tailwind), estilização utilitária do Tailwind CSS e designs visuais baseados em canvas. Use ao construir interfaces de usuário, implementar sistemas de design, criar layouts responsivos, adicionar componentes acessíveis (diálogos, menus suspensos, formulários, tabelas), personalizar temas e cores, implementar modo escuro, gerar designs visuais e pôsteres, ou estabelecer padrões de estilização consistentes entre aplicações.

Voz da marca, identidade visual, estruturas de mensagens, gestão de ativos, consistência da marca. Ative para conteúdo de marca, tom de voz, ativos de marketing, conformidade da marca, guias de estilo.

Crie apresentações HTML estratégicas com Chart.js, tokens de design, layouts responsivos, fórmulas de copywriting e estratégias contextuais de slides.

Crie banners para redes sociais, anúncios, hero sections de sites, ativos criativos e materiais impressos. Múltiplas opções de direção de arte com visuais gerados por IA. Ações: projetar, criar, gerar banner. Plataformas: Facebook, Twitter/X, LinkedIn, YouTube, Instagram, Google Display, hero section de site, impresso. Estilos: minimalista, gradiente, tipografia ousada, baseado em foto, ilustrado, geométrico, retrô, glassmorphism, 3D, neon, duotone, editorial, colagem. Utiliza as habilidades ui-ux-pro-max, frontend-design, ai-artist, ai-multimodal.

Arquitetura de tokens, especificações de componentes e geração de slides. Tokens de três camadas (primitivo → semântico → componente), variáveis CSS, escalas de espaçamento/tipografia, especificações de componentes, criação estratégica de slides. Use para tokens de design, design sistemático, apresentações alinhadas à marca.

Crie banners para redes sociais, anúncios, heróis de site, ativos criativos e impressos. Múltiplas opções de direção de arte com visuais gerados por IA. Ações: criar, desenvolver, gerar banner. Plataformas: Facebook, Twitter/X, LinkedIn, YouTube, Instagram, Google Display, herói de site, impresso. Estilos: minimalista, gradiente, tipografia ousada, baseado em foto, ilustrado, geométrico, retrô, glassmorphism, 3D, neon, duotone, editorial, colagem. Utiliza as habilidades ui-ux-pro-max, frontend-design, ai-artist, ai-multimodal.