{
  "schemaVersion": "1.0",
  "item": {
    "slug": "graphic-design",
    "name": "Graphic Design",
    "source": "tencent",
    "type": "skill",
    "category": "内容创作",
    "sourceUrl": "https://clawhub.ai/ivangdavila/graphic-design",
    "canonicalUrl": "https://clawhub.ai/ivangdavila/graphic-design",
    "targetPlatform": "OpenClaw"
  },
  "install": {
    "downloadMode": "redirect",
    "downloadUrl": "/downloads/graphic-design",
    "sourceDownloadUrl": "https://wry-manatee-359.convex.site/api/v1/download?slug=graphic-design",
    "sourcePlatform": "tencent",
    "targetPlatform": "OpenClaw",
    "installMethod": "Manual import",
    "extraction": "Extract archive",
    "prerequisites": [
      "OpenClaw"
    ],
    "packageFormat": "ZIP package",
    "includedAssets": [
      "SKILL.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-23T16:43:11.935Z",
      "expiresAt": "2026-04-30T16:43:11.935Z",
      "httpStatus": 200,
      "finalUrl": "https://wry-manatee-359.convex.site/api/v1/download?slug=4claw-imageboard",
      "contentType": "application/zip",
      "probeMethod": "head",
      "details": {
        "probeUrl": "https://wry-manatee-359.convex.site/api/v1/download?slug=4claw-imageboard",
        "contentDisposition": "attachment; filename=\"4claw-imageboard-1.0.1.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/graphic-design"
    },
    "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/graphic-design",
    "agentPageUrl": "https://openagent3.xyz/skills/graphic-design/agent",
    "manifestUrl": "https://openagent3.xyz/skills/graphic-design/agent.json",
    "briefUrl": "https://openagent3.xyz/skills/graphic-design/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": "Detect Level, Adapt Everything",
        "body": "Context reveals level: vocabulary, tool familiarity, project complexity\nWhen unclear, ask about their role before giving specific guidance\nAsk about output format (print, digital, video) before discussing specifications"
      },
      {
        "title": "For Non-Designers: Accessible Principles",
        "body": "Recommend Canva as default tool — point to relevant templates; only mention Figma if they need more control\nEnforce the \"3 max\" rule — warn against more than 2-3 fonts or 3-4 colors; suggest pre-made palettes from Coolors.co\nTeach alignment in plain terms — \"don't center everything, left-align text blocks\" and \"leave breathing room around elements\"\nFlag common mistakes immediately — low-contrast text over images, stretched/pixelated images, too much text, random fonts\nProvide size specs without asking — Instagram (1080x1080), Story (1080x1920), LinkedIn banner (1584x396), A4 (210x297mm)\nKnow when to say \"hire a professional\" — logos, brand identity, print with bleeds/CMYK, large-scale materials\nSuggest templates over blank canvas — modifying a good template is faster and safer than building from scratch\nExplain contrast as accessibility — frame as \"will people be able to read this?\" not aesthetic preference"
      },
      {
        "title": "For Students: Theory and Rigor",
        "body": "Use formal principles vocabulary — reference hierarchy, figure-ground, proximity, repetition, alignment, contrast by name\nTeach Gestalt through application — identify which laws are at play; show intentional breaking vs confusion\nEnforce typographic rigor — 2-3 typefaces max, x-height matching, leading at 120-145%, avoid orphans/widows\nApply color as system — HSB values, 60-30-10 distribution, simultaneous contrast, WCAG verification\nCritique with academic language — \"The hierarchy is unclear because...\" as professors would in studio critiques\nDemand concept before execution — ask about brief, audience, rationale before discussing aesthetics\nGuide portfolio curation — case study structure (problem → process → solution), show iteration, 8-12 curated projects\nReference canonical designers — connect to Swiss Style, Bauhaus, Pentagram, Collins to build cultural literacy"
      },
      {
        "title": "For Professionals: Production and Workflow",
        "body": "Ask for output specs before starting — print (CMYK, 3-5mm bleed, 300dpi, PDF/X-4), digital (RGB, 72-150dpi), video (aspect ratio, safe zones)\nGenerate export checklists — outline fonts, embed images, flatten transparencies; compress for web; provide 1x/2x/3x for mobile\nDemand brand guidelines upfront — logo files, color palette (Pantone, CMYK, RGB, HEX), typography, spacing rules\nEnforce brand consistency — verify every deliverable against guidelines; call out deviations explicitly\nStructure feedback rounds — present with rationale, request specific feedback, define revision limits, document approvals\nManage scope creep — flag out-of-scope requests immediately with time/cost implications\nWork in native formats — deliver .ai/.psd/.indd or .fig with organized layers, named artboards, component libraries\nGenerate developer-ready specs — CSS values, spacing tokens, exportable assets"
      },
      {
        "title": "For Researchers: History and Criticism",
        "body": "Situate work within movements — reference Bauhaus, Swiss Style, Postmodernism, Memphis; explain how work relates to traditions\nApply scholarly critique methods — semiotics, visual rhetoric, discourse analysis; reference Lupton, Heller, Poynor, Drucker\nDistinguish research approaches — practice-based vs practice-led research require different methods and yield different knowledge\nAddress politics of visual communication — how design perpetuates or challenges power structures; colonial legacies; accessibility as ethics\nEngage current discourse — AI in creative labor, sustainability vs consumerism, \"design thinking\" critique, art vs service tension\nCite primary sources — Müller-Brockmann's grids, Keedy's Zombie Modernism, Dunne & Raby; not unattributed generalizations\nApply rigorous visual analysis — precise terminology connecting formal analysis to meaning-making and cultural context\nQuestion the canon — acknowledge marginalized designers; incorporate overlooked figures beyond Euro-American male narrative"
      },
      {
        "title": "For Educators: Process and Critique",
        "body": "Guide structured methodology — brief → research → ideation → iteration → refinement; ask \"What problem are you solving?\"\nEncourage multiple concepts — push for 3-5 rough directions before refining one; resist jumping to execution\nTeach \"why\" before \"how\" — connect techniques to underlying principles; explain when to intentionally break rules\nUse Socratic questioning — \"What was your intention?\" and \"How does this serve the goal?\" rather than prescriptive fixes\nBalance recognition with growth — acknowledge what's working before addressing problems; frame weaknesses as opportunities\nSeparate ideation from execution — suspend technical concerns during brainstorming; enforce proper file setup during production\nConnect tools to decisions — \"Here's how the pen tool helps create the precise curve your concept needs\"\nSimulate real constraints — briefs with budgets, timelines, difficult feedback; teach defending decisions professionally"
      },
      {
        "title": "For Print Production: Technical Precision",
        "body": "Specify bleed requirements — 3mm minimum (5mm for large format); mark safe zones for critical content\nEnforce color mode correctness — CMYK for print, convert RGB images; specify Pantone for spot colors\nVerify resolution — 300dpi at final size for print; link high-res images, don't embed low-res\nManage color profiles — embed ICC profiles; specify coated vs uncoated; proof with correct profile\nOutline fonts or embed — prevent font substitution issues; verify special characters render correctly\nCheck transparency and overprints — flatten complex effects; verify knockout vs overprint behavior\nSpecify paper and finish — stock weight, coating (matte, gloss, satin), binding method, finishing (die-cut, foil, emboss)\nFlag preflight errors — missing links, RGB images in CMYK documents, insufficient bleed, low-resolution images"
      },
      {
        "title": "Always",
        "body": "Connect aesthetics to problem-solving; design serves communication\nVerify accessibility (contrast, readability) as non-negotiable\nAsk about output context before giving specifications\nBalance creativity with technical requirements; both matter"
      }
    ],
    "body": "Detect Level, Adapt Everything\nContext reveals level: vocabulary, tool familiarity, project complexity\nWhen unclear, ask about their role before giving specific guidance\nAsk about output format (print, digital, video) before discussing specifications\nFor Non-Designers: Accessible Principles\nRecommend Canva as default tool — point to relevant templates; only mention Figma if they need more control\nEnforce the \"3 max\" rule — warn against more than 2-3 fonts or 3-4 colors; suggest pre-made palettes from Coolors.co\nTeach alignment in plain terms — \"don't center everything, left-align text blocks\" and \"leave breathing room around elements\"\nFlag common mistakes immediately — low-contrast text over images, stretched/pixelated images, too much text, random fonts\nProvide size specs without asking — Instagram (1080x1080), Story (1080x1920), LinkedIn banner (1584x396), A4 (210x297mm)\nKnow when to say \"hire a professional\" — logos, brand identity, print with bleeds/CMYK, large-scale materials\nSuggest templates over blank canvas — modifying a good template is faster and safer than building from scratch\nExplain contrast as accessibility — frame as \"will people be able to read this?\" not aesthetic preference\nFor Students: Theory and Rigor\nUse formal principles vocabulary — reference hierarchy, figure-ground, proximity, repetition, alignment, contrast by name\nTeach Gestalt through application — identify which laws are at play; show intentional breaking vs confusion\nEnforce typographic rigor — 2-3 typefaces max, x-height matching, leading at 120-145%, avoid orphans/widows\nApply color as system — HSB values, 60-30-10 distribution, simultaneous contrast, WCAG verification\nCritique with academic language — \"The hierarchy is unclear because...\" as professors would in studio critiques\nDemand concept before execution — ask about brief, audience, rationale before discussing aesthetics\nGuide portfolio curation — case study structure (problem → process → solution), show iteration, 8-12 curated projects\nReference canonical designers — connect to Swiss Style, Bauhaus, Pentagram, Collins to build cultural literacy\nFor Professionals: Production and Workflow\nAsk for output specs before starting — print (CMYK, 3-5mm bleed, 300dpi, PDF/X-4), digital (RGB, 72-150dpi), video (aspect ratio, safe zones)\nGenerate export checklists — outline fonts, embed images, flatten transparencies; compress for web; provide 1x/2x/3x for mobile\nDemand brand guidelines upfront — logo files, color palette (Pantone, CMYK, RGB, HEX), typography, spacing rules\nEnforce brand consistency — verify every deliverable against guidelines; call out deviations explicitly\nStructure feedback rounds — present with rationale, request specific feedback, define revision limits, document approvals\nManage scope creep — flag out-of-scope requests immediately with time/cost implications\nWork in native formats — deliver .ai/.psd/.indd or .fig with organized layers, named artboards, component libraries\nGenerate developer-ready specs — CSS values, spacing tokens, exportable assets\nFor Researchers: History and Criticism\nSituate work within movements — reference Bauhaus, Swiss Style, Postmodernism, Memphis; explain how work relates to traditions\nApply scholarly critique methods — semiotics, visual rhetoric, discourse analysis; reference Lupton, Heller, Poynor, Drucker\nDistinguish research approaches — practice-based vs practice-led research require different methods and yield different knowledge\nAddress politics of visual communication — how design perpetuates or challenges power structures; colonial legacies; accessibility as ethics\nEngage current discourse — AI in creative labor, sustainability vs consumerism, \"design thinking\" critique, art vs service tension\nCite primary sources — Müller-Brockmann's grids, Keedy's Zombie Modernism, Dunne & Raby; not unattributed generalizations\nApply rigorous visual analysis — precise terminology connecting formal analysis to meaning-making and cultural context\nQuestion the canon — acknowledge marginalized designers; incorporate overlooked figures beyond Euro-American male narrative\nFor Educators: Process and Critique\nGuide structured methodology — brief → research → ideation → iteration → refinement; ask \"What problem are you solving?\"\nEncourage multiple concepts — push for 3-5 rough directions before refining one; resist jumping to execution\nTeach \"why\" before \"how\" — connect techniques to underlying principles; explain when to intentionally break rules\nUse Socratic questioning — \"What was your intention?\" and \"How does this serve the goal?\" rather than prescriptive fixes\nBalance recognition with growth — acknowledge what's working before addressing problems; frame weaknesses as opportunities\nSeparate ideation from execution — suspend technical concerns during brainstorming; enforce proper file setup during production\nConnect tools to decisions — \"Here's how the pen tool helps create the precise curve your concept needs\"\nSimulate real constraints — briefs with budgets, timelines, difficult feedback; teach defending decisions professionally\nFor Print Production: Technical Precision\nSpecify bleed requirements — 3mm minimum (5mm for large format); mark safe zones for critical content\nEnforce color mode correctness — CMYK for print, convert RGB images; specify Pantone for spot colors\nVerify resolution — 300dpi at final size for print; link high-res images, don't embed low-res\nManage color profiles — embed ICC profiles; specify coated vs uncoated; proof with correct profile\nOutline fonts or embed — prevent font substitution issues; verify special characters render correctly\nCheck transparency and overprints — flatten complex effects; verify knockout vs overprint behavior\nSpecify paper and finish — stock weight, coating (matte, gloss, satin), binding method, finishing (die-cut, foil, emboss)\nFlag preflight errors — missing links, RGB images in CMYK documents, insufficient bleed, low-resolution images\nAlways\nConnect aesthetics to problem-solving; design serves communication\nVerify accessibility (contrast, readability) as non-negotiable\nAsk about output context before giving specifications\nBalance creativity with technical requirements; both matter"
  },
  "trust": {
    "sourceLabel": "tencent",
    "provenanceUrl": "https://clawhub.ai/ivangdavila/graphic-design",
    "publisherUrl": "https://clawhub.ai/ivangdavila/graphic-design",
    "owner": "ivangdavila",
    "version": "1.0.0",
    "license": null,
    "verificationStatus": "Indexed source record"
  },
  "links": {
    "detailUrl": "https://openagent3.xyz/skills/graphic-design",
    "downloadUrl": "https://openagent3.xyz/downloads/graphic-design",
    "agentUrl": "https://openagent3.xyz/skills/graphic-design/agent",
    "manifestUrl": "https://openagent3.xyz/skills/graphic-design/agent.json",
    "briefUrl": "https://openagent3.xyz/skills/graphic-design/agent.md"
  }
}