Adoption

Agent Skills are supported by leading AI development tools.

VS Code Gemini CLI GitHub Goose Amp Cursor Claude Code Letta OpenCode Claude OpenAI Codex Factory VS Code Gemini CLI GitHub Goose Amp Cursor Claude Code Letta OpenCode Claude OpenAI Codex Factory

xjtulyc/svg-ui-templates

Name: svg-ui-templates
Author: xjtulyc

skills/svg-ui-templates/SKILL.md

npx skillsauth add xjtulyc/MedgeClaw svg-ui-templates

Clean

TrivyContainer and dependency vulnerability scanner

Clean

SemgrepStatic code analysis for vulnerabilities

Clean

mcp-scan (Snyk)Model Context Protocol security validation

Skipped

Snyk (dep)Open source security scanning

Skipped

Socket.devSupply chain security analysis

Skipped

VirusTotalMulti-engine malware detection

Skipped

CrowdStrikeAdvanced threat intelligence

Skipped

OSV-ScannerOpen Source Vulnerability database check

Skipped

OWASP Dep-Check

SVG UI Templates

Generate professional-grade SVG information panels optimized for horizontal (landscape) display.

Templates

| Template | File | Use Case | |----------|------|----------| | list-panel | assets/list-panel.svg | 数据表格、参数列表、对比表 | | checklist-panel | assets/checklist-panel.svg | 任务清单、进度追踪、TODO | | pipeline-status | assets/pipeline-status.svg | 流程依赖图、阶段状态、里程碑 | | richtext-layout | assets/richtext-layout.svg | 图文混排、报告摘要、数据简报 |

Workflow

Read the appropriate template SVG from assets/
Replace {{PLACEHOLDER}} tokens with actual content
Adjust row count / node count by duplicating elements with y-offset
Adjust viewBox height if content exceeds default
Save final SVG → convert to PNG with cairosvg for messaging platforms

For detailed placeholder lists, color system, and extension methods: read references/template-guide.md

Key Rules

viewBox width = 1200 (landscape, ~16:9). Adjust height as needed.
Font stack: 'Inter','Helvetica Neue','Microsoft YaHei',sans-serif — never change order.
Status colors: Green=#43A047, Amber=#FF8F00, Grey=#90A4AE, Red=#E53935
Shadow filter on all cards: filter="url(#cardShadow)" or equivalent id.
Row spacing: duplicate row blocks with +56px (list) or +60px (checklist) y-offset.
PNG conversion: python3 -c "import cairosvg; cairosvg.svg2png(url='in.svg', write_to='out.png', output_width=2400)"
When sending via Feishu/WeChat, always convert to PNG first (SVG not rendered inline).
飞书图文卡片集成: 生成 PNG 后，使用 feishu-rich-card skill 将图片嵌入飞书交互式卡片，实现图文混排汇报。参见 ../feishu-rich-card/SKILL.md。

xjtulyc/svg-ui-templates

skills/svg-ui-templates/SKILL.md

Generate professional SVG UI panels for structured information display. Use when presenting lists, task checklists, pipeline/dependency status diagrams, or rich-text report layouts as SVG images. Covers four templates - list-panel, checklist-panel, pipeline-status, richtext-layout. Style is professional, business-oriented, academic-grade with Material Design color palette.

770 stars

development

Updated Apr 21, 2026

$ install --global

skillsauth

npx skillsauth add xjtulyc/MedgeClaw svg-ui-templates

Install this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.

Security Scan Results

3 of 9 scanners reported clean

Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.

Scanners Passed

Scanners in report

Clean

TrivyContainer and dependency vulnerability scanner

95%

Clean

SemgrepStatic code analysis for vulnerabilities

95%

Clean

mcp-scan (Snyk)Model Context Protocol security validation

95%

Skipped

Snyk (dep)Open source security scanning

50%

Skipped

Socket.devSupply chain security analysis

50%

Skipped

VirusTotalMulti-engine malware detection

50%

Skipped

CrowdStrikeAdvanced threat intelligence

50%

Skipped

OSV-ScannerOpen Source Vulnerability database check

50%

Skipped

OWASP Dep-Check

50%

Last scanned: Apr 22, 2026, 1:55 AM225.7s2 files scanned

SKILL.md

name:: svg-ui-templates
description:: >

