# Send Opengfx Skill to your agent
Hand the extracted package to your coding agent with a concrete install brief instead of figuring it out manually.
## Fast path
- Download the package from Yavira.
- Extract it into a folder your agent can access.
- Paste one of the prompts below and point your agent at the extracted folder.
## Suggested prompts
### New install

```text
I downloaded a skill package from Yavira. Read SKILL.md from the extracted folder and install it by following the included instructions. Tell me what you changed and call out any manual steps you could not complete.
```
### Upgrade existing

```text
I downloaded an updated skill package from Yavira. Read SKILL.md from the extracted folder, compare it with my current installation, and upgrade it while preserving any custom configuration unless the package docs explicitly say otherwise. Summarize what changed and any follow-up checks I should run.
```
## Machine-readable fields
```json
{
  "schemaVersion": "1.0",
  "item": {
    "slug": "opengfx",
    "name": "Opengfx Skill",
    "source": "tencent",
    "type": "skill",
    "category": "AI 智能",
    "sourceUrl": "https://clawhub.ai/aklo360/opengfx",
    "canonicalUrl": "https://clawhub.ai/aklo360/opengfx",
    "targetPlatform": "OpenClaw"
  },
  "install": {
    "downloadUrl": "/downloads/opengfx",
    "sourceDownloadUrl": "https://wry-manatee-359.convex.site/api/v1/download?slug=opengfx",
    "sourcePlatform": "tencent",
    "targetPlatform": "OpenClaw",
    "packageFormat": "ZIP package",
    "primaryDoc": "SKILL.md",
    "includedAssets": [
      "LEARNINGS.md",
      "SKILL.md",
      "references/GEOMETRY.md",
      "references/LOCKUPS.md",
      "references/MODERNISM.md",
      "references/OUTPUT_SCHEMA.md"
    ],
    "downloadMode": "redirect",
    "sourceHealth": {
      "source": "tencent",
      "slug": "opengfx",
      "status": "healthy",
      "reason": "direct_download_ok",
      "recommendedAction": "download",
      "checkedAt": "2026-05-03T00:48:34.040Z",
      "expiresAt": "2026-05-10T00:48:34.040Z",
      "httpStatus": 200,
      "finalUrl": "https://wry-manatee-359.convex.site/api/v1/download?slug=opengfx",
      "contentType": "application/zip",
      "probeMethod": "head",
      "details": {
        "probeUrl": "https://wry-manatee-359.convex.site/api/v1/download?slug=opengfx",
        "contentDisposition": "attachment; filename=\"opengfx-1.3.1.zip\"",
        "redirectLocation": null,
        "bodySnippet": null,
        "slug": "opengfx"
      },
      "scope": "item",
      "summary": "Item download looks usable.",
      "detail": "Yavira can redirect you to the upstream package for this item.",
      "primaryActionLabel": "Download for OpenClaw",
      "primaryActionHref": "/downloads/opengfx"
    },
    "validation": {
      "installChecklist": [
        "Use the Yavira download entry.",
        "Review SKILL.md after the package is downloaded.",
        "Confirm the extracted package contains the expected setup assets."
      ],
      "postInstallChecks": [
        "Confirm the extracted package includes the expected docs or setup files.",
        "Validate the skill or prompts are available in your target agent workspace.",
        "Capture any manual follow-up steps the agent could not complete."
      ]
    }
  },
  "links": {
    "detailUrl": "https://openagent3.xyz/skills/opengfx",
    "downloadUrl": "https://openagent3.xyz/downloads/opengfx",
    "agentUrl": "https://openagent3.xyz/skills/opengfx/agent",
    "manifestUrl": "https://openagent3.xyz/skills/opengfx/agent.json",
    "briefUrl": "https://openagent3.xyz/skills/opengfx/agent.md"
  }
}
```
## Documentation

### 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

### 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:

