Brandmark Studio for Openclaw

An AI-powered professional brand identity designer that outputs scalable, production-ready SVG logos, icon packs, and comprehensive visual systems.

perplexingperfectionist
v1.0.0
Jun 9, 2026
0
670
0

Install & Download

1. ClawHub CLI

The fastest way to install a skill directly from the registry.

npx clawhub@latest install brandmark-studio

2. Manual Installation

Copy the skill folder to one of these locations

Global
~/.openclaw/skills/
Workspace
<project>/skills/

Priority: Workspace > Local > Bundled

3. Prompt Installation

Copy this prompt to OpenClaw to install it automatically.

Help me install brandmark-studio using Clawhub. If Clawhub is not installed, install it first (npm i -g clawhub).

Prefer to download?

Get the raw skill files in a ZIP archive.

What is Brandmark Studio?

Brandmark Studio is a highly-sophisticated brand identity and SVG engineering engine designed to automate the creation of professional visual assets. By combining rigorous brand strategy, psychological archetypes, and strict SVG production rules, this skill translates abstract brand values into scalable, high-quality vector designs. It is designed to plug directly into your workflow as part of the ecosystem of Openclaw Skills.

Unlike generic AI image generators that produce static, uneditable raster graphics, Brandmark Studio operates natively with vector math to export clean, standards-compliant, and hand-crafted SVG code. This ensures complete scalability, allowing visual marks to maintain pristine clarity on high-resolution retina screens and down to micro-sized favicons.

Brandmark Studio Use Cases

  • Designing scalable, production-ready SVG logos and master brandmarks for new products or businesses.
  • Building cohesive icon packs and interface icons that match modern design principles.
  • Generating optimized app icons, avatars, and favicons that scale down to 16x16 pixels with perfect clarity.
  • Developing automated visual identity strategies using design psychology and brand archetypes.
  • Programmatically generating and auditing marketing and engineering assets inside automated deployment pipelines.

How Brandmark Studio Works

  1. Discovery: Extracts key brand elements (brand name, industry, target audience, and style direction) from the user context or infers intelligent defaults.
  2. Strategy Development: References design principles and archetypes to generate an internal design brief that maps visual metaphors to brand goals.
  3. Concept Generation: Conceptualizes three structurally unique design ideas, defining specific composition layouts, visual symbolism, and potential risks.
  4. Asset Creation: Generates clean, semantic SVG output using optimal pathing, color styling, and precise dimensions.
  5. Icon Simplification: Passes the master assets through a simplification engine to extract responsive, low-resolution variants like favicons and app icons.
  6. Quality Review: Scores the final outputs against a multi-point quality assessment matrix to ensure performance and aesthetic viability.

Brandmark Studio Setup

To deploy this visual design workflow inside your ecosystem, add the brandmark-studio configuration and reference materials to your workspace. Ensure your runtime environments can access these structured files.

# Create the local directories for the skill configurations
mkdir -p openclaw-workspace/skills/brandmark-studio/references

# Initialize reference files for the design strategies
touch openclaw-workspace/skills/brandmark-studio/references/design-principles.md \
      openclaw-workspace/skills/brandmark-studio/references/archetypes.md \
      openclaw-workspace/skills/brandmark-studio/references/styles.md \
      openclaw-workspace/skills/brandmark-studio/references/svg-rules.md \
      openclaw-workspace/skills/brandmark-studio/references/icon-simplification.md \
      openclaw-workspace/skills/brandmark-studio/references/quality-review.md

Configure your local runner to include the brandmark-studio manifest, allowing your agent to call it natively alongside other Openclaw Skills.

Brandmark Studio Data Schema & Taxonomy

Brandmark Studio operates on a structured file execution map to guarantee high-quality SVG generation. The asset-type schema defines the deliverables and target dimensions for various design outputs:

Asset Type Deliverable Assets Target Dimensions
logo Master, Horizontal, Stacked, Monochrome, and Reverse SVG Scalable vector paths
icon Primary Icon, Avatar SVG, App Icon, Favicon 512x512 down to 16x16
favicon Favicon SVG, Micro-icon 16x16, 32x32
icon_pack Comprehensive system of cohesive icon SVGs Uniform icon system coordinates

The engine programmatically references separate markdown documents (svg-rules.md, archetypes.md, and quality-review.md) to guide the strategic discovery, visual rendering, and automated asset testing phases.

Brandmark Studio Advanced Features

  • Integrated Brand Archetypes: Automatically aligns visual concepts with classic psychological brand personalities to connect deeply with target audiences.
  • Responsive Icon Simplification: Houses a specialized sub-routine that actively simplifies paths, shapes, and details for ultra-low resolution environments like tab favicons.
  • Strict Quality Assurance Matrix: Assesses all generated SVGs across seven distinct criteria, enforcing minimum quality scoring before finalizing deliverables.
  • Scalability Check: Tests SVGs across multiple boundary dimensions (16x16, 32x32, 64x64, 512x512) to verify high-performance rendering.
  • Multi-Agent Orchestration: Designed to integrate effortlessly with other developer-focused Openclaw Skills for automated software and web application design systems.

SKILL.md


Loading

Related Openclaw Skills

METADATA

Github Stars: 0
forks: 0

Featured*