← Back to Skills Marketplace
137
Downloads
0
Stars
0
Active Installs
1
Versions
Install in OpenClaw
/install wechat-svg-effects
Description
Create interactive SVG/CSS effects for WeChat Official Account (微信公众号) articles. WeChat bans JavaScript, so all interactivity must use pure SVG animations +...
Usage Guidance
This skill is a coherent, read-only authoring guide for WeChat SVG effects and appears safe to install. Before you paste generated SVG into a live WeChat article, test it in a sandboxed WeChat editor because some clients sanitize or strip elements (foreignObject or certain attributes). Avoid referencing remote images or assets from untrusted hosts (background-image:url(...)) since those could be used to track views; prefer hosting assets on a trusted CDN. The SKILL.md asks you to append an odd hidden element (<mp-style-type data-value="10000"/>)—verify this is necessary for your publishing workflow and that it doesn't violate platform rules. Finally, the skill is instruction-only (no code executed at install), so the main risk is what you paste into the WeChat editor — review any generated SVG for unexpected external URLs or <script> tags before publishing.
Capability Analysis
Type: OpenClaw Skill
Name: wechat-svg-effects
Version: 1.0.0
The skill bundle provides instructions and templates for creating interactive SVG and CSS effects specifically for WeChat Official Accounts, which do not allow JavaScript. The code and documentation (SKILL.md, patterns.md) focus on legitimate SVG animation techniques and WeChat-specific rendering hacks (e.g., mp-style-type). No evidence of data exfiltration, malicious execution, or harmful prompt injection was found.
Capability Assessment
Purpose & Capability
Name/description match the content: the SKILL.md provides templates and patterns specifically for WeChat (no-js) SVG/CSS effects. There are no unrelated environment variables, binaries, or install steps requested.
Instruction Scope
Runtime instructions are narrowly focused on SVG/CSS techniques (SVG animation elements, click/touch triggers, inline CSS, layer ordering, and a WeChat-specific hidden markup hint). The instructions do not direct the agent to read local files, access environment variables, call external endpoints, or perform system operations outside the stated purpose.
Install Mechanism
This is instruction-only (no install spec, no downloads, no extracted archives). Nothing is written to disk or installed by the skill itself.
Credentials
The skill declares no required credentials, env vars, or config paths. The guidance in SKILL.md does not attempt to access secrets or unrelated services.
Persistence & Privilege
always is false and the skill is user-invocable only. There is no indication it modifies other skills, agent configuration, or requests permanent presence.
How to Use
- Make sure OpenClaw is installed (local or Docker)
- Run the install command in chat:
/install wechat-svg-effects - After installation, invoke the skill by name or use
/wechat-svg-effects - Provide required inputs per the skill's parameter spec and get structured output
Version History
v1.0.0
Initial release: WeChat公众号SVG/CSS交互特效技能，支持4种架构模式、点击揭示、弹跳反馈、3D卡片、动画装饰等
Metadata
Frequently Asked Questions
What is WeChat SVG Effects?
Create interactive SVG/CSS effects for WeChat Official Account (微信公众号) articles. WeChat bans JavaScript, so all interactivity must use pure SVG animations +... It is an AI Agent Skill for Claude Code / OpenClaw, with 137 downloads so far.
How do I install WeChat SVG Effects?
Run "/install wechat-svg-effects" in the OpenClaw or Claude Code chat to install it in one step — no extra setup required.
Is WeChat SVG Effects free?
Yes, WeChat SVG Effects is completely free, licensed under MIT-0. You can download, install and use it at no cost.
Which platforms does WeChat SVG Effects support?
WeChat SVG Effects is cross-platform and runs anywhere OpenClaw / Claude Code is available (cross-platform).
Who created WeChat SVG Effects?
It is built and maintained by Rong (@kylinr); the current version is v1.0.0.
More Skills