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 에이전트, 크롤러, 스크립트가 전체 페이지 대신 정리된 컨텍스트만 필요할 때 이 링크를 사용하세요.
"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 리더보드 크기에 맞춘 캠페인용 배너 옵션 3가지를 디자인해 주세요.
우리 브랜드 가이드라인을 사용해 이 이벤트를 위한 미니멀리스트, 에디토리얼, 사진 기반 배너 방향을 만들어 주세요.
HTML 배너 시안을 만들고, 배경 프롬프트 옵션을 생성하고, PNG 미리보기를 내보낸 다음, 치수와 근거를 요약해 주세요.
작성자
nextlevelbuilder라이선스
MIT
작성자 버전
v1.0.0
Skillstore 리비전
r1
리포지토리
https://github.com/nextlevelbuilder/ui-ux-pro-max-skill/tree/main/.claude/skills/banner-design/참조
62e2a730c5cd74eab4c7164309d810de660fcea3
유지보수 최신성
2026. 7. 18.
사용량
8 다운로드 · 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.