# Brand Creative Assets

> Create and review brand-related frontend assets: brand identity, visual guidelines, banners, hero visuals, slides, social images, icons, and marketing creative. Use for branded campaigns and visual asset systems.

- Skill: `yuukias/brand-creative-assets` (Agent Skill, multi-file: 41 files)
- Install (CLI): `npx skillmds@latest add yuukias/brand-creative-assets`
- Raw SKILL.md: https://api.skillmd.com/api/skills/yuukias/brand-creative-assets/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Marketing & Growth
- Author: YuukiAS (https://skillmd.com/u/yuukias)
- Updated: 2026-09-21
- Page: https://skillmd.com/skills/yuukias/brand-creative-assets

---

# Frontend Brand and Creative Assets

Use this skill for visual identity and marketing-facing creative, separate from
application UI implementation.

## Scope

- Brand voice and messaging.
- Visual identity and style guides.
- Logo usage and color palette management.
- Website hero visuals and banners.
- Social media images and campaign assets.
- HTML slides and pitch decks.
- Icon style and icon systems.

## Workflow

1. Gather purpose, platform, dimensions, audience, content, and brand constraints.
2. Check for existing brand guidelines or assets.
3. Pick an art direction that supports the message.
4. Define typography, color, imagery, layout, and export requirements.
5. Produce multiple directions only when exploration is requested.
6. Validate consistency against brand tokens.

## Output Rules

- Do not invent brand facts, metrics, or claims.
- Use exact platform dimensions when known.
- Keep logos and marks clear at small sizes.
- Avoid text-heavy social assets unless the platform and goal support it.
- Separate brand creative from product UI when their constraints differ.

## References And Utilities

- `references/brand-guideline-template.md`, `visual-identity.md`,
  `voice-framework.md`, `messaging-framework.md`: brand system foundations.
- `references/banner-sizes-and-styles.md`: banner dimensions and style options.
- `references/logo-design.md`, `icon-design.md`, `cip-design.md`: creative asset systems.
- `references/slides-*.md` and slide reference files: HTML presentation guidance.
- `scripts/extract-colors.cjs`, `validate-asset.cjs`, `sync-brand-to-tokens.cjs`:
  upstream brand utilities.