# Send Designer 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": "designer", "name": "Designer", "source": "tencent", "type": "skill", "category": "内容创作", "sourceUrl": "https://clawhub.ai/ivangdavila/designer", "canonicalUrl": "https://clawhub.ai/ivangdavila/designer", "targetPlatform": "OpenClaw" }, "install": { "downloadUrl": "/downloads/designer", "sourceDownloadUrl": "https://wry-manatee-359.convex.site/api/v1/download?slug=designer", "sourcePlatform": "tencent", "targetPlatform": "OpenClaw", "packageFormat": "ZIP package", "primaryDoc": "SKILL.md", "includedAssets": [ "SKILL.md" ], "downloadMode": "redirect", "sourceHealth": { "source": "tencent", "slug": "designer", "status": "healthy", "reason": "direct_download_ok", "recommendedAction": "download", "checkedAt": "2026-04-29T12:16:19.062Z", "expiresAt": "2026-05-06T12:16:19.062Z", "httpStatus": 200, "finalUrl": "https://wry-manatee-359.convex.site/api/v1/download?slug=designer", "contentType": "application/zip", "probeMethod": "head", "details": { "probeUrl": "https://wry-manatee-359.convex.site/api/v1/download?slug=designer", "contentDisposition": "attachment; filename=\"designer-1.0.0.zip\"", "redirectLocation": null, "bodySnippet": null, "slug": "designer" }, "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/designer" }, "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/designer", "downloadUrl": "https://openagent3.xyz/downloads/designer", "agentUrl": "https://openagent3.xyz/skills/designer/agent", "manifestUrl": "https://openagent3.xyz/skills/designer/agent.json", "briefUrl": "https://openagent3.xyz/skills/designer/agent.md" } } ``` ## Documentation ### Logo & Brand Simple enough to work at 16px favicon — complexity disappears at small scale Recognizable in one color — gradients are enhancements, not crutches Test on dark and light backgrounds — logos need both versions 3-5 brand colors maximum — primary, secondary, accent, plus neutrals Consistency builds recognition — every touchpoint reinforces or dilutes brand ### Visual Hierarchy Size and weight guide attention — most important element most prominent One focal point per screen — competing elements confuse users Whitespace groups, separates, and elevates — it's not empty space Alignment creates invisible order — grids make everything feel intentional Contrast for emphasis, similarity for grouping — break patterns deliberately ### Typography Two typefaces maximum — heading and body is enough Body text 16px minimum on web — smaller is unreadable Line height 1.4-1.6, line length 45-75 characters — readability basics Pair fonts with contrast — serif with sans-serif, not two similar fonts ### Color 60-30-10 rule: dominant, secondary, accent — prevents chaos Warm colors advance, cool recede — use for depth and emphasis Contrast ratio 4.5:1 for text — accessibility isn't optional Test with colorblind simulators — 8% of men have color vision deficiency ### Layout 8px grid for spacing — consistency without overthinking Rule of thirds for visual interest — off-center is more dynamic Negative space is active design — crowded layouts feel cheap Mobile first, then scale up — constraints breed creativity Touch targets 44px minimum — fingers are imprecise ### Icons & Illustration Consistent stroke weight across icon set — mixing weights looks broken Meaning clear without labels — ambiguous icons need text Simple illustrations scale better — detail gets lost small Style matches brand personality — playful vs corporate look different ### UX Principles Don't make users think — obvious beats clever Feedback for every action — users need confirmation Error prevention over error messages — disable invalid actions Design empty states, errors, loading first — they're most of the experience Five users find 80% of usability issues — test early and often ### Design Systems Components, not pages — reusable library Tokens for colors, spacing, type — change once, update everywhere Name by function: "primary-action" not "blue-button" Document when to use, not just how it looks ### Presenting & Handoff Show work in context — mockups in devices, logos on cards Explain why, not just what — tell the decision story All states: hover, active, disabled, error, loading — devs will ask Specs in relative units — responsive needs flexibility Review the build — implementation is the real design ## Trust - Source: tencent - Verification: Indexed source record - Publisher: ivangdavila - Version: 1.0.0 ## 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-04-29T12:16:19.062Z - Expires at: 2026-05-06T12:16:19.062Z - Recommended action: Download for OpenClaw ## Links - [Detail page](https://openagent3.xyz/skills/designer) - [Send to Agent page](https://openagent3.xyz/skills/designer/agent) - [JSON manifest](https://openagent3.xyz/skills/designer/agent.json) - [Markdown brief](https://openagent3.xyz/skills/designer/agent.md) - [Download page](https://openagent3.xyz/downloads/designer)