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 Designs de Banners em Múltiplos Formatos
Equipes precisam de banners que se ajustem a cada plataforma sem perder a clareza da marca. Esta habilidade orienta direção de arte, dimensões, prompts de imagem, composição em HTML e etapas de exportação.
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-banner-design" from https://skillstore.io/skills/nextlevelbuilder-ckm-banner-design.md and its manifest at https://skillstore.io/api/skills/nextlevelbuilder-ckm-banner-design/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.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-banner-design". Um lançamento SaaS precisa de um cabeçalho para Twitter/X e um banner para LinkedIn.
Resultado esperado:
Três direções de banner coordenadas com dimensões de plataforma, posicionamento de título, orientação de CTA e caminhos de pré-visualização prontos para exportação.
Usando "ckm-banner-design". Uma conferência precisa de banners de evento marcantes para uso em redes sociais e no site.
Resultado esperado:
Uma direção com tipografia marcante, uma direção baseada em fotos e uma direção neon com zonas seguras e notas de prompt de imagem.
Usando "ckm-banner-design". Uma marca de e-commerce quer banners para Google Display Ads.
Resultado esperado:
Layouts de anúncios display para tamanhos comuns com foco no produto, texto curto, verificações de contraste e orientação de compressão.
Most static alerts are false positives caused by markdown backticks, design terminology, or localhost screenshot URLs. The remaining confirmed issues are documented helper-script executions, hidden .claude toolchain paths, and inferred third-party image-generation prompt disclosure.
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-banner-design/audits/4?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report[](https://skillstore.io/skills/nextlevelbuilder-ckm-banner-design?utm_source=security_passport_badge)<a href="https://skillstore.io/skills/nextlevelbuilder-ckm-banner-design?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/nextlevelbuilder-ckm-banner-design/security.svg" alt="Skillstore security assessment" loading="lazy"></a><iframe src="https://skillstore.io/embed/skills/nextlevelbuilder-ckm-banner-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-banner-design security audit report (audit version 4) [Author version 1.0.0]. Skillstore. https://skillstore.io/skills/nextlevelbuilder-ckm-banner-design/audits/4@techreport{nextlevelbuilder-nextlevelbuilder-ckm-banner-design-2026,
author = {nextlevelbuilder},
title = {ckm-banner-design security audit report (audit version 4)},
institution = {Skillstore},
year = {2026},
number = {4},
url = {https://skillstore.io/skills/nextlevelbuilder-ckm-banner-design/audits/4},
note = {Author version 1.0.0}
}cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "ckm-banner-design security audit report (audit version 4)"
version: "1.0.0"
type: report
authors:
- name: "nextlevelbuilder"
date-released: "2026-07-05"
url: "https://skillstore.io/skills/nextlevelbuilder-ckm-banner-design/audits/4"
identifiers:
- type: other
value: "skillstore:nextlevelbuilder-ckm-banner-design:audit:4"
description: "Skillstore immutable audit report identifier"
Crie banners coordenados para redes sociais, anúncios e hero com mensagens consistentes e tamanhos específicos para cada plataforma.
Projete imagens de capa para Twitter/X, LinkedIn, Facebook e YouTube com posicionamento claro em zonas seguras.
Gere vários conceitos de banner em estilos diferentes antes de escolher uma direção de campanha.
Crie um banner para LinkedIn para o lançamento do nosso produto. Use um estilo SaaS limpo, este título e um CTA claro.
Crie três opções de banner para uma campanha nos tamanhos de post do Instagram, cabeçalho do Twitter/X e leaderboard do Google.
Use nossas diretrizes de marca e crie direções de banner minimalistas, editoriais e baseadas em fotos para este evento.
Crie comps de banners em HTML, gere opções de prompts de fundo, exporte pré-visualizações em PNG e resuma dimensões e justificativa.
Autor
nextlevelbuilderLicença
MIT
Versão do autor
v1.0.0
Revisão da Skillstore
r1
Repositório
https://github.com/nextlevelbuilder/ui-ux-pro-max-skill/tree/main/.claude/skills/banner-design/Referência
62e2a730c5cd74eab4c7164309d810de660fcea3
Atualidade da manutenção
18/07/2026
Uso
9 downloads · 0 visualizações
Estrutura de arquivos
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.
Crie anúncios em vídeo prontos para cada plataforma
por 101-skills
Os requisitos para anúncios em vídeo variam entre plataformas, causando erros dispendiosos de formatação e criação. Esta skill fornece especificações, estruturas temporizadas, orientações sobre legendas e prompts de produção.
Planeje 30 Dias de Conteúdo Social
por zhangchenlai-dev
Equipes de redes sociais muitas vezes perdem tempo transformando ideias de campanha em publicações diárias consistentes. Esta habilidade transforma um tópico em um calendário de 30 dias com adaptações por plataforma e sugestões de horário.
Write Social Posts in Your Voice
por prateeks367
Generic AI posts often sound polished but unlike the writer. This skill studies recent samples, drafts one social post, and checks it against the observed style.
Plan a Week of Social Posts
por prateeks367
Consistent social posting is difficult when topics, formats, and opening lines remain undecided. This skill creates a dated Twitter or LinkedIn calendar with varied formats, clear purposes, and optional per-post scheduling approval.
Rewrite a Stronger Post Opening
por prateeks367
Weak opening lines can hide the strongest idea in an otherwise useful post. This skill diagnoses the opening and creates distinct, honest alternatives for comparison.
Find Your Content Pillars
por prateeks367
Creators often choose broad topics and run out of useful ideas. This skill turns their experience, posts, and audience needs into focused content pillars.