xulelenlp/dsh-web-artifact-designer

安装

├── index.js                         # Cordis 插件入口：把 skills/**/SKILL.md 注册为 skill provider
├── cordis.patch.yml                 # bundle 清单：把本包挂载进 profile
├── package.json                     # dsh.bundle 元数据（dsh plugin add 依赖它）
├── skills/web-artifact-designer/
│   ├── SKILL.md                     # 核心技能（方法论 + 工作流 + 质量清单）
│   ├── references/
│   │   ├── design-principles.md     # 设计原则：反模式 / 字体 / 色彩 / 布局 / 细节
│   │   └── self-contained-html.md   # 自包含 HTML artifact 构建指南
│   └── assets/
│       ├── template.html            # 开箱即用的 starter 模板
│       └── example-landing.html     # 质量标杆示例（咖啡品牌落地页）
└── demo/q3-sales-infographic.html   # 实际产出 demo（信息图）

把 xulelenlp/dsh-web-artifact-designer 加入你的 DSH 配置（web profile）即可启用。