OpenClaw

opengfx-logo

Generate complete logo systems with icon + wordmark + lockups. Creates production-ready SVG vector logos from natural language prompts. Use when a user requests a logo, brand mark, icon design, or visual identity foundation.

aklo3600 来源安装数☆ 0 仓库 Starsv1.3.0

查看来源 ↗安装与使用 SKILL.md ↗

安装与使用

请根据来源仓库和你的 AI 工具说明安装此技能。先阅读技能文件和依赖要求，再添加到工作流。

SkillHub CLI

skillhub install aklo360/opengfx

打开来源仓库，查看说明和兼容环境后，按来源提供的命令或步骤安装。

将来源链接提供给你的 Agent，让它先读取说明、核对依赖，并向你说明将执行的安装步骤。

查看来源 ↗使用指南

技能说明

OpenGFX Logo System

Generate production-ready logo systems from natural language input.

What This Skill Produces

Every logo system includes:

Icon — Single-color vector path in square container (1:1)
Wordmark — Typography-based name, single-color vector
Stacked Lockup — Icon above wordmark, centered
Horizontal Lockup — Icon left, wordmark right
Logo System JSON — Machine-readable metadata

All outputs are SVG vectors optimized for scalability (16px → billboard).

Icon Container Rule (Critical)

The icon SVG is ALWAYS a square container (1:1 aspect ratio).

If the icon shape is not square, add negative space to make the container square
NEVER stretch or distort the icon to fill a square
The icon floats within the square with appropriate padding

Generation Pipeline

Step 1: Parse User Input

Extract from prompt:

Brand Name (required)
Icon Direction (emoji, concept, or abstract reference)
Style Direction (minimal, playful, corporate, tech, etc.)
Typeface Direction (sans-serif, serif, geometric, humanist, etc.)

If missing, ask clarifying questions before proceeding.

Step 2: Conceptualize Icon

Apply geometric construction principles:

Select Base Shape — Circle, triangle, square, or compound
Apply Concept — Map user's icon direction to geometric form
Simplify — Reduce to single vector path that works at 16px
Test in Black — No color until form is solid

Reference: GEOMETRY.md for shape meanings and construction.

Step 3: Select Typeface

Match typeface to brand personality:

Style	Typeface Families
Tech/Modern	Inter, SF Pro, Söhne, Geist, Manrope
Minimal/Apple	SF Pro Display, Helvetica Neue, Avenir
Geometric	Futura, Century Gothic, Proxima Nova
Humanist	Gill Sans, Frutiger, Myriad Pro
Elegant	Didot, Bodoni, Playfair Display
Playful	Quicksand, P...

来源信息

Source: github
Repository: openclaw/skills
Path: skills/aklo360/opengfx
Version: 1.3.0
Commit: 8116473d0a017fae7e9209eb325ed995afadc9d6
分类来源: rules
状态: active
可见性: public

这些信息来自收录时的来源分析，可能滞后；使用前请核对最新来源文件。

来源内容

SKILL.md

# OpenGFX Logo System

Generate production-ready logo systems from natural language input.

## What This Skill Produces

Every logo system includes:

1. **Icon** — Single-color vector path in square container (1:1)
2. **Wordmark** — Typography-based name, single-color vector
3. **Stacked Lockup** — Icon above wordmark, centered
4. **Horizontal Lockup** — Icon left, wordmark right
5. **Logo System JSON** — Machine-readable metadata

All outputs are SVG vectors optimized for scalability (16px → billboard).

### Icon Container Rule (Critical)
The icon SVG is ALWAYS a square container (1:1 aspect ratio).
- If the icon shape is not square, add **negative space** to make the container square
- **NEVER stretch or distort** the icon to fill a square
- The icon floats within the square with appropriate padding

---

## Generation Pipeline

### Step 1: Parse User Input

Extract from prompt:
- **Brand Name** (required)
- **Icon Direction** (emoji, concept, or abstract reference)
- **Style Direction** (minimal, playful, corporate, tech, etc.)
- **Typeface Direction** (sans-serif, serif, geometric, humanist, etc.)

If missing, ask clarifying questions before proceeding.

### Step 2: Conceptualize Icon

Apply geometric construction principles:

1. **Select Base Shape** — Circle, triangle, square, or compound
2. **Apply Concept** — Map user's icon direction to geometric form
3. **Simplify** — Reduce to single vector path that works at 16px
4. **Test in Black** — No color until form is solid

Reference: [GEOMETRY.md](references/GEOMETRY.md) for shape meanings and construction.

### Step 3: Select Typeface

Match typeface to brand personality:

| Style | Typeface Families |
|-------|-------------------|
| Tech/Modern | Inter, SF Pro, Söhne, Geist, Manrope |
| Minimal/Apple | SF Pro Display, Helvetica Neue, Avenir |
| Geometric | Futura, Century Gothic, Proxima Nova |
| Humanist | Gill Sans, Frutiger, Myriad Pro |
| Elegant | Didot, Bodoni, Playfair Display |
| Playful | Quicksand, P...

搜索