SVG UI Templates

Generate professional-grade SVG information panels optimized for horizontal (landscape) display.

Templates

Workflow

Read the appropriate template SVG from assets/
Replace {{PLACEHOLDER}} tokens with actual content
Adjust row count / node count by duplicating elements with y-offset
Adjust viewBox height if content exceeds default
Save final SVG → convert to PNG with cairosvg for messaging platforms

For detailed placeholder lists, color system, and extension methods: read references/template-guide.md

Key Rules

viewBox width = 1200 (landscape, ~16:9). Adjust height as needed.
Font stack: 'Inter','Helvetica Neue','Microsoft YaHei',sans-serif — never change order.
Status colors: Green=#43A047, Amber=#FF8F00, Grey=#90A4AE, Red=#E53935
Shadow filter on all cards: filter="url(#cardShadow)" or equivalent id.
Row spacing: duplicate row blocks with +56px (list) or +60px (checklist) y-offset.
PNG conversion: python3 -c "import cairosvg; cairosvg.svg2png(url='in.svg', write_to='out.png', output_width=2400)"
When sending via Feishu/WeChat, always convert to PNG first (SVG not rendered inline).
飞书图文卡片集成: 生成 PNG 后，使用 feishu-rich-card skill 将图片嵌入飞书交互式卡片，实现图文混排汇报。参见 ../feishu-rich-card/SKILL.md。

Related Skills

xjtulyc/paper-reproduce

tools

VerifiedTrustedCommunity

Systematic methodology for reproducing published academic papers using provided data. Use when the user asks to reproduce, replicate, or verify results from a published paper, including sample selection, descriptive statistics, regression analyses, and generating reproduction reports (Markdown + LaTeX PDF). Covers the full pipeline: data exploration, variable identification/mapping, sample filtering, variable construction, statistical analysis, result comparison, and documentation. Applicable to any observational study, clinical cohort, or survey-based research paper.

770SKILL.mdUpdated Apr 21, 2026

xjtulyc/paper-reproduce

xjtulyc/feishu-rich-card

development

VerifiedTrustedCommunity

Send rich interactive cards with embedded images in Feishu group chats. Use when reporting progress, sharing analysis results, or presenting any content that benefits from mixed text+image layout in Feishu. Combines SVG UI templates (or matplotlib/PIL charts) with Feishu Card Kit API.

770SKILL.mdUpdated Apr 21, 2026

xjtulyc/feishu-rich-card

xjtulyc/skills/dashboard

development

VerifiedTrustedCommunity

# Local Research Dashboard Skill ## 概述每次科研任务开始时，生成一个临时的本地 dashboard，动态展示任务关键信息和产物预览。 ## 组件 - `state.json`：数据协议，openclaw 负责写入和更新 - `dashboard.html`：本地单文件页面，轮询 state.json 并渲染 - `dashboard_serve.py`：静态文件服务器，serve 任务根目录所有文件放在**任务独立目录**中（如 `data/<task_name>/dashboard/`）。 --- ## state.json Schema ```json { "title": "任务标题", "updated_at": "2024-01-01 12:00:00", "panels": [ { "type": "progress|text|list|code|table|image|files|step", "label": "面板标题（可折叠的标识）", "content":

770SKILL.mdUpdated Apr 21, 2026

xjtulyc/skills/dashboard

xjtulyc/cjk-viz

tools

VerifiedTrustedCommunity

CJK (中日韩) 字体检测与 matplotlib 配置。任何涉及中文标签、标题、图例的可视化任务启动前必须先执行本 skill 的字体检测流程，确保不会出现方块乱码。适用于 matplotlib / seaborn / plotly 静态导出等场景。

770SKILL.mdUpdated Apr 21, 2026

Download

For Claude Desktop. Download once, then upload the file in the app — no terminal needed.

Need help? View full Cowork setup guide →

Install manually

Choose your platform

# Clone the repo
git clone https://github.com/xjtulyc/MedgeClaw.git

# Copy into Claude Code skills folder (global)
cp -r MedgeClaw/skills/svg-ui-templates ~/.claude/skills/

Claude Code Skills — official skills path docs.

Repository

xjtulyc/MedgeClaw

770 stars

Compatible with

Claude Code

OpenAI Codex CLI

ChatGPT