StyleTypeface FamiliesTech/ModernInter, SF Pro, Söhne, Geist, ManropeMinimal/AppleSF Pro Display, Helvetica Neue, AvenirGeometricFutura, Century Gothic, Proxima NovaHumanistGill Sans, Frutiger, Myriad ProElegantDidot, Bodoni, Playfair DisplayPlayfulQuicksand, Poppins, NunitoCorporateIBM Plex Sans, Roboto, Open Sans

Convert wordmark to single-path SVG (outlined, not live text).

Reference: TYPOGRAPHY.md for type selection.

### Step 4: Construct Lockups

Generate two SVG lockups with consistent proportions:

Stacked (1:1)

┌─────────────────┐
│      ICON       │
│                 │
│    WORDMARK     │
└─────────────────┘

Horizontal (3:1 to 4:1)

┌─────────────────────────────┐
│  ICON  │     WORDMARK       │
└─────────────────────────────┘

Reference: LOCKUPS.md for spacing ratios.

### Step 5: Output Package

Generate output files:

output/
├── icon.svg           # Icon in square container (1:1)
├── wordmark.svg       # Isolated wordmark
├── stacked.svg        # Icon + wordmark vertical
├── horizontal.svg     # Icon + wordmark horizontal
└── logo-system.json   # Metadata + tokens

### The One Thing Rule

Every logo must have exactly ONE memorable feature. Not two, not three. One.

### Black First

Design in solid black (#000000). Color comes last. If the logo doesn't work in black, it doesn't work.

### Geometric Foundation

All icons derive from the five universal shapes. Even organic forms should be constructed on a geometric grid.

### Scalability Test

Every logo must pass:

16px (favicon)
32px (app icon)
64px (small UI)
256px+ (print/display)

### Single Path Principle

Icon should be reducible to a single compound path. Wordmark should be outlined (no live text).

### Quality Checklist

Before delivering any logo:

Icon works in solid black
 Icon works at 16px without detail loss
 Wordmark is outlined (paths, not text)
 All three lockups have consistent spacing
 One memorable feature, not multiple
 Appropriate to industry/context
 SVG is optimized (no unnecessary groups, transforms)

### Example Prompt → Output

Input:

"I need a logo for my new company called OpenGFX, it should be a paint palette like this emoji 🎨 paired with a clean sans serif font, think Apple / Steve Jobs design style"

Parsed:

Brand Name: OpenGFX
Icon Direction: Paint palette (🎨)
Style: Apple-minimal, Steve Jobs aesthetic
Typeface: Clean sans-serif (SF Pro Display, Helvetica Neue)

Generated:

Icon: Simplified paint palette derived from circle + 3 dots
Wordmark: "OpenGFX" in SF Pro Display (or Helvetica Neue), tracked -10
Lockups: All three variants with Apple-style generous whitespace

### References

GEOMETRY.md — Shape meanings, construction grids
TYPOGRAPHY.md — Type selection, pairing, tracking
LOCKUPS.md — Spacing ratios, safe areas
MODERNISM.md — Logo Modernism principles

### Anti-Patterns (Never Do)

❌ Multiple competing visual ideas in one icon
❌ Gradients or effects in primary logo
❌ Live text in SVG (always outline)
❌ Icons that lose detail at small sizes
❌ Trendy effects (drop shadows, 3D, bevels)
❌ Literal representations (restaurant logo = fork, dental = tooth)
❌ Generic shapes without conceptual connection
## Trust
- Source: tencent
- Verification: Indexed source record
- Publisher: aklo360
- Version: 1.3.1
## Source health
- Status: healthy
- Item download looks usable.
- Yavira can redirect you to the upstream package for this item.
- Health scope: item
- Reason: direct_download_ok
- Checked at: 2026-05-03T00:48:34.040Z
- Expires at: 2026-05-10T00:48:34.040Z
- Recommended action: Download for OpenClaw
## Links
- [Detail page](https://openagent3.xyz/skills/opengfx)
- [Send to Agent page](https://openagent3.xyz/skills/opengfx/agent)
- [JSON manifest](https://openagent3.xyz/skills/opengfx/agent.json)
- [Markdown brief](https://openagent3.xyz/skills/opengfx/agent.md)
- [Download page](https://openagent3.xyz/downloads/opengfx)