Huashu Design · HTML-native design skill for Claude Code · Claude Code 里 HTML 原生的设计 skill · 高保真原型 / 幻灯片 / 动画 + 20 设计哲学 + 5 维评审 + MP4 导出 · Agent-agnostic
This report summarizes scanner evidence for alchaincyf/huashu-design, a HTML project with 24,790 GitHub stars. SynthScan examined 51,190 lines of code across 114 source files, recording 148 pattern matches distributed across 10 syntactic categories. The legacy adjusted pattern signal is 9.0 (Moderate pattern signal); it is not an authorship estimate.
Use the findings to ask whether maintainers can explain intent, verify dependencies, simplify unnecessary scaffolding, and focus review effort. Risk Payload v1 adds ownership, supply-chain, over-engineering, and review-effort vectors when available. These are prompts for human verification, not probabilities, security findings, or measured maintenance costs.
Use each vector to guide manual verification of the underlying findings.
Can maintainers explain intent, assumptions, and trade-offs? 24 finding(s).
Are imports declared and package/API names verified? 28 finding(s).
Are wrappers, guards, and repeated structures necessary? 96 finding(s).
Which changes need focused human review? 148 finding(s).
This chart tracks the legacy adjusted pattern score across scan runs. Changes can reflect source changes, scan coverage, or detector/scoring versions; they do not measure AI adoption or prove that a team refactored code. Compare runs only when their scoring versions are compatible. The dashed line tracks the raw pattern-hit count.
Groups findings by configured severity weight. Severity is not a confidence estimate, security rating, or proof that a package is missing. Verify imports against the project's manifests and inspect each finding in its local design context.
This horizontal bar chart shows where configured pattern scores accumulate across directories. Treat the bars as locations to inspect, not as evidence of authorship or code quality. Use the file-level findings to decide whether a directory needs a focused ownership, dependency, complexity, or review check.
The scanner identified 148 distinct pattern matches across 10 syntactic categories. Each entry below represents a discrete location in the source code where the engine recorded a detector match to inspect in context. Expand any category row to inspect the individual file paths, line numbers, code snippets, and the lexical context (CODE, COMMENT, or STRING) in which each match was detected.
Reading the findings table: The Severity column indicates the configured finding weight (CRITICAL / HIGH / MEDIUM / LOW). The Context column identifies whether the match occurred inside executable code, an inline comment, or a string literal — legacy comment-context matches receive a ×1.5 score weight. The ⚡ bolt icon marks clustered matches: three or more patterns within a 10-line window, each receiving an additional ×1.5 density multiplier under the legacy scoring model.
| Severity | File | Line | Snippet | Context |
|---|---|---|---|---|
| MEDIUM⚡ | references/gsap-recipes.md | 113 | // ── 五段 label,比例 15 / 15 / 40 / 20 / 10 ────────────────── | COMMENT |
| MEDIUM⚡ | references/gsap-recipes.md | 120 | // ── S1 触发(节奏慢:单个动作 + 大量留白)───────────────────── | COMMENT |
| MEDIUM⚡ | references/gsap-recipes.md | 124 | // ── S2 生成(一个明确的惊艳点,不堆动作)───────────────────── | COMMENT |
| MEDIUM⚡ | references/gsap-recipes.md | 132 | // ── S4 爆发(镜头级动作:拉远 / rotationX / 多元素涌现)─────── | COMMENT |
| MEDIUM⚡ | references/gsap-recipes.md | 136 | // ── S5 落幅(Logo 形变收束,见 §3.6;之后什么都不发生)──────── | COMMENT |
| MEDIUM | references/gsap-recipes.md | 691 | // ── 平面模式(纯 zoom + pan,无旋转)────────────────────────── | COMMENT |
| MEDIUM | references/animation-pitfalls.md | 222 | // ━━━━━━ state ━━━━━━ | COMMENT |
| MEDIUM | references/animation-pitfalls.md | 228 | // ━━━━━━ tick ━━━━━━ | COMMENT |
| MEDIUM | references/animation-pitfalls.md | 252 | // ━━━━━━ boot ━━━━━━ | COMMENT |
| MEDIUM | references/animation-pitfalls.md | 260 | // ━━━━━━ seek 接口(供 render-video 防御性矫正用)━━━━━━ | COMMENT |
| MEDIUM | scripts/render-video.js | 100 | // ── Phase 1: WARMUP (no recording, caches fonts/assets) ───────────── | COMMENT |
| MEDIUM | scripts/render-video.js | 113 | // ── Phase 2: RECORD (fresh context, animation from t=0) ───────────── | COMMENT |
| MEDIUM | scripts/mix-voiceover.sh | 94 | # ── ffmpeg filter graph ───────────────────────────────────── | COMMENT |
| MEDIUM | scripts/render-narration.sh | 111 | # ── Step 1: 录无声 MP4 ────────────────────── | COMMENT |
| MEDIUM | scripts/render-narration.sh | 133 | # ── Step 2: 混入人声 ────────────────────── | COMMENT |
| MEDIUM | scripts/pptx_from_rendered.py | 39 | # ───────────────────────────────────────────────────────────── | COMMENT |
| MEDIUM | scripts/pptx_from_rendered.py | 41 | # ───────────────────────────────────────────────────────────── | COMMENT |
| MEDIUM | scripts/pptx_from_rendered.py | 266 | # ── 文本 ────────────────────────────────────────────── | COMMENT |
| MEDIUM | scripts/pptx_from_rendered.py | 336 | # ── 形状 ────────────────────────────────────────────── | COMMENT |
| MEDIUM | scripts/pptx_from_rendered.py | 368 | # ── 图片 ────────────────────────────────────────────── | COMMENT |
| MEDIUM | scripts/pptx_from_rendered.py | 407 | # ── 装配 ────────────────────────────────────────────── | COMMENT |
| MEDIUM | scripts/pptx_from_rendered.py | 460 | # ───────────────────────────────────────────────────────────── | COMMENT |
| MEDIUM | scripts/pptx_from_rendered.py | 462 | # ───────────────────────────────────────────────────────────── | COMMENT |
| MEDIUM | scripts/pptx_from_rendered.py | 499 | # ───────────────────────────────────────────────────────────── | COMMENT |
| MEDIUM | scripts/pptx_from_rendered.py | 238 | # ───────────────────────────────────────────────────────────── | STRING |
| MEDIUM | scripts/pptx_from_rendered.py | 240 | # ───────────────────────────────────────────────────────────── | STRING |
| MEDIUM | scripts/add-music.sh | 38 | # ── Parse args ─────────────────────────────────────────────────────── | COMMENT |
| MEDIUM | scripts/add-music.sh | 65 | # ── Resolve music source: --music wins, else --mood ───────────────── | COMMENT |
| MEDIUM | scripts/add-music.sh | 80 | # ── Resolve output path ───────────────────────────────────────────── | COMMENT |
| MEDIUM | scripts/add-music.sh | 85 | # ── Measure video duration, compute fade-out start ────────────────── | COMMENT |
| MEDIUM | demos/w1-brand-protocol.html | 546 | // ── Auto-scale stage to viewport ───────────────── | COMMENT |
| MEDIUM | demos/w1-brand-protocol.html | 557 | // ── Easing functions ───────────────── | COMMENT |
| MEDIUM | demos/w1-brand-protocol.html | 575 | // ── Timeline (total 12s) ───────────────── | COMMENT |
| MEDIUM | demos/c1-ios-prototype-en.html | 814 | // ── Scale to viewport (1920×1080 canvas) ───────────────────────── | COMMENT |
| MEDIUM | demos/c1-ios-prototype-en.html | 823 | // ── Easing ─────────────────────────────────────────────────────── | COMMENT |
| MEDIUM | demos/c1-ios-prototype-en.html | 836 | // ── Elements ───────────────────────────────────────────────────── | COMMENT |
| MEDIUM | demos/c1-ios-prototype-en.html | 899 | // ── SFX via WebAudio ───────────────────────────────────────────── | COMMENT |
| MEDIUM | demos/c1-ios-prototype-en.html | 947 | // ── Timeline ───────────────────────────────────────────────────── | COMMENT |
| MEDIUM | demos/c1-ios-prototype-en.html | 975 | // ── Beat 1: 0-2s ───────────────────────────────────────── | COMMENT |
| MEDIUM | demos/c1-ios-prototype-en.html | 1016 | // ── Beat 2: 2-8s ───────────────────────────────────────── | COMMENT |
| MEDIUM | demos/c1-ios-prototype-en.html | 1050 | // ── Beat 3: 8-10s ──────────────────────────────────────── | COMMENT |
| MEDIUM | demos/c5-infographic-en.html | 631 | // ── Beat 1: 0-2s · JSON data appears, types in ───────── | COMMENT |
| MEDIUM | demos/c5-infographic-en.html | 648 | // ── Pipe arrow (1.8 → 2.2) ───────────────────────────── | COMMENT |
| MEDIUM | demos/c5-infographic-en.html | 654 | // ── Beat 2a: 2.0-3.2s · Infographic canvas arrives ───── | COMMENT |
| MEDIUM | demos/c5-infographic-en.html | 667 | // ── Beat 2b: 3.0-4.2s · Display headline appears ────── | COMMENT |
| MEDIUM | demos/c5-infographic-en.html | 688 | // ── Beat 2d: 5.2-6.4s · Comparison bars grow ───────── | COMMENT |
| MEDIUM | demos/c5-infographic-en.html | 732 | // ── Beat 3: 8.2-10s · Brand reveal ─────────────────── | COMMENT |
| MEDIUM | demos/c5-infographic.html | 628 | // ── Beat 1: 0-2s · JSON data appears, types in ───────── | COMMENT |
| MEDIUM | demos/c5-infographic.html | 645 | // ── Pipe arrow (1.8 → 2.2) ───────────────────────────── | COMMENT |
| MEDIUM | demos/c5-infographic.html | 651 | // ── Beat 2a: 2.0-3.2s · Infographic canvas arrives ───── | COMMENT |
| MEDIUM | demos/c5-infographic.html | 664 | // ── Beat 2b: 3.0-4.2s · Display headline appears ────── | COMMENT |
| MEDIUM | demos/c5-infographic.html | 685 | // ── Beat 2d: 5.2-6.4s · Comparison bars grow ───────── | COMMENT |
| MEDIUM | demos/c5-infographic.html | 729 | // ── Beat 3: 8.2-10s · Brand reveal ─────────────────── | COMMENT |
| MEDIUM | demos/c1-ios-prototype.html | 811 | // ── Scale to viewport (1920×1080 canvas) ───────────────────────── | COMMENT |
| MEDIUM | demos/c1-ios-prototype.html | 820 | // ── Easing ─────────────────────────────────────────────────────── | COMMENT |
| MEDIUM | demos/c1-ios-prototype.html | 833 | // ── Elements ───────────────────────────────────────────────────── | COMMENT |
| MEDIUM | demos/c1-ios-prototype.html | 896 | // ── SFX via WebAudio ───────────────────────────────────────────── | COMMENT |
| MEDIUM | demos/c1-ios-prototype.html | 944 | // ── Timeline ───────────────────────────────────────────────────── | COMMENT |
| MEDIUM | demos/c1-ios-prototype.html | 972 | // ── Beat 1: 0-2s ───────────────────────────────────────── | COMMENT |
| MEDIUM | demos/c1-ios-prototype.html | 1013 | // ── Beat 2: 2-8s ───────────────────────────────────────── | COMMENT |
| 34 more matches not shown… | ||||
| Severity | File | Line | Snippet | Context |
|---|---|---|---|---|
| HIGH⚡ | scripts/pptx_from_rendered.py | 68 | out.push({ | CODE |
| HIGH⚡ | scripts/pptx_from_rendered.py | 78 | else if (n.tagName && n.tagName.toLowerCase() === 'br') { | CODE |
| HIGH⚡ | scripts/pptx_from_rendered.py | 79 | out.push({br: true}); atLineStart = true; pendingSpace = false; | CODE |
| HIGH⚡ | scripts/pptx_from_rendered.py | 87 | return out.filter(r => r.br || r.t); | CODE |
| HIGH⚡ | scripts/pptx_from_rendered.py | 99 | .filter(q => q.width > 0.5 && q.height > 0.5) | CODE |
| HIGH⚡ | scripts/pptx_from_rendered.py | 104 | if (last && q.top < last.bottom - 2) last.bottom = Math.max(last.bottom, q.bottom); | CODE |
| HIGH⚡ | scripts/pptx_from_rendered.py | 105 | else rows.push({top: q.top, bottom: q.bottom}); | CODE |
| HIGH⚡ | scripts/pptx_from_rendered.py | 126 | out.push({...base, kind: 'img', src: el.getAttribute('src'), | CODE |
| HIGH⚡ | scripts/pptx_from_rendered.py | 131 | out.push({...base, kind: 'svg', seq: svgSeq++, tagName: tag}); | CODE |
| HIGH⚡ | scripts/pptx_from_rendered.py | 135 | const hasText = el.innerText && el.innerText.trim().length > 0; | CODE |
| HIGH⚡ | scripts/pptx_from_rendered.py | 141 | if (painted || bdw > 0) { // 背景/描边先出矩形,画在文字之下 | CODE |
| HIGH⚡ | scripts/pptx_from_rendered.py | 142 | out.push({...base, kind: 'shape', bg, bdw, bdc: cs.borderTopColor, | CODE |
| HIGH⚡ | scripts/pptx_from_rendered.py | 146 | if (hasText && onlyInline) { | CODE |
| HIGH⚡ | scripts/pptx_from_rendered.py | 154 | if (n.nodeType === 1 && n.tagName.toLowerCase() === 'br') groups.push([]); | CODE |
| HIGH⚡ | scripts/pptx_from_rendered.py | 154 | if (n.nodeType === 1 && n.tagName.toLowerCase() === 'br') groups.push([]); | CODE |
| HIGH⚡ | scripts/pptx_from_rendered.py | 158 | const nodes = g.filter(n => n.nodeType !== 3 || n.textContent.trim()); | CODE |
| HIGH | scripts/pptx_from_rendered.py | 170 | out.push({ | CODE |
| HIGH | scripts/pptx_from_rendered.py | 199 | out.push({tag: c.tagName.toLowerCase(), cls: '', kind: 'shape', | CODE |
| HIGH | scripts/verify.py | 34 | print("运行: pip install playwright && playwright install chromium") | CODE |
| Severity | File | Line | Snippet | Context |
|---|---|---|---|---|
| LOW | scripts/mix-voiceover.sh | 1 | #!/usr/bin/env bash | COMMENT |
| LOW | scripts/convert-formats.sh | 1 | #!/bin/bash | COMMENT |
| LOW | scripts/verify-video.sh | 1 | #!/bin/bash | COMMENT |
| LOW | scripts/render-narration.sh | 1 | #!/usr/bin/env bash | COMMENT |
| LOW | scripts/render-narration.sh | 21 | # --keep-silent 保留中间产物(无声 MP4),便于 debug | COMMENT |
| LOW | scripts/sfx-cues.sh | 1 | #!/bin/bash | COMMENT |
| LOW | scripts/add-music.sh | 1 | #!/usr/bin/env bash | COMMENT |
| LOW | scripts/add-music.sh | 21 | # | COMMENT |
| LOW | scripts/design-gate-hook.sh | 1 | #!/bin/bash | COMMENT |
| LOW | demos/c6-expert-review-en.html | 721 | pointsG.appendChild(circle); | COMMENT |
| LOW | demos/w1-brand-protocol-en.html | 561 | } | COMMENT |
| LOW | demos/w2-junior-designer-en.html | 741 | // ──────────────────────────────────── | COMMENT |
| LOW | demos/w2-junior-designer.html | 741 | function seg(time, start, end) { | COMMENT |
| Severity | File | Line | Snippet | Context |
|---|---|---|---|---|
| LOW | scripts/mix-voiceover.sh | 4 | # Usage: | COMMENT |
| LOW | scripts/convert-formats.sh | 4 | # Usage: | COMMENT |
| LOW | scripts/verify-video.sh | 7 | # Usage: | COMMENT |
| LOW | scripts/render-narration.sh | 9 | # Usage: | COMMENT |
| LOW | scripts/add-music.sh | 4 | # Usage: | COMMENT |
| Severity | File | Line | Snippet | Context |
|---|---|---|---|---|
| LOW | SKILL.md | 29 | | **文案** | 每一句话都为设计服务 | 用 Lorem ipsum 或「标题文字」占位交付 | | CODE |
| LOW | references/launch-film-director-notes.md | 144 | 「这部片不做的事」清单(紫渐变 / emoji / Lorem ipsum / Inter display / SVG 画人物 / 圆角卡 + 左 border accent)比「这部片做的事」清单更能保护质量。 | CODE |
| LOW | scripts/html2pptx.js | 764 | if (classAttr.indexOf('placeholder') !== -1) { | CODE |
| LOW | assets/director-notes-samples/launch-film-30s-sample.md | 142 | | 不用 Lorem ipsum | 每一段假文都用真正能读的内容(含「md is the source. Anything else is product.」这种 hook) | | CODE |
| LOW | assets/director-notes-samples/launch-film-30s-sample.md | 804 | - ✅ destination card 的「On Markdown」essay 内容是真的可读的英文哲学小段,不是 Lorem ipsum | CODE |
| Severity | File | Line | Snippet | Context |
|---|---|---|---|---|
| HIGH | references/voiceover-pipeline.md | 377 | DOUBAO_TTS_API_KEY=<your_api_key> | CODE |
| Severity | File | Line | Snippet | Context |
|---|---|---|---|---|
| LOW | assets/director-notes-samples/launch-film-30s-sample.md | 1642 | # Step 1: 加 BGM | COMMENT |
| LOW | assets/director-notes-samples/launch-film-30s-sample.md | 1648 | # Step 2: 加 SFX cues (按 Part II.6 SFX 字典逐 cue 加) | COMMENT |
| LOW | assets/director-notes-samples/launch-film-30s-sample.md | 1659 | # Step 3: 验证 audio stream | COMMENT |
| Severity | File | Line | Snippet | Context |
|---|---|---|---|---|
| LOW | scripts/pptx_from_rendered.py | 35 | CODE | |
| LOW | scripts/verify.py | 19 | CODE | |
| LOW | scripts/verify.py | 20 | CODE |
| Severity | File | Line | Snippet | Context |
|---|---|---|---|---|
| LOW | scripts/pptx_from_rendered.py | 408 | CODE | |
| LOW | scripts/verify.py | 29 | CODE | |
| LOW | scripts/cloud/ai-review-video.py | 151 | CODE |
| Severity | File | Line | Snippet | Context |
|---|---|---|---|---|
| LOW | scripts/fetch_images.py | 45 | except Exception as e: | CODE |
| LOW | scripts/fetch_images.py | 68 | except Exception as e: | CODE |