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.
Multi-Format-Bannerdesigns erstellen
Teams benötigen Banner, die zu jeder Plattform passen, ohne an Markenklarheit zu verlieren. Dieser Skill leitet durch Art Direction, Abmessungen, Bild-Prompts, HTML-Komposition und Exportschritte.
Kopieren Sie diese Anfrage in Ihren Agent. Sie enthält die maßgebliche Skill-Seite und das Manifest.
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.Ihr Agent sollte weiterhin seinen Plan anzeigen und alle von der Sicherheitsrichtlinie verlangten Bestätigungen anfordern.
Verwenden Sie diese Links, wenn ein KI-Agent, Crawler oder Skript sauberen Kontext benötigt, statt die vollständige Seite zu lesen.
„ckm-banner-design“ wird verwendet. Ein SaaS-Launch benötigt einen Twitter/X-Header und einen LinkedIn-Banner.
Erwartetes Ergebnis:
Drei abgestimmte Bannerrichtungen mit Plattformabmessungen, Headline-Platzierung, CTA-Hinweisen und exportbereiten Vorschaupfaden.
„ckm-banner-design“ wird verwendet. Eine Konferenz benötigt auffällige Event-Banner für Social Media und Website.
Erwartetes Ergebnis:
Eine auffällige Typografie-Richtung, eine fotobasierte Richtung und eine Neon-Richtung mit Safe Zones und Hinweisen zu Bild-Prompts.
„ckm-banner-design“ wird verwendet. Eine E-Commerce-Marke möchte Google Display-Anzeigenbanner.
Erwartetes Ergebnis:
Layouts für Display-Anzeigen in gängigen Größen mit Produktfokus, kurzem Text, Kontrastprüfungen und Komprimierungshinweisen.
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.
Dies sind echte lokale Fähigkeiten, die für diese Fähigkeit erwartet werden können; daher müssen sie überprüft werden, werden jedoch nicht als bestätigtes bösartiges Verhalten gezählt.
Teile den versionierten Bewertungsbericht, das neutrale Badge, die Einbettungskarte und Zitate. Skillstore berichtet Nachweise, ohne zu entscheiden, ob dieser Skill sicher ist.
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"
Erstelle abgestimmte Social-, Anzeigen- und Hero-Banner mit konsistenter Botschaft und plattformspezifischen Größen.
Entwirf Coverbilder für Twitter/X, LinkedIn, Facebook und YouTube mit klarer Safe-Zone-Platzierung.
Generiere mehrere Bannerkonzepte in unterschiedlichen Stilen, bevor eine Kampagnenrichtung ausgewählt wird.
Erstelle einen LinkedIn-Banner für unseren Produktlaunch. Verwende einen klaren SaaS-Stil, diese Headline und einen eindeutigen CTA.
Entwirf drei Banneroptionen für eine Kampagne über Instagram-Post, Twitter/X-Header und Google-Leaderboard-Größen hinweg.
Verwende unsere Markenrichtlinien und erstelle minimalistische, redaktionelle und fotobasierte Banner-Richtungen für dieses Event.
Erstelle HTML-Banner-Comps, generiere Optionen für Hintergrund-Prompts, exportiere PNG-Vorschauen und fasse Abmessungen und Begründung zusammen.
Autor
nextlevelbuilderLizenz
MIT
Autorenversion
v1.0.0
Skillstore-Revision
r1
Repository
https://github.com/nextlevelbuilder/ui-ux-pro-max-skill/tree/main/.claude/skills/banner-design/Ref.
62e2a730c5cd74eab4c7164309d810de660fcea3
Aktualität der Wartung
18.7.2026
Nutzung
8 Downloads · 0 Aufrufe
Dateistruktur
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.
UI- und UX-Design-Workflows verbessern
Interface-Arbeit erfordert oft konsistente Gestaltung, Barrierefreiheit und stack-spezifische Anleitung. Dieser Skill gibt Claude, Codex und Claude Code eine durchsuchbare UI/UX-Referenz für Planung, Erstellung und Review von Designs.
Markenrichtlinien und Asset-Workflows erstellen
Markenarbeit driftet häufig über Sprache, visuelle Gestaltung, Assets und Design Tokens hinweg auseinander. Dieser Skill hilft Claude, Codex und Claude Code dabei, konsistente Markensysteme zu erstellen, zu überprüfen und anzuwenden.
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.
Plattformgerechte Videoanzeigen erstellen
von 101-skills
Die Anforderungen an Videoanzeigen unterscheiden sich je nach Plattform, was kostspielige Formatierungs- und Gestaltungsfehler verursachen kann. Dieser Skill bietet Spezifikationen, zeitlich strukturierte Abläufe, Anleitungen für Untertitel und Produktions-Prompts.
30 Tage Social Content planen
von zhangchenlai-dev
Social-Media-Teams verlieren oft Zeit damit, Kampagnenideen in konsistente tägliche Beiträge umzusetzen. Diese Skill verwandelt ein Thema in einen 30-Tage-Kalender mit plattformspezifischen Anpassungen und Timing-Vorschlägen.
Transform Source Material into Social Posts
von azeemkafridi
Creating platform-ready content from one source takes time and can cause inconsistent messaging. This skill organizes original social post drafts while preserving attribution and source accuracy.
Refine Posts Into Your Brand Voice
von azeemkafridi
Different contributors can make social content sound inconsistent. This skill applies supplied voice guidance to produce clear, consistent, platform-ready drafts without changing approved claims.
Discover and Schedule Trending Social Content
von viralhunt-io
Finding useful trends across many social networks can take hours and produce weak posting decisions. ViralHunt helps you research momentum, timing, hashtags, sounds, communities, and connected-account publishing.
Sync Video With Shot Analysis
von eternityspring
Shot notes are difficult to compare with footage when they live in separate files. This skill combines both into a synchronized video with an animated shot panel.