Communitygithub.com

ElKrapulito/calucha-landing

브랜드 보이스, 시각적 아이덴티티, 메시징 프레임워크, 자산 관리, 브랜드 일관성. 브랜드 콘텐츠, 톤 앤 보이스, 마케팅 자산, 브랜드 컴플라이언스, 스타일 가이드에 활성화하세요.

calucha-landing란 무엇인가요?

이 스킬은 AI 에이전트(예: Claude Code, Cursor)에서 브랜드 아이덴티티, 보이스, 메시징, 자산 관리 및 일관성 프레임워크를 체계적으로 관리할 수 있도록 설계되었습니다. 브랜드 보이스 정의, 시각적 아이덴티티 표준 수립, 메시징 프레임워크 생성, 브랜드 일관성 검토 및 감사, 자산 정리 및 명명, 색상 팔레트 관리, 타이포그래피 사양 등을 지원합니다. `scripts/` 디렉토리의 스크립트를 통해 브랜드 컨텍스트를 프롬프트에 주입하거나, 자산 유효성 검사, 색상 추출 및 비교, 브랜드 가이드라인을 디자인 토큰으로 동기화하는 작업을 자동화할 수 있습니다. `references/` 디렉토리의 마크다운 파일과 템플릿을 참조하여 체계적인 브랜드 관리를 구현하며, 서브커맨드 라우팅을 통해 특정 작업을 수행합니다.

지원 대상✓Claude Code~Codex CLI~Cursor
npx skills add https://github.com/ElKrapulito/calucha-landing/tree/HEAD/.claude/skills/brand

즐겨 사용하는 AI에게 물어보기

이 에이전트 스킬이 미리 로드된 새 채팅을 엽니다.

문서

브랜드

브랜드 아이덴티티, 보이스, 메시징, 자산 관리 및 일관성 프레임워크.

사용 시기

  • 브랜드 보이스 정의 및 콘텐츠 톤 가이드
  • 시각적 아이덴티티 표준 및 스타일 가이드 개발
  • 메시징 프레임워크 생성
  • 브랜드 일관성 검토 및 감사
  • 자산 정리, 명명 및 승인
  • 색상 팔레트 관리 및 타이포그래피 사양

빠른 시작

브랜드 컨텍스트를 프롬프트에 주입하기:

node scripts/inject-brand-context.cjs
node scripts/inject-brand-context.cjs --json

자산 유효성 검사:

node scripts/validate-asset.cjs <자산-경로>

색상 추출/비교:

node scripts/extract-colors.cjs --palette
node scripts/extract-colors.cjs <이미지-경로>

브랜드 동기화 워크플로우

# 1. docs/brand-guidelines.md 편집 (또는 /brand update 사용)
# 2. 디자인 토큰에 동기화
node scripts/sync-brand-to-tokens.cjs
# 3. 확인
node scripts/inject-brand-context.cjs --json | head -20

동기화되는 파일:

  • docs/brand-guidelines.md → 진실 공급원
  • assets/design-tokens.json → 토큰 정의
  • assets/design-tokens.css → CSS 변수

서브커맨드

서브커맨드설명참조
update브랜드 아이덴티티를 업데이트하고 모든 디자인 시스템에 동기화references/update.md

참조

주제파일
보이스 프레임워크references/voice-framework.md
시각적 아이덴티티references/visual-identity.md
메시징references/messaging-framework.md
일관성references/consistency-checklist.md
가이드라인 템플릿references/brand-guideline-template.md
자산 구조화references/asset-organization.md
색상 관리references/color-palette-management.md
타이포그래피references/typography-specifications.md
로고 사용references/logo-usage-rules.md
승인 체크리스트references/approval-checklist.md

스크립트

스크립트목적
scripts/inject-brand-context.cjs프롬프트 주입을 위한 브랜드 컨텍스트 추출
scripts/sync-brand-to-tokens.cjsbrand-guidelines.md → design-tokens.json/css 동기화
scripts/validate-asset.cjs자산 명명, 크기, 형식 유효성 검사
scripts/extract-colors.cjs팔레트에 대한 색상 추출 및 비교

템플릿

템플릿목적
templates/brand-guidelines-starter.md새 브랜드를 위한 완전한 시작 템플릿

라우팅

  1. $ARGUMENTS에서 서브커맨드 파싱 (첫 번째 단어)
  2. 해당 references/{subcommand}.md 로드
  3. 나머지 인수로 실행

Individual skills in this repo

This repo contains 6 individual skills — each has its own dedicated page.

ElKrapulito/calucha-landing

Design banners for social media, ads, website heroes, creative assets, and print. Multiple art direction options with AI-generated visuals. Actions: design, create, generate banner. Platforms: Facebook, Twitter/X, LinkedIn, YouTube, Instagram, Google Display, website hero, print. Styles: minimalist, gradient, bold typography, photo-based, illustrated, geometric, retro, glassmorphism, 3D, neon, duotone, editorial, collage. Uses ui-ux-pro-max, frontend-design, ai-artist, ai-multimodal skills.

ElKrapulito/calucha-landing

Comprehensive design skill: brand identity, design tokens, UI styling, logo generation (55 styles, Gemini AI), corporate identity program (50 deliverables, CIP mockups), HTML presentations (Chart.js), banner design (22 styles, social/ads/web/print), icon design (15 styles, SVG, Gemini 3.1 Pro), social photos (HTML→screenshot, multi-platform). Actions: design logo, create CIP, generate mockups, build slides, design banner, generate icon, create social photos, social media images, brand identity, design system. Platforms: Facebook, Twitter, LinkedIn, YouTube, Instagram, Pinterest, TikTok, Threads, Google Ads.

ElKrapulito/calucha-landing

Token architecture, component specifications, and slide generation. Three-layer tokens (primitive→semantic→component), CSS variables, spacing/typography scales, component specs, strategic slide creation. Use for design tokens, systematic design, brand-compliant presentations.

ElKrapulito/calucha-landing

Create strategic HTML presentations with Chart.js, design tokens, responsive layouts, copywriting formulas, and contextual slide strategies.

ElKrapulito/calucha-landing

Create beautiful, accessible user interfaces with shadcn/ui components (built on Radix UI + Tailwind), Tailwind CSS utility-first styling, and canvas-based visual designs. Use when building user interfaces, implementing design systems, creating responsive layouts, adding accessible components (dialogs, dropdowns, forms, tables), customizing themes and colors, implementing dark mode, generating visual designs and posters, or establishing consistent styling patterns across applications.

ElKrapulito/calucha-landing

UI/UX design intelligence for web, mobile, and desktop. This skill should be used when designing, building, reviewing, or fixing interfaces, including pages, components, design systems, accessibility, interaction, responsive layout, typography, color, charts, and stack-specific UI implementation. Searchable local data: 79 searchable styles (50 active), 192 product palettes and reasoning profiles, 74 font pairings, 119 UX guidelines, 105 icons, 17 GSAP presets, 25 chart types, and 22 stacks.

관련 스킬