Communitygithub.com

ElKrapulito/calucha-landing

Markenidentität, Stimme, visuelle Identität, Nachrichtenrahmen, Asset-Management und Markenkonsistenz.

Was ist calucha-landing?

Diese Fähigkeit verwaltet und durchsetzt die Markenidentität, Stimme, visuelle Identität und Asset-Konsistenz für Projekte wie Calucha Landing. Sie stellt Markenrichtlinien bereit, synchronisiert Design-Tokens, validiert Assets und erstellt Stilvorlagen. Die Fähigkeit wird durch Markdown-Dokumente, Node.js-Skripte und eine konsistente Ordnerstruktur realisiert. Sie unterstützt Claude Code, Cursor und Codex durch fachspezifische Referenzen, Befehlsrouting und Injections-Skripte.

Funktioniert mit✓Claude Code~Codex CLI~Cursor
npx skills add https://github.com/ElKrapulito/calucha-landing/tree/HEAD/.claude/skills/brand
Original anzeigen→Alle Skills durchsuchen

In Ihrer bevorzugten KI fragen

Öffnet einen neuen Chat, in dem dieser Agent-Skill bereits geladen ist.

OpenAIChatGPTClaudeClaudeGeminiGeminiGrokGrokPerplexityPerplexityDeepSeekDeepSeek

Dokumentation

Marke

Markenidentität, Stimme, Nachrichtenübermittlung, Asset-Management und Konsistenzrahmen.

Wann verwenden

  • Definition der Markenstimme und Anleitung zum Inhaltston
  • Visuelle Identitätsstandards und Entwicklung von Styleguides
  • Erstellung von Nachrichtenrahmen
  • Überprüfung und Audit der Markenkonsistenz
  • Asset-Organisation, -Benennung und -Genehmigung
  • Verwaltung der Farbpalette und Typografie-Spezifikationen

Schnellstart

Markenkontext in Prompts einfügen:

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

Ein Asset validieren:

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

Farben extrahieren/vergleichen:

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

Brand-Sync-Workflow

# 1. Bearbeite docs/brand-guidelines.md (oder verwende /brand update)
# 2. Mit Design-Tokens synchronisieren
node scripts/sync-brand-to-tokens.cjs
# 3. Überprüfen
node scripts/inject-brand-context.cjs --json | head -20

Synchronisierte Dateien:

  • docs/brand-guidelines.md → Quelle der Wahrheit
  • assets/design-tokens.json → Token-Definitionen
  • assets/design-tokens.css → CSS-Variablen

Unterbefehle

UnterbefehlBeschreibungReferenz
updateMarkenidentität aktualisieren und mit allen Designsystemen synchronisierenreferences/update.md

Referenzen

ThemaDatei
Stimmen-Frameworkreferences/voice-framework.md
Visuelle Identitätreferences/visual-identity.md
Nachrichtenübermittlungreferences/messaging-framework.md
Konsistenzreferences/consistency-checklist.md
Richtlinienvorlagereferences/brand-guideline-template.md
Asset-Organisationreferences/asset-organization.md
Farbverwaltungreferences/color-palette-management.md
Typografiereferences/typography-specifications.md
Logo-Nutzungreferences/logo-usage-rules.md
Genehmigungs-Checklistereferences/approval-checklist.md

Skripte

SkriptZweck
scripts/inject-brand-context.cjsMarkenkontext für die Prompt-Eingabe extrahieren
scripts/sync-brand-to-tokens.cjsbrand-guidelines.md → design-tokens.json/css synchronisieren
scripts/validate-asset.cjsBenennung, Größe und Format von Assets validieren
scripts/extract-colors.cjsFarben extrahieren und mit der Palette vergleichen

Vorlagen

VorlageZweck
templates/brand-guidelines-starter.mdVollständige Startvorlage für neue Marken

Routing

  1. Unterbefehl aus $ARGUMENTS parsen (erstes Wort)
  2. Entsprechende references/{subcommand}.md laden
  3. Mit den verbleibenden Argumenten ausführen

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.

Verwandte Skills

steipete/sag

ElevenLabs text-to-speech with mac-style say UX.

community

steipete/oracle

Oracle CLI second-model review/debug/refactor/design with selected files, dry-run token checks, API or browser engine.

community

steipete/peekaboo

Capture and automate macOS UI with the Peekaboo CLI.

community

mattpocock/design-an-interface

Generate multiple radically different interface designs for a module using parallel sub-agents. Use when user wants to design an API, explore interface options, compare module shapes, or mentions "design it twice".

community

mattpocock/prototype

Build a throwaway prototype to flesh out a design — a runnable terminal app for state/business-logic questions, or several radically different UI variations toggleable from one route.

community

mattpocock/grill-me

Interview the user relentlessly about a plan or design until reaching shared understanding, resolving each branch of the decision tree. Use when user wants to stress-test a plan, get grilled on their design, or mentions "grill me".

community