# Send Horse Sticker Maker 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": "horse-sticker-maker", "name": "Horse Sticker Maker", "source": "tencent", "type": "skill", "category": "开发工具", "sourceUrl": "https://clawhub.ai/jiafar/horse-sticker-maker", "canonicalUrl": "https://clawhub.ai/jiafar/horse-sticker-maker", "targetPlatform": "OpenClaw" }, "install": { "downloadUrl": "/downloads/horse-sticker-maker", "sourceDownloadUrl": "https://wry-manatee-359.convex.site/api/v1/download?slug=horse-sticker-maker", "sourcePlatform": "tencent", "targetPlatform": "OpenClaw", "packageFormat": "ZIP package", "primaryDoc": "SKILL.md", "includedAssets": [ "SKILL.md", "assets/horse-blessing-template/app/api/generate/route.ts", "assets/horse-blessing-template/app/api/sticker/route.ts", "assets/horse-blessing-template/app/globals.css", "assets/horse-blessing-template/app/layout.tsx", "assets/horse-blessing-template/app/page.tsx" ], "downloadMode": "redirect", "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/horse-sticker-maker" }, "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/horse-sticker-maker", "downloadUrl": "https://openagent3.xyz/downloads/horse-sticker-maker", "agentUrl": "https://openagent3.xyz/skills/horse-sticker-maker/agent", "manifestUrl": "https://openagent3.xyz/skills/horse-sticker-maker/agent.json", "briefUrl": "https://openagent3.xyz/skills/horse-sticker-maker/agent.md" } } ``` ## Documentation ### Horse Sticker Maker Generate a web app that creates custom animated GIF stickers for Chinese New Year (Year of the Horse 2026). ### What It Does Users input custom blessing text (1-8 chars) Client-side Canvas renders a 240px animated GIF with: Red gradient background with gold sparkle particles 6-frame gold horse galloping animation (transparent PNG) User's custom text in gold calligraphy at top "立马加薪" bottom text with color-cycling effect Output is WeChat sticker compatible (≤500KB, 240px) ### Quick Start Copy the template project: cp -r /assets/horse-blessing-template ./horse-blessing cd horse-blessing npm install Run locally: npm run dev # Open http://localhost:3000/sticker Deploy to Vercel: vercel --prod --yes ### Project Structure horse-blessing/ ├── app/ │ ├── page.tsx # Main page (AI-generated blessing with poem) │ ├── sticker/page.tsx # Sticker maker (Canvas GIF generator) │ ├── api/generate/ # AI poem + image generation API │ ├── api/sticker/ # Sticker API │ └── layout.tsx # Root layout (red theme) ├── public/ │ ├── horse-frame-[1-6].png # 6-frame transparent gold horse │ ├── horse-transparent.png # Static horse fallback │ └── gif.worker.js # gif.js web worker ├── package.json └── tailwind.config.ts ### GIF Generation (Client-Side) Uses gif.js loaded via CDN (Script from next/script) 18 frames (6 horse frames × 3 cycles), 85ms delay per frame Canvas size: 240×240px for WeChat sticker compatibility Horse frames loaded as Image elements, drawn via drawImage ### Horse Frame Assets 6 transparent PNG frames in public/horse-frame-[1-6].png Generated via AI image model, backgrounds removed with sharp Removal technique: pixels with R>210, G>210, B>210 → alpha=0 ### Customization Points Bottom text: Edit '立马加薪' in sticker/page.tsx GIF size: Change const size = 240 (keep ≤240 for WeChat) Frame count: Change const frames = 18 Horse images: Replace public/horse-frame-*.png Background: Modify the radial gradient colors Sparkle count: Adjust sparkle array size (default 30) ### WeChat Sticker Compatibility Max 500KB file size Max 240px recommended dimension GIF format required Save → WeChat chat → emoji panel → "+" → select from gallery ### Dependencies { "next": "^14.0.0", "react": "^18.2.0", "react-dom": "^18.2.0", "sharp": "latest", "gif-encoder-2": "^1.0.5", "html2canvas-pro": "^1.6.7" } External CDN: gif.js@0.2.0 (loaded at runtime for client-side GIF encoding) ## Trust - Source: tencent - Verification: Indexed source record - Publisher: jiafar - Version: 1.0.0 ## Source health - Status: healthy - Source download looks usable. - Yavira can redirect you to the upstream package for this source. - Health scope: source - Reason: direct_download_ok - Checked at: 2026-04-30T16:55:25.780Z - Expires at: 2026-05-07T16:55:25.780Z - Recommended action: Download for OpenClaw ## Links - [Detail page](https://openagent3.xyz/skills/horse-sticker-maker) - [Send to Agent page](https://openagent3.xyz/skills/horse-sticker-maker/agent) - [JSON manifest](https://openagent3.xyz/skills/horse-sticker-maker/agent.json) - [Markdown brief](https://openagent3.xyz/skills/horse-sticker-maker/agent.md) - [Download page](https://openagent3.xyz/downloads/horse-sticker-maker)