OpenGFX Logo System for Openclaw

A comprehensive AI skill for generating production-ready SVG logo systems, icons, and brand lockups from natural language prompts.

aklo360
v1.3.1
Mar 4, 2026
0
2k
0

Install & Download

1. ClawHub CLI

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

npx clawhub@latest install opengfx

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 opengfx 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 OpenGFX Logo System?

The OpenGFX Logo System is a specialized tool designed to create professional-grade visual identities. Unlike simple image generators, this skill focuses on technical precision, producing single-color vector paths optimized for everything from 16px favicons to large-scale billboards. By leveraging geometric construction principles and typography best practices, it ensures every brand mark is scalable, memorable, and industry-standard.

This is an essential utility for developers and designers using Openclaw Skills to build cohesive brand foundations. It enforces strict design rules, such as the One Thing Rule and the Black First principle, ensuring that the generated assets are not just visually appealing but also technically sound for any production environment.

OpenGFX Logo System Use Cases

  • Creating a new brand identity for a startup or side project.
  • Generating scalable SVG icons for web and mobile applications.
  • Designing professional wordmarks and lockups for corporate presentations.
  • Building a foundation for a visual identity system using geometric principles.
  • Automating the creation of production-ready assets for frontend development.

How OpenGFX Logo System Works

  1. Parse user input to extract brand name, icon direction, and style preferences.
  2. Conceptualize the icon using geometric construction based on base shapes like circles or triangles.
  3. Select and outline a typeface that matches the brand personality from curated font families.
  4. Construct stacked and horizontal lockups with consistent spacing and proportions.
  5. Export a complete package containing optimized SVG files and machine-readable metadata.

OpenGFX Logo System Setup

To integrate this capability into your workflow, ensure your agent is configured to use the OpenGFX internal implementation.

# Example of referencing the logo skill within an Openclaw Skills environment
openclaw add opengfx-logo

Ensure that the reference files for GEOMETRY, TYPOGRAPHY, and LOCKUPS are accessible in the local directory to allow the agent to follow the specific design logic required for high-quality SVG output.

OpenGFX Logo System Data Schema & Taxonomy

The skill organizes outputs into a structured directory containing vector assets and metadata:

File Description
icon.svg Icon in a 1:1 square container with negative space padding.
wordmark.svg Isolated, outlined vector wordmark (no live text).
stacked.svg Vertical icon and wordmark lockup (1:1 ratio).
horizontal.svg Horizontal icon and wordmark lockup (3:1 or 4:1 ratio).
logo-system.json Metadata including tokens, style directions, and typeface info.

OpenGFX Logo System Advanced Features

  • Strict adherence to the Single Path Principle for optimized SVG performance.
  • Automated Scalability Testing for various UI sizes ranging from 16px to 256px+.
  • Support for multi-variant lockups providing both vertical and horizontal brand layouts.
  • Integration with Openclaw Skills for automated brand asset generation in CI/CD pipelines.
  • Geometric grid enforcement to ensure mathematical balance in every icon design.

SKILL.md


Loading

Related Openclaw Skills

Featured*