DESIGN/设计资源·MOTION

huashu-design

alchaincyf/huashu-design

Huashu Design · HTML-native design skill for Claude Code · Claude Code 里 HTML 原生的设计 skill · 高保真原型 / 幻灯片 / 动画 + 20 设计哲学 + 5 维评审 + MP4 导出 · Agent-agnostic

打开仓库Open repository 上升中Rising

怎么装：Install: npx skills add alchaincyf/huashu-design

02 / 现在的位置02 / Why now

它现在处在什么位置Where it stands right now

首次发现FIRST SEEN

03 OCT 202603 OCT 2026

增长GROWTH

+0.1%+0.1%

25k → 25k stars · 2 个快照25k → 25k stars · 2 snapshots

状态STATUS

持续活跃Active

03 / 它能帮你做什么03 / What it helps you do

它能帮你做成什么What it helps you do

04 / 安装04 / Install

怎么装How to install

SKILLS-CLI

$

README 里给出的安装方式。The installation method given in the README.

NPM

$

Node 用户的安装方式。The install route for Node users.

两种装法选一个即可 —— 上面那条给命令行用户，下面那条给写代码的用户。Pick one of the two — the first is for command-line users, the second for people writing code.

05 / 限制与风险05 / Limits and risk

限制与风险Limits and risk

风险不是警告，是可信度的一部分。以下结论只基于文档静态扫描，我们不会执行项目里的任何代码。Risk here is evidence, not an alarm. These findings come from static scanning of the docs; we never execute a project’s code.

限制LIMITS

需检查Needs review

01需要 API KeyREQUIRES API KEY: 是Yes
02需要本地环境NEEDS LOCAL RUNTIME: 是Yes
03需要 DockerNEEDS DOCKER: 未在文档中发现Not found in the docs
04难度DIFFICULTY: 需要本地环境Needs a local runtime

PROVENANCE · 这些结论的依据是什么Where these conclusions come from

来源 URLSource URL: https://github.com/alchaincyf/huashu-design
原始数据哈希Raw data hash: 392b1f37597d9b61618d81b59d123879
解析时间Parsed at: 2026-10-04T23:12:38.121Z
最后一次验证Last verified: 2026-10-04T08:53:33.891Z
增长测量时间Growth measured: 2026-10-04T23:17:28.032Z
发现查询Discovery queries: focus:design:repo:design-agent, focus:design:repo:design-skill
分类来源Category source: rules
焦点Focus: design · motion (10)

静态扫描STATIC SCAN

01控制浏览器Controls a browserreadme

| 交互原型（App / Web） | 单文件 HTML · 真 iPhone bezel · 可点击 · Playwright 验证 | 10–15 min |

02控制浏览器Controls a browserSKILL.md

- 截图：`npx playwright screenshot file:///path.html out.png --viewport-size=1440,900`（PPT 用 1920,1080）

这里只做静态扫描：读 README、SKILL.md 和依赖清单，不执行代码。没有命中不代表安全。This is static scanning only: we read the README, SKILL.md and dependency list, and never execute code. No findings does not mean safe.

完整解析证据 JSONFull parse evidence JSON

{
  "agents": [
    {
      "agent": "claude-code",
      "evidence": "readme: …uashu-design ``` 跨 agent 通用——Claude Code、Cursor、Codex、OpenClaw、Hermes…"
    },
    {
      "agent": "claude-ai",
      "evidence": "readme: …轴 · 60fps 导出 | | 跨 agent | 专属 Claude.ai | 任意 skill 兼容 agent | Claude…"
    },
    {
      "agent": "gemini-cli",
      "evidence": "SKILL.md: …laude / 上下文窗口小的 runtime（Codex、Gemini CLI、Copilot 等）。为什么：按满血流程跑，弱 runti…"
    }
  ],
  "apiKey": "里要调 LLM，用一个可复用的 mock 或让用户填自己的 API key，详见 `references/react-setup.md` - **没有结构",
  "docker": null,
  "taxonomy": {
    "scores": {
      "design": 7,
      "ai-tools": 1,
      "dev-tools": 2,
      "indie-web": 0,
      "skill-agent": 2,
      "productivity": 0
    },
    "primary": "design",
    "secondary": "motion"
  },
  "localRuntime": "链路（设计→渲染→MP4/PDF/PPTX导出）**100%本地运行，零网络零key**。云能力（豆包TTS配音、AI看片评审）全部隔离在 `scr",
  "skillMdTotal": 1,
  "skillMdErrors": [],
  "treeTruncated": false,
  "categoryScores": {
    "data": 0,
    "agent": 0,
    "media": 0,
    "design": 10,
    "browser": 2,
    "devtool": 3,
    "security": 0,
    "marketing": 0,
    "productivity": 2
  },
  "classification": [
    {
      "signal": "1 SKILL.md with name + description",
      "weight": 0.95
    },
    {
      "signal": "README describes a Claude / Agent Skill",
      "weight": 0.7
    },
    {
      "signal": "description mentions AI",
      "weight": 0.2
    }
  ],
  "scannedSources": [
    "readme",
    "SKILL.md"
  ],
  "skillMdFetched": 1
}