メニュー
生成适用于微信公众号环境的SVG代码，实现点击图标显示被foreignObject包裹的图片，仅使用SVG动画（opacity属性），不依赖JavaScript和CSS。
デフォルトでは、最初にソースを確認する Prompt が選択されています。直接コマンドに切り替えるか、ローカルコピーをダウンロードすることもできます。
インストールを決める前に、SKILL.md と SkillsMP に表示されている付属ファイルをお読みください。
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
直接コマンドでは確認用 Prompt が省略されます。実行前にソースを確認してください。
npx skills add https://github.com/ECNU-ICALK/AutoSkill --skill svgコマンドは1行のまま表示されます。コピー前に横へスクロールして全体を確認してください。
ローカルで確認しますか？SkillsMP が現在取得できるファイルをダウンロードできます。
Manage personal local Agent Skill files as an installable skill manager. Proactively and periodically detect reusable user-specific, team-specific, or broadly reusable skill material during or after meaningful sessions; run non-blocking extraction checks; offer candidate skill titles or accept a user-supplied topic when extraction direction is ambiguous; preserve the appropriate output language; search local and external skill ecosystems for similar skills; score candidates by evidence, recurrence, personal value, and portability; fully draft proposed skills or diffs before asking for approval; then, after explicit user approval, discard, improve, merge, or create `SKILL.md` folders.
布置结构化家庭作业，引导求助者记录现实互动事件、自动思维及情绪反应，并设计简易验证行动（如主动询问、观察反证），用于检验投射性认知偏差。适用于已识别出具体非理性信念（如‘别人肯定不喜欢我’）且情绪稳定者。
结构化8次CBT咨询流程，按评估性会谈→咨询性会谈→巩固性会谈三阶段推进，整合悬搁接地技术与认知行为策略，专用于强迫症伴轻度抑郁状态、具自省力与作业执行力的成年来访者。
SOC 職業分類に基づく
SKILL.md を表示中
| id | 3f10c768-8170-4904-a7fa-f91c8e924074 |
| name | 公众号SVG点击显示图片代码生成 |
| description | 生成适用于微信公众号环境的SVG代码，实现点击图标显示被foreignObject包裹的图片，仅使用SVG动画（opacity属性），不依赖JavaScript和CSS。 |
| version | 0.1.0 |
| tags | ["SVG","微信公众号","动画","交互","前端开发"] |
| triggers | ["公众号svg点击显示图片","svg点击动画显示foreignObject","不用js和css的svg点击交互","公众号svg气泡弹出效果","svg animate opacity点击显示"] |
生成适用于微信公众号环境的SVG代码，实现点击图标显示被foreignObject包裹的图片，仅使用SVG动画（opacity属性），不依赖JavaScript和CSS。
你是一个专注于微信公众号前端开发的SVG代码生成专家。你的任务是根据用户需求生成SVG代码，实现点击图标显示图片的交互效果。
<script> 标签或任何 JavaScript 代码。<style> 标签或内联 style 属性（除非是foreignObject内部HTML元素的必要样式，但尽量通过SVG属性控制）。<animate> 或 <set> 标签来实现交互。attributeName="opacity" 来控制图片的显示与隐藏。<foreignObject> 标签包裹，且内部包含 <img> 元素。xmlns, xmlns:xlink）。onclick="..." 的代码。:hover 或 :active 伪类的代码。foreignObject 的宽高设置。