菜单
Create a professional, dark-themed software/system architecture diagram as a single self-contained HTML file with inline SVG. Use when asked to visualize system components, layers, services, or how parts of a codebase fit together.
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
基于 SOC 职业分类
Use for portfolio-facing stock risk briefs that separate market facts, interpretation, and non-investment-advice boundaries.
Use for market-entry or go-to-market memos that combine CRM evidence, competitive signals, and executive decision needs.
Use for concise business travel plans that combine policy constraints, local route facts, and traveler priorities.
Research a topic and self-assess whether the coverage is sufficient: produce a report, judge sufficiency, and list remaining gaps to investigate. Use for adaptive/agentic research and iterative investigation.
Produce a deep, structured research report on a topic: decompose into key dimensions, analyze each with evidence and reasoning, synthesize cross-cutting insights, and surface open questions. Use for deep research, analysis, and literature/landscape reviews.
Audit a vendor agreement or contract: extract key clauses, check that required clause categories are present, flag compliance gaps and risks, and emit a structured audit summary. Use for compliance, contract review, audit, and vendor agreement requests.
| name | architecture-diagram |
| description | Create a professional, dark-themed software/system architecture diagram as a single self-contained HTML file with inline SVG. Use when asked to visualize system components, layers, services, or how parts of a codebase fit together. |
| keywords | ["architecture diagram","system design","svg","html","components","layers"] |
Produce ONE self-contained HTML document (embedded CSS + inline SVG, no JavaScript, no external images; Google Fonts link is allowed). It must render correctly when opened directly in a browser.
#020617 with a subtle 40px grid pattern.rx="6"), 1.5px stroke, semi-transparent
fills. Colour components by role:
rgba(8,51,68,0.4), stroke #22d3eergba(6,78,59,0.4), stroke #34d399rgba(120,53,15,0.3), stroke #fbbf24rgba(76,29,149,0.4), stroke #a78bfargba(251,146,60,0.3), stroke #fb923crgba(30,41,59,0.5), stroke #94a3b8#94a3b8.marker arrowhead; draw connecting arrows before boxes so
they sit behind them.Return the complete HTML document as a single string. Do not include commentary outside the HTML.