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: Zaoqu-Liu/ScienceClaw
Última atividade na origem: 6 de março de 2026 às 16:55
Idioma detectado do SKILL.md: inglês
Estrelas: 59
Forks: 13

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/Zaoqu-Liu/ScienceClaw --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.

SKILL.md

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

Voltar à pesquisa Voltar à instalação

asta-corpus-search

Search Allen AI's Asta Scientific Corpus (225M+ papers, 12M+ full-text, 2.4B+ citations) via MCP endpoint. Provides paragraph-level semantic search across full-text publications, citation graph traversal, and author analysis. Use as a complement to PubMed/OpenAlex/Semantic Scholar for deeper literature discovery, especially when full-text search or citation network analysis is needed. Requires ASTA_API_KEY in .env (free registration at allenai.org/asta).

2026-03-18

browser-automation

Browser automation for accessing scientific databases that lack REST APIs. Uses the browser-use Python framework (81k+ GitHub stars) to control a real browser via LLM vision. Enables data extraction from web-only databases like GEPIA2, GeneCards advanced features, COSMIC public data, and journal full-text access. Use as a fallback when curl-based API access fails or when the target database has no programmatic API. Requires pip install browser-use and a Chromium browser.

2026-03-18

drug-repurposing

Systematic drug repurposing analysis inspired by NovusAI. Evaluates existing drugs for new therapeutic indications through multi-dimensional evidence gathering across target networks, clinical trials (including failures), patent landscape, safety profiles, and off-label literature. Produces ranked repurposing candidates with evidence scores. Use when users ask about finding new uses for existing drugs, off-label potential, "老药新用", or "drug repurposing for X". Complements target-validation (which starts from a target) by starting from a drug.

2026-03-18

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。