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.
建立多格式橫幅設計
團隊需要能符合各平台規格、同時不犧牲品牌清晰度的橫幅。此技能會指引藝術方向、尺寸、圖像提示詞、HTML 構圖與匯出步驟。
將此請求複製給你的智慧代理,其中包含權威 Skill 頁面和清單。
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.你的智慧代理仍應顯示其計畫,並依安全政策請求必要確認。
當 AI Agent、爬蟲或腳本需要乾淨脈絡、而不是讀取完整頁面時,請使用這些連結。
正在使用「ckm-banner-design」。 一個 SaaS 上市活動需要 Twitter/X 頁首與 LinkedIn 橫幅。
預期結果:
三個協調一致的橫幅方向,包含平台尺寸、標題位置、CTA 指引與可匯出的預覽路徑。
正在使用「ckm-banner-design」。 一場會議需要用於社群與網站的大膽活動橫幅。
預期結果:
一個大膽字體方向、一個照片式方向,以及一個霓虹方向,並包含安全區與圖像提示詞備註。
正在使用「ckm-banner-design」。 一個電商品牌想要 Google Display 廣告橫幅。
預期結果:
常見尺寸的展示廣告版面,包含產品焦點、短文案、對比檢查與壓縮指引。
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.
這些是真實的本機能力,對此技能而言可能是預期行為,因此需要複核,但不會按已確認的惡意行為計分。
分享版本化評估報告、中性徽章、嵌入卡片與引用。Skillstore 只報告證據,不判斷該 Skill 是否安全。
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"
建立協調一致的社群、廣告與主視覺橫幅,並維持一致訊息與符合各平台的尺寸。
為 Twitter/X、LinkedIn、Facebook 與 YouTube 設計封面圖,並清楚配置安全區位置。
在選定活動方向前,生成多個不同風格的橫幅概念。
為我們的產品上市建立 LinkedIn 橫幅。使用乾淨的 SaaS 風格、這個標題,以及一個清楚的 CTA。
為一場橫跨 Instagram 貼文、Twitter/X 頁首與 Google leaderboard 尺寸的活動設計三個橫幅選項。
使用我們的品牌指南,並為此活動建立極簡、編輯風與照片式橫幅方向。
建立 HTML 橫幅構圖稿、生成背景提示詞選項、匯出 PNG 預覽,並摘要尺寸與設計理由。
授權
MIT
作者版本
v1.0.0
Skillstore 修訂
r1
引用
62e2a730c5cd74eab4c7164309d810de660fcea3
維護新鮮度
2026/7/18
使用量
9 次下載 · 0 次瀏覽
檔案結構
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 與 UX 設計工作流程
介面工作通常需要一致的風格、無障礙性,以及特定技術棧的指引。這項技能為 Claude、Codex 和 Claude Code 提供可搜尋的 UI/UX 參考,用於規劃、建構和審查設計。
建立品牌指南與資產工作流程
品牌工作經常在語調、視覺、資產和設計權杖之間逐漸偏離。此技能可協助 Claude、Codex 和 Claude Code 建立、審查並套用一致的品牌系統。
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.
製作符合平台規範的影片廣告
由 101-skills
各平台的影片廣告要求不盡相同,容易造成代價高昂的格式與創意錯誤。此技能提供規格、分秒結構、字幕指引及製作提示。
規劃 30 天社群內容
由 zhangchenlai-dev
社群團隊經常花費許多時間,將活動構想轉化為一致的每日貼文。這項技能可將一個主題轉換為 30 天內容行事曆,並提供平台調整與發布時機建議。
Write Social Posts in Your Voice
由 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
由 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
由 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
由 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.