create-on-brand-assets

Render brand token data into PNG or PDF assets via SVG templates or PIL.

Updated Aug 23, 2026
One-click install
npx skills add https://github.com/infolog-io/Monet --skill create-on-brand-assets
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: create-on-brand-assets
Source: https://github.com/infolog-io/Monet/tree/main/skills/claude-skill-create-on-brand-assets
Command: npx skills add https://github.com/infolog-io/Monet --skill create-on-brand-assets

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Turn token-driven brand design data into consistent PNG or PDF assets, reducing manual branding toil and enabling rapid visual asset production.

Core Features & Use Cases

  • Token-driven rendering from a configurable brand wiki drives typography, color, and layout across formats (social, ads, emails, slides, and illustrations).
  • Supports SVG template rendering and PIL-based raster outputs for broad platform compatibility.
  • Workflow phases include Brief, Build, and Refinement, with token validation and brief artifact generation to guide handoff.

Quick Start

Open Claude Code and request a LinkedIn post on surface-primary with headline "Ship faster" and CTA "Learn More".

Frequently Asked Questions about create-on-brand-assets

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

FAQPage Schema
How do I automate on-brand visual asset generation from design tokens?

You can automate on-brand visual asset generation by reading brand token files from a configurable path and rendering them into PNG or PDF outputs via SVG templates or PIL. This token-driven rendering ensures consistent typography, color, and layout across all formats.

Can I generate social media graphics and email visuals using SVG templates and PIL?

Yes, you can generate social media graphics and email visuals using SVG templates and PIL. The Skill renders token-driven brand data into raster outputs, supporting broad platform compatibility across social, display, email, and presentation formats.

What is token-driven brand rendering and how does it keep visuals consistent?

Token-driven brand rendering automates visual asset creation by loading brand tokens and applying surface-to-component mappings. It enforces consistent typography, color, and layout by reading token files from a configurable brand wiki to produce on-brand graphics.

Does this brand asset workflow support PNG and PDF outputs for digital advertising?

Yes, this brand asset workflow supports PNG and PDF outputs for digital advertising. It renders assets via SVG templates or PIL, applying surface-to-component mappings to produce digital ad creatives that align with your brand guidelines.

How do I start rendering a LinkedIn post graphic from brand tokens?

To start rendering a LinkedIn post graphic, request a LinkedIn post on surface-primary with your desired headline and CTA. The workflow processes this through Brief, Build, and Refinement phases, applying your brand tokens to generate the final visual asset.

What are the limitations of using PIL and SVG templates for brand asset automation?

Limitations of using PIL and SVG templates for brand asset automation include dependency on correctly structured token files in the configurable path. If token validation fails or mappings are incomplete, the rendering of consistent PNG or PDF outputs may be interrupted.