ui-styling
83Build Accessible Tailwind Interfaces
Building consistent, responsive interfaces requires many component, styling, and accessibility decisions. This skill provides shadcn/ui patterns, Tailwind guidance, and focused automation.
Criar ativos completos de design de marca
Equipes de design frequentemente precisam de muitos ativos de marca em estilos e formatos consistentes. Esta skill orienta Claude, Codex e Claude Code na criação de logotipos, ícones, mockups de identidade, banners, imagens sociais e ativos de apresentação.
Pare e solicite confirmação antes de instalar.
Revise o plano e obtenha o consentimento explícito do usuário antes de alterar arquivos.
Copie esta solicitação para o seu Agente. Ela inclui a página canônica do Skill e o manifesto.
Review the Skillstore skill "ckm-design" from https://skillstore.io/skills/nextlevelbuilder-ckm-design.md and its manifest at https://skillstore.io/api/skills/nextlevelbuilder-ckm-design/manifest. Verify the artifact. Stop and obtain explicit user consent before installing or changing files.Seu Agente ainda deve apresentar o plano e solicitar qualquer confirmação exigida pela política de segurança.
Use estes links quando um agente de IA, crawler ou script precisar de contexto limpo em vez de ler a página completa.
Usando "ckm-design". Criar conceitos de logotipo para um app de viagens ecológicas.
Resultado esperado:
Usando "ckm-design". Planejar gráficos de lançamento para LinkedIn e Instagram para um produto SaaS.
Resultado esperado:
Usando "ckm-design". Criar um conceito de CIP para uma marca de consultoria.
Resultado esperado:
The audit found no evidence of malware, prompt-injection text, or covert host reconnaissance. Most static hits are false positives from Markdown examples and design terminology, but the skill does read environment variables, loads .env files from user-home locations, writes generated files, and sends design inputs to Gemini APIs.
Estas são capacidades locais reais que podem ser esperadas para esta habilidade, portanto exigem revisão, mas não são contabilizadas como comportamento malicioso confirmado.
Compartilhe o relatório de avaliação versionado, o badge neutro, o cartão incorporável e as citações. A Skillstore apresenta evidências sem decidir se este Skill é seguro.
https://skillstore.io/skills/nextlevelbuilder-ckm-design/audits/5?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report[](https://skillstore.io/skills/nextlevelbuilder-ckm-design?utm_source=security_passport_badge)<a href="https://skillstore.io/skills/nextlevelbuilder-ckm-design?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/nextlevelbuilder-ckm-design/security.svg" alt="Skillstore security assessment" loading="lazy"></a><iframe src="https://skillstore.io/embed/skills/nextlevelbuilder-ckm-design.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>nextlevelbuilder. (2026). ckm-design security audit report (audit version 5) [Author version 2.1.0]. Skillstore. https://skillstore.io/skills/nextlevelbuilder-ckm-design/audits/5@techreport{nextlevelbuilder-nextlevelbuilder-ckm-design-2026,
author = {nextlevelbuilder},
title = {ckm-design security audit report (audit version 5)},
institution = {Skillstore},
year = {2026},
number = {5},
url = {https://skillstore.io/skills/nextlevelbuilder-ckm-design/audits/5},
note = {Author version 2.1.0}
}cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "ckm-design security audit report (audit version 5)"
version: "2.1.0"
type: report
authors:
- name: "nextlevelbuilder"
date-released: "2026-07-09"
url: "https://skillstore.io/skills/nextlevelbuilder-ckm-design/audits/5"
identifiers:
- type: other
value: "skillstore:nextlevelbuilder-ckm-design:audit:5"
description: "Skillstore immutable audit report identifier"
Criar direções de logotipo, escolhas de cores, ideias de ícones e os primeiros visuais de apresentação para uma nova empresa.
Planejar imagens sociais, banners e cabeçalhos específicos por plataforma com dimensões e direção visual consistentes.
Gerar conceitos de entregáveis de identidade corporativa, como cartões de visita, papéis timbrados, embalagens e mockups de apresentação.
Use ckm-design para propor três direções de logotipo para uma pequena cafeteria chamada Harbor Bean. Inclua estilo, paleta de cores e ideia de ícone para cada direção.
Use ckm-design para planejar imagens de redes sociais para o lançamento de um produto no LinkedIn, Instagram e X. Inclua dimensões, abordagem de layout, hierarquia de texto e estilo visual.
Use ckm-design para criar um programa de identidade corporativa para uma empresa de analytics em saúde. Recomende entregáveis, contextos de mockup, estilo tipográfico e uso de cores.
Use ckm-design para definir um sistema de marca para uma plataforma de IA B2B e depois planejar variantes de logotipo, estilo de ícones, estrutura de apresentação, ativos de banner e modelos de imagens sociais.
Autor
nextlevelbuilderLicença
MIT
Versão do autor
v2.1.0
Revisão da Skillstore
r1
Repositório
https://github.com/nextlevelbuilder/ui-ux-pro-max-skill/tree/main/.claude/skills/design/Referência
1ffa7643651792ccb4bd3b15d924d2c97edff755
Atualidade da manutenção
22/07/2026
Uso
11 downloads · 9 visualizações
Build Accessible Tailwind Interfaces
Building consistent, responsive interfaces requires many component, styling, and accessibility decisions. This skill provides shadcn/ui patterns, Tailwind guidance, and focused automation.
Build Consistent Design Systems and Slides
Inconsistent tokens and components make design handoffs difficult. This skill structures tokens, validates usage, and generates brand-aligned presentation assets.
Create Strategic HTML Presentations
Building persuasive, responsive presentations requires coordinated structure, design, copy, and data visualization. This skill turns a topic and audience brief into a complete HTML deck.
Aprimorar fluxos de trabalho de design de UI e UX
O trabalho de interface frequentemente precisa de estilo consistente, acessibilidade e orientação específica de stack. Esta skill fornece ao Claude, Codex e Claude Code uma referência pesquisável de UI/UX para planejar, criar e revisar designs.
Criar Diretrizes de Marca e Fluxos de Trabalho de Ativos
O trabalho de marca muitas vezes se dispersa entre voz, elementos visuais, ativos e design tokens. Esta skill ajuda Claude, Codex e Claude Code a criar, revisar e aplicar sistemas de marca consistentes.
Build consistent brand guidelines and assets
Brand work can become inconsistent across content, assets, and interfaces. This skill provides structured guidance, validation, and token synchronization to keep brand decisions aligned.
Melhore a UX com orientação de design baseada em investigação
por shubhamsaboo
As equipas muitas vezes desenham fluxos com base em pressupostos e ignoram problemas de acessibilidade. Esta skill orienta a investigação, a estrutura, o design de interação e a revisão usando boas práticas de UX.
Build and Refine Interfaces with Uizze
por uizze
Interface changes can lose visual consistency or disrupt existing workflows. This skill guides implementation from visual targets and project conventions, with optional Uizze resources and explicit verification.
Melhorar o Design Visual do Frontend
por Barnhardt-Enterprises-Inc
Ecrãs de frontend genéricos muitas vezes parecem semelhantes e não têm foco na marca. Esta skill orienta escolhas de tipografia, cor, movimento e profundidade para interfaces mais claras.
Criar Interfaces de Produto Acessíveis
por sickn33
As equipas têm frequentemente dificuldade em transformar necessidades dos utilizadores em interfaces consistentes e acessíveis. Esta skill orienta investigação, fluxos, sistemas de design, tokens e entrega para desenvolvimento.
Crie Prompts Melhores de UI para o Google Stitch
por sickn33
O Google Stitch pode produzir designs genéricos quando os prompts não têm detalhes. Esta skill oferece orientação estruturada de prompts para telas, fluxos, estilo visual, acessibilidade e handoff.
Extrair Padrões Reutilizáveis de Sistema de Design
por pbakaus
As equipes frequentemente duplicam componentes de UI, tokens e padrões de layout em uma aplicação. Esta skill ajuda Claude, Codex ou Claude Code a encontrar padrões reutilizáveis e consolidá-los em um sistema de design mantido.