brand-system

Generate markdown design briefs, identity.js configs, and preview PDFs for visual identity systems.

53|3|Updated Mar 25, 2026
One-click install
npx skills add https://github.com/appautomaton/presentation --skill brand-system-appautomaton
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: brand-system
Source: https://github.com/appautomaton/presentation/tree/main/brand-system
Command: npx skills add https://github.com/appautomaton/presentation --skill brand-system-appautomaton

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill eliminates the guesswork and inconsistency of creating visual identities for presentations and visual projects, ensuring a cohesive, professional look aligned with your project's tone and goals.

Core Features & Use Cases

  • Structured Palette Creation: Build 8-role color palettes derived from an anchor color, with contrast testing and anti-pattern guardrails to ensure legibility.
  • Typography Pairing: Select appropriate Google Font pairings based on project context, with weight discipline to optimize load times and readability.
  • Style Direction Definition: Choose from 6 active 2025-2026 design directions, with clear specifications for shape language, layout, and chart styling tailored to your use case.
  • Multi-Format Output: Generate a markdown design brief, machine-readable identity.js config for downstream build tools, and a 3-slide preview PDF to validate the identity before finalizing.
  • Use Case: Perfect for consulting teams building client presentations, startups creating pitch decks, or personal brands developing a consistent visual language across all materials.

Quick Start

Ask the brand-system skill to develop a visual identity for your Q3 investor presentation, using your company's primary blue as the anchor color and a modern corporate style direction.

Frequently Asked Questions about brand-system

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I build a visual identity system for a presentation deck?

A visual identity system for presentations combines a derived 8-role color palette from an anchor color, paired Google Fonts, and a specific style direction to ensure consistent typography and layout across strategy decks.

Can I generate a color palette and typography pairing without specialized design expertise?

Generating a color palette and typography pairing without specialized design expertise involves using automated contrast testing and font weight discipline to produce legible, readable combinations for client-facing decks.

How do I create a machine-readable identity configuration for downstream build tools?

A machine-readable identity configuration for downstream build tools is produced as an identity.js file, encoding your 8-role color palette, typography weights, and layout specifications for automated pipeline integration.

What is the best way to validate a brand system before finalizing a pitch deck?

Validating a brand system before finalizing a pitch deck requires checking a 3-slide preview PDF that applies your unified color palette, typography, and shape language to ensure the visual identity matches your project goals.

Does the visual identity generation process include current 2025-2026 design trend specifications?

Visual identity generation includes 2025-2026 design trend specifications through on-demand reference guides covering 6 active style directions, detailing shape language and chart styling for modern corporate presentations.

What are the limitations of using automated palette derivation for personal branding?

Using automated palette derivation for personal branding limits your 8-role color palette to variations generated from your single anchor color, governed by contrast testing and legibility guardrails rather than custom hex code selection.