{
  "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": {
    "downloadMode": "redirect",
    "downloadUrl": "/downloads/opengfx",
    "sourceDownloadUrl": "https://wry-manatee-359.convex.site/api/v1/download?slug=opengfx",
    "sourcePlatform": "tencent",
    "targetPlatform": "OpenClaw",
    "installMethod": "Manual import",
    "extraction": "Extract archive",
    "prerequisites": [
      "OpenClaw"
    ],
    "packageFormat": "ZIP package",
    "includedAssets": [
      "LEARNINGS.md",
      "SKILL.md",
      "references/GEOMETRY.md",
      "references/LOCKUPS.md",
      "references/MODERNISM.md",
      "references/OUTPUT_SCHEMA.md"
    ],
    "primaryDoc": "SKILL.md",
    "quickSetup": [
      "Download the package from Yavira.",
      "Extract the archive and review SKILL.md first.",
      "Import or place the package into your OpenClaw setup."
    ],
    "agentAssist": {
      "summary": "Hand the extracted package to your coding agent with a concrete install brief instead of figuring it out manually.",
      "steps": [
        "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."
      ],
      "prompts": [
        {
          "label": "New install",
          "body": "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."
        },
        {
          "label": "Upgrade existing",
          "body": "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."
        }
      ]
    },
    "sourceHealth": {
      "source": "tencent",
      "status": "healthy",
      "reason": "direct_download_ok",
      "recommendedAction": "download",
      "checkedAt": "2026-04-30T16:55:25.780Z",
      "expiresAt": "2026-05-07T16:55:25.780Z",
      "httpStatus": 200,
      "finalUrl": "https://wry-manatee-359.convex.site/api/v1/download?slug=network",
      "contentType": "application/zip",
      "probeMethod": "head",
      "details": {
        "probeUrl": "https://wry-manatee-359.convex.site/api/v1/download?slug=network",
        "contentDisposition": "attachment; filename=\"network-1.0.0.zip\"",
        "redirectLocation": null,
        "bodySnippet": null
      },
      "scope": "source",
      "summary": "Source download looks usable.",
      "detail": "Yavira can redirect you to the upstream package for this source.",
      "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."
      ]
    },
    "downloadPageUrl": "https://openagent3.xyz/downloads/opengfx",
    "agentPageUrl": "https://openagent3.xyz/skills/opengfx/agent",
    "manifestUrl": "https://openagent3.xyz/skills/opengfx/agent.json",
    "briefUrl": "https://openagent3.xyz/skills/opengfx/agent.md"
  },
  "agentAssist": {
    "summary": "Hand the extracted package to your coding agent with a concrete install brief instead of figuring it out manually.",
    "steps": [
      "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."
    ],
    "prompts": [
      {
        "label": "New install",
        "body": "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."
      },
      {
        "label": "Upgrade existing",
        "body": "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."
      }
    ]
  },
  "documentation": {
    "source": "clawhub",
    "primaryDoc": "SKILL.md",
    "sections": [
      {
        "title": "OpenGFX Logo System",
        "body": "Generate production-ready logo systems from natural language input."
      },
      {
        "title": "What This Skill Produces",
        "body": "Every logo system includes:\n\nIcon — Single-color vector path in square container (1:1)\nWordmark — Typography-based name, single-color vector\nStacked Lockup — Icon above wordmark, centered\nHorizontal Lockup — Icon left, wordmark right\nLogo System JSON — Machine-readable metadata\n\nAll outputs are SVG vectors optimized for scalability (16px → billboard)."
      },
      {
        "title": "Icon Container Rule (Critical)",
        "body": "The icon SVG is ALWAYS a square container (1:1 aspect ratio).\n\nIf the icon shape is not square, add negative space to make the container square\nNEVER stretch or distort the icon to fill a square\nThe icon floats within the square with appropriate padding"
      },
      {
        "title": "Step 1: Parse User Input",
        "body": "Extract from prompt:\n\nBrand Name (required)\nIcon Direction (emoji, concept, or abstract reference)\nStyle Direction (minimal, playful, corporate, tech, etc.)\nTypeface Direction (sans-serif, serif, geometric, humanist, etc.)\n\nIf missing, ask clarifying questions before proceeding."
      },
      {
        "title": "Step 2: Conceptualize Icon",
        "body": "Apply geometric construction principles:\n\nSelect Base Shape — Circle, triangle, square, or compound\nApply Concept — Map user's icon direction to geometric form\nSimplify — Reduce to single vector path that works at 16px\nTest in Black — No color until form is solid\n\nReference: GEOMETRY.md for shape meanings and construction."
      },
      {
        "title": "Step 3: Select Typeface",
        "body": "Match typeface to brand personality:\n\nStyleTypeface 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\n\nConvert wordmark to single-path SVG (outlined, not live text).\n\nReference: TYPOGRAPHY.md for type selection."
      },
      {
        "title": "Step 4: Construct Lockups",
        "body": "Generate two SVG lockups with consistent proportions:\n\nStacked (1:1)\n\n┌─────────────────┐\n│      ICON       │\n│                 │\n│    WORDMARK     │\n└─────────────────┘\n\nHorizontal (3:1 to 4:1)\n\n┌─────────────────────────────┐\n│  ICON  │     WORDMARK       │\n└─────────────────────────────┘\n\nReference: LOCKUPS.md for spacing ratios."
      },
      {
        "title": "Step 5: Output Package",
        "body": "Generate output files:\n\noutput/\n├── icon.svg           # Icon in square container (1:1)\n├── wordmark.svg       # Isolated wordmark\n├── stacked.svg        # Icon + wordmark vertical\n├── horizontal.svg     # Icon + wordmark horizontal\n└── logo-system.json   # Metadata + tokens"
      },
      {
        "title": "The One Thing Rule",
        "body": "Every logo must have exactly ONE memorable feature. Not two, not three. One."
      },
      {
        "title": "Black First",
        "body": "Design in solid black (#000000). Color comes last. If the logo doesn't work in black, it doesn't work."
      },
      {
        "title": "Geometric Foundation",
        "body": "All icons derive from the five universal shapes. Even organic forms should be constructed on a geometric grid."
      },
      {
        "title": "Scalability Test",
        "body": "Every logo must pass:\n\n16px (favicon)\n32px (app icon)\n64px (small UI)\n256px+ (print/display)"
      },
      {
        "title": "Single Path Principle",
        "body": "Icon should be reducible to a single compound path. Wordmark should be outlined (no live text)."
      },
      {
        "title": "Quality Checklist",
        "body": "Before delivering any logo:\n\nIcon works in solid black\n Icon works at 16px without detail loss\n Wordmark is outlined (paths, not text)\n All three lockups have consistent spacing\n One memorable feature, not multiple\n Appropriate to industry/context\n SVG is optimized (no unnecessary groups, transforms)"
      },
      {
        "title": "Example Prompt → Output",
        "body": "Input:\n\n\"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\"\n\nParsed:\n\nBrand Name: OpenGFX\nIcon Direction: Paint palette (🎨)\nStyle: Apple-minimal, Steve Jobs aesthetic\nTypeface: Clean sans-serif (SF Pro Display, Helvetica Neue)\n\nGenerated:\n\nIcon: Simplified paint palette derived from circle + 3 dots\nWordmark: \"OpenGFX\" in SF Pro Display (or Helvetica Neue), tracked -10\nLockups: All three variants with Apple-style generous whitespace"
      },
      {
        "title": "References",
        "body": "GEOMETRY.md — Shape meanings, construction grids\nTYPOGRAPHY.md — Type selection, pairing, tracking\nLOCKUPS.md — Spacing ratios, safe areas\nMODERNISM.md — Logo Modernism principles"
      },
      {
        "title": "Anti-Patterns (Never Do)",
        "body": "❌ Multiple competing visual ideas in one icon\n❌ Gradients or effects in primary logo\n❌ Live text in SVG (always outline)\n❌ Icons that lose detail at small sizes\n❌ Trendy effects (drop shadows, 3D, bevels)\n❌ Literal representations (restaurant logo = fork, dental = tooth)\n❌ Generic shapes without conceptual connection"
      }
    ],
    "body": "OpenGFX Logo System\n\nGenerate production-ready logo systems from natural language input.\n\nWhat This Skill Produces\n\nEvery logo system includes:\n\nIcon — Single-color vector path in square container (1:1)\nWordmark — Typography-based name, single-color vector\nStacked Lockup — Icon above wordmark, centered\nHorizontal Lockup — Icon left, wordmark right\nLogo System JSON — Machine-readable metadata\n\nAll outputs are SVG vectors optimized for scalability (16px → billboard).\n\nIcon Container Rule (Critical)\n\nThe icon SVG is ALWAYS a square container (1:1 aspect ratio).\n\nIf the icon shape is not square, add negative space to make the container square\nNEVER stretch or distort the icon to fill a square\nThe icon floats within the square with appropriate padding\nGeneration Pipeline\nStep 1: Parse User Input\n\nExtract from prompt:\n\nBrand Name (required)\nIcon Direction (emoji, concept, or abstract reference)\nStyle Direction (minimal, playful, corporate, tech, etc.)\nTypeface Direction (sans-serif, serif, geometric, humanist, etc.)\n\nIf missing, ask clarifying questions before proceeding.\n\nStep 2: Conceptualize Icon\n\nApply geometric construction principles:\n\nSelect Base Shape — Circle, triangle, square, or compound\nApply Concept — Map user's icon direction to geometric form\nSimplify — Reduce to single vector path that works at 16px\nTest in Black — No color until form is solid\n\nReference: GEOMETRY.md for shape meanings and construction.\n\nStep 3: Select Typeface\n\nMatch typeface to brand personality:\n\nStyle\tTypeface Families\nTech/Modern\tInter, SF Pro, Söhne, Geist, Manrope\nMinimal/Apple\tSF Pro Display, Helvetica Neue, Avenir\nGeometric\tFutura, Century Gothic, Proxima Nova\nHumanist\tGill Sans, Frutiger, Myriad Pro\nElegant\tDidot, Bodoni, Playfair Display\nPlayful\tQuicksand, Poppins, Nunito\nCorporate\tIBM Plex Sans, Roboto, Open Sans\n\nConvert wordmark to single-path SVG (outlined, not live text).\n\nReference: TYPOGRAPHY.md for type selection.\n\nStep 4: Construct Lockups\n\nGenerate two SVG lockups with consistent proportions:\n\nStacked (1:1)\n\n┌─────────────────┐\n│      ICON       │\n│                 │\n│    WORDMARK     │\n└─────────────────┘\n\n\nHorizontal (3:1 to 4:1)\n\n┌─────────────────────────────┐\n│  ICON  │     WORDMARK       │\n└─────────────────────────────┘\n\n\nReference: LOCKUPS.md for spacing ratios.\n\nStep 5: Output Package\n\nGenerate output files:\n\noutput/\n├── icon.svg           # Icon in square container (1:1)\n├── wordmark.svg       # Isolated wordmark\n├── stacked.svg        # Icon + wordmark vertical\n├── horizontal.svg     # Icon + wordmark horizontal\n└── logo-system.json   # Metadata + tokens\n\nDesign Principles (Enforce Always)\nThe One Thing Rule\n\nEvery logo must have exactly ONE memorable feature. Not two, not three. One.\n\nBlack First\n\nDesign in solid black (#000000). Color comes last. If the logo doesn't work in black, it doesn't work.\n\nGeometric Foundation\n\nAll icons derive from the five universal shapes. Even organic forms should be constructed on a geometric grid.\n\nScalability Test\n\nEvery logo must pass:\n\n16px (favicon)\n32px (app icon)\n64px (small UI)\n256px+ (print/display)\nSingle Path Principle\n\nIcon should be reducible to a single compound path. Wordmark should be outlined (no live text).\n\nQuality Checklist\n\nBefore delivering any logo:\n\n Icon works in solid black\n Icon works at 16px without detail loss\n Wordmark is outlined (paths, not text)\n All three lockups have consistent spacing\n One memorable feature, not multiple\n Appropriate to industry/context\n SVG is optimized (no unnecessary groups, transforms)\nExample Prompt → Output\n\nInput:\n\n\"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\"\n\nParsed:\n\nBrand Name: OpenGFX\nIcon Direction: Paint palette (🎨)\nStyle: Apple-minimal, Steve Jobs aesthetic\nTypeface: Clean sans-serif (SF Pro Display, Helvetica Neue)\n\nGenerated:\n\nIcon: Simplified paint palette derived from circle + 3 dots\nWordmark: \"OpenGFX\" in SF Pro Display (or Helvetica Neue), tracked -10\nLockups: All three variants with Apple-style generous whitespace\nReferences\nGEOMETRY.md — Shape meanings, construction grids\nTYPOGRAPHY.md — Type selection, pairing, tracking\nLOCKUPS.md — Spacing ratios, safe areas\nMODERNISM.md — Logo Modernism principles\nAnti-Patterns (Never Do)\n❌ Multiple competing visual ideas in one icon\n❌ Gradients or effects in primary logo\n❌ Live text in SVG (always outline)\n❌ Icons that lose detail at small sizes\n❌ Trendy effects (drop shadows, 3D, bevels)\n❌ Literal representations (restaurant logo = fork, dental = tooth)\n❌ Generic shapes without conceptual connection"
  },
  "trust": {
    "sourceLabel": "tencent",
    "provenanceUrl": "https://clawhub.ai/aklo360/opengfx",
    "publisherUrl": "https://clawhub.ai/aklo360/opengfx",
    "owner": "aklo360",
    "version": "1.3.1",
    "license": null,
    "verificationStatus": "Indexed source record"
  },
  "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"
  }
}