xulelenlp/dsh-web-artifact-designer ↗★ 0
dsh-web-artifact-designer
DSH 前端设计生成 Skill：把设计需求做成可直接打开的自包含 HTML/SVG 设计稿（海报/信息图/落地页/图表/组件稿）。Adapted from Anthropic canvas-design / web-artifacts-builder; zero runtime beyond markdown.
AI Analysis
核心用途是将设计需求转化为可直接在浏览器打开的自包含 HTML/SVG 页面。适合需要快速产出海报、落地页或组件原型的设计与开发任务。
Install
$
npx -p @deepseek-ai/dsh dsh plugin --profile web add github:xulelenlp/dsh-web-artifact-designerREADME
Read the full README ↗使用示例
输入：「帮我做一张 Q3 销售数据的信息图，风格简洁专业。」
模型行为（加载本 skill 后）：
- 澄清 brief（受众/核心信息/尺寸/风格，必要时 1-2 问）
- 定概念 + 字体 + 配色 + 布局骨架
write输出单个自包含 HTML（数据图表用内联 SVG 手绘）- 逐条对照质量清单自查并修正
- 交付：告知路径、提示
open xxx.html、邀请迭代
输出：q3-sales-infographic.html，双击即可在浏览器打开。