ckm:ui-styling
por nextlevelbuilder
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.
npx skills add https://github.com/nextlevelbuilder/ui-ux-pro-max-skill --skill ckm:ui-stylingMais skills de nextlevelbuilder
ui-ux-pro-max
nextlevelbuilder
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...
designdevelopmentcreative
ckm:design-system
nextlevelbuilder
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.
designdevelopmentcreative
ckm:design
nextlevelbuilder
Habilidade de design abrangente: identidade de marca, design tokens, estilização de UI, geração de logotipos (55 estilos, Gemini AI), programa de identidade corporativa (50 entregáveis, mockups de CIP), apresentações em HTML (Chart.js), design de banners (22 estilos, social/ads/web/impressão), design de ícones (15 estilos, SVG, Gemini 3.1 Pro), fotos sociais (HTML→captura de tela, multiplataforma). Ações: criar logotipo, criar CIP, gerar mockups, construir slides, criar banner, gerar ícone, criar fotos sociais, imagens para redes sociais, marca...
designcreativemedia
ckm:brand
nextlevelbuilder
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.
designmarketingcreative
ckm:slides
nextlevelbuilder
Crie apresentações HTML estratégicas com Chart.js, tokens de design, layouts responsivos, fórmulas de copywriting e estratégias contextuais de slides.
designcreative
ckm:banner-design
nextlevelbuilder
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.
designcreativemarketing
design-system
nextlevelbuilder
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.
designdevelopmentcreative
banner-design
nextlevelbuilder
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.