svg-ui-templates

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.

Ir para a instalação

Repositório: xjtulyc/MedgeClaw
Última atividade na origem: 28 de fevereiro de 2026 às 05:34
Idioma detectado do SKILL.md: inglês
Estrelas: 641
Forks: 149

Opções de instalação

Por padrão, está selecionado o prompt que primeiro revisa a origem. Você pode mudar para um comando direto ou baixar uma cópia local.

Instalar com Codex ou Claude Copie este prompt, cole no Codex, Claude ou outro assistente e deixe que ele revise a página da skill e instale para você.

Um comando direto ignora o prompt de revisão. Verifique a origem antes de executá-lo.

npx skills add https://github.com/xjtulyc/MedgeClaw --skill svg-ui-templates

O comando permanece em uma só linha. Role horizontalmente para revisá-lo antes de copiar.

Prefere uma cópia local? Baixe os arquivos disponíveis atualmente no SkillsMP.

Revise os arquivos de origem

Leia o SKILL.md e os arquivos complementares exibidos pelo SkillsMP antes de decidir se vai instalar.

Explorador de arquivos

6 arquivos

SKILL.md

Instruções da origem · Visualização somente leitura

Voltar à pesquisa Voltar à instalação

charls-reproduce

CHARLS (China Health and Retirement Longitudinal Study) database-specific knowledge for reproducing published papers. Use when reproducing or analyzing papers that use CHARLS data, including variable mapping from harmonized to raw questionnaire items, cognitive function scoring (episodic memory, mental status, TICS), CESD-10 depression screening, social isolation index construction, and chronic disease coding. Also use for any CHARLS data cleaning, variable construction, or cohort selection task.

2026-03-10

paper-reproduce

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.

2026-03-10

biomed-dispatch

Dispatch biomedical research and data analysis tasks to Claude Code with K-Dense Scientific Skills. Use this skill when the user asks to run any bioinformatics, genomics, drug discovery, clinical data analysis, proteomics, multi-omics, medical imaging, or scientific computation task. Also use for literature search (PubMed, bioRxiv), pathway analysis, protein structure prediction, or scientific writing tasks.

2026-03-07

Ver todas deste repositório

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。