Communitygithub.com

ElKrapulito/calucha-landing

管理品牌声音、视觉形象、信息传达框架、资产和一致性。适用于品牌内容、语气基调、营销资产、品牌合规和风格指南。

calucha-landing 是什么?

该技能(SKILL)用于管理和维护品牌资产,包括品牌声音、视觉形象、信息传达框架以及一致性审计。它支持 Claude Code 等 AI 智能体平台,通过提供一系列脚本和参考文档来帮助用户快速注入品牌上下文、验证资产、提取和比较颜色,以及同步品牌指南到设计令牌。用户可以运行预定义的 CLI 命令(如 `node scripts/inject-brand-context.cjs`)来增强提示中的品牌一致性,或使用 `node scripts/validate-asset.cjs <path>` 验证单个资产。技能还内置了子命令路由和多个参考文档(如声音框架、视觉标识、排版规范等),确保品牌资产的管理工作流高效且标准。

兼容平台✓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. 同步到设计令牌
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.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.

相关技能