Communitygithub.com

ElKrapulito/calucha-landing

品牌語調、視覺識別、訊息框架、資產管理與品牌一致性。啟用後可用於品牌內容、語氣、行銷素材、品牌合規與風格指南。

calucha-landing 是什麼?

這個技能為 AI 代理提供完整的品牌管理系統,涵蓋品牌語調、視覺識別、訊息框架、資產管理與一致性框架。它支援 Claude Code、Cursor 等開發環境,透過結構化指南、模板與自動化腳本,協助使用者定義品牌標準、審查品牌一致性、組織與驗證資產,以及管理色彩與字型規格。技能會根據 `$ARGUMENTS` 中的子命令(如 `update`)載入對應的參考文件(如 `references/update.md`)並執行後續操作。內建多個實用腳本,例如注入品牌上下文到提示詞中、同步品牌指南至設計 Token、驗證資產命名與格式、以及從圖片中提取色彩比對調色板。此外還提供完整的參考文件庫,包括語調框架、視覺識別指南、訊息框架、一致性檢查清單、資產組織最佳實踐、色彩管理與字型規格等,讓 AI 代理能系統性地維護品牌標準。

相容平台✓Claude Code~Codex CLI~Cursor
npx skills add https://github.com/ElKrapulito/calucha-landing/tree/HEAD/.claude/skills/brand

在你喜歡的 AI 中提問

開啟一個已預先載入此 Agent Skill 的新對話。

說明文件

品牌

品牌識別、語調、訊息傳遞、資產管理與一致性框架。

使用時機

  • 品牌語調定義與內容語氣指導
  • 視覺識別標準與風格指南開發
  • 訊息框架建立
  • 品牌一致性審查與稽核
  • 資產組織、命名與核准
  • 色板管理與字型規格

快速開始

將品牌上下文注入提示詞中:

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

驗證資產:

node scripts/validate-asset.cjs <asset-path>

提取/比較色彩:

node scripts/extract-colors.cjs --palette
node scripts/extract-colors.cjs <image-path>

品牌同步工作流程

# 1. 編輯 docs/brand-guidelines.md(或使用 /brand update)
# 2. 同步至設計 Token
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 → Token 定義
  • 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.cjs同步 brand-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.

相關技能