Huashu Design · HTML-native design skill for Claude Code · Claude Code 里 HTML 原生的设计 skill · 高保真原型 / 幻灯片 / 动画 + 20 设计哲学 + 5 维评审 + MP4 导出 · Agent-agnostic
This report presents the forensic synthetic code analysis of alchaincyf/huashu-design, a HTML project with 21,399 GitHub stars. SynthScan v2.0 examined 47,094 lines of code across 100 source files, recording 104 pattern matches distributed across 10 syntactic categories. The overall adjusted score of 5.9 places this repository in the Low AI signal band.
The scanner applied 160+ deterministic lexical heuristics, multi-line block detectors, abstract syntax tree depth profilers, and a cross-file Jaccard similarity matrix to construct a statistically normalised synthetic code estimate. All matches are individually weighted by severity coefficient and contextual multiplier before summation, and the resulting headline score is temporally discounted to account for the repository's development history relative to the commercial emergence of large language model coding tooling (November 2022 onward).
This chart maps the temporal evolution of the adjusted synthetic code score across successive scan runs. An upward trajectory indicates ongoing incorporation of AI-generated code or expanding LLM-assisted scaffolding; a stable or declining trajectory may reflect active human refactoring, code removal, or the adoption of stricter authorship policies. The dashed secondary line (right axis) independently tracks total raw pattern hit count, which can diverge from the normalised score when codebase size changes significantly between scans.
Classifies detected patterns by their diagnostic confidence and structural impact. CRITICAL patterns (coefficient 10) represent definitive synthetic signatures — hallucinated imports, explicit LLM attribution metadata — virtually never produced by human authors. HIGH (5) indicates strong structural tells such as cross-file repetition or cross-linguistic idioms. MEDIUM (2) covers recognisable conversational padding and AI-specific vocabulary. LOW (1) captures subtle indicators like tautological comments and generic boilerplate that require density to carry independent signal.
This horizontal bar chart decomposes the repository's raw synthetic code score by top-level directory, allowing you to pinpoint precisely which modules or components carry the highest AI authorship density. Directories with disproportionately high scores relative to their size warrant targeted manual review: concentrated AI signatures often trace back to mass-generated configuration layers, auto-ported test suites, LLM-scaffolded boilerplate classes, or entire subsystems authored under heavy copilot assistance. Use this view to prioritise your human code-review effort.
The scanner identified 104 distinct pattern matches across 10 syntactic categories. Each entry below represents a discrete location in the source code where the engine recorded a statistically significant AI authorship indicator. 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 diagnostic confidence level (CRITICAL / HIGH / MEDIUM / LOW). The Context column identifies whether the match occurred inside executable code, an inline comment, or a string literal — comment-context matches receive a ×1.5 weight because LLMs systematically over-annotate. The ⚡ bolt icon marks clustered matches: three or more patterns within a 10-line window, each receiving an additional ×1.5 density multiplier as dense clusters constitute far stronger evidence of synthetic authorship than isolated hits.
| Severity | File | Line | Snippet | Context |
|---|---|---|---|---|
| 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/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 |
| MEDIUM | demos/c1-ios-prototype.html | 1047 | // ── Beat 3: 8-10s ──────────────────────────────────────── | COMMENT |
| MEDIUM | demos/w1-brand-protocol-en.html | 534 | // ── Auto-scale stage to viewport ───────────────── | COMMENT |
| MEDIUM | demos/w1-brand-protocol-en.html | 545 | // ── Easing functions ───────────────── | COMMENT |
| MEDIUM | demos/w1-brand-protocol-en.html | 563 | // ── Timeline (total 12s) ───────────────── | COMMENT |
| MEDIUM | demos/w2-junior-designer-en.html | 741 | // ──────────────────────────────────── | COMMENT |
| MEDIUM | demos/w2-junior-designer-en.html | 762 | // ──────────────────────────────────── | COMMENT |
| MEDIUM⚡ | demos/w2-junior-designer-en.html | 826 | // ────── Title | COMMENT |
| MEDIUM⚡ | demos/w2-junior-designer-en.html | 831 | // ────── Splitter (fade out earlier so Beat 3 is clean) | COMMENT |
| MEDIUM⚡ | demos/w2-junior-designer-en.html | 839 | // ────── Halves fade in / out (fade out earlier to clear for Beat 3 chart) | COMMENT |
| MEDIUM⚡ | demos/w2-junior-designer-en.html | 848 | // ────── TOP track: terminal line + progress bar | COMMENT |
| MEDIUM | demos/w2-junior-designer-en.html | 905 | // ────── BOTTOM track: 3 iter panels | COMMENT |
| MEDIUM | demos/w2-junior-designer-en.html | 930 | // ────── Beat 3 · final chart crossfade (chart appears as halves fade) | COMMENT |
| MEDIUM | demos/w2-junior-designer-en.html | 963 | // ────── Brand reveal 10.0-12.0 | COMMENT |
| MEDIUM | demos/w2-junior-designer.html | 747 | // ──────────────────────────────────── | COMMENT |
| MEDIUM | demos/w2-junior-designer.html | 768 | // ──────────────────────────────────── | COMMENT |
| MEDIUM⚡ | demos/w2-junior-designer.html | 832 | // ────── Title | COMMENT |
| MEDIUM⚡ | demos/w2-junior-designer.html | 837 | // ────── Splitter (fade out earlier so Beat 3 is clean) | COMMENT |
| 15 more matches not shown… | ||||
| 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/render-narration.sh | 1 | #!/usr/bin/env bash | COMMENT |
| LOW | scripts/render-narration.sh | 21 | # --keep-silent 保留中间产物(无声 MP4),便于 debug | COMMENT |
| LOW | scripts/add-music.sh | 1 | #!/usr/bin/env bash | COMMENT |
| LOW | scripts/add-music.sh | 21 | # | 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/render-narration.sh | 9 | # Usage: | COMMENT |
| LOW | scripts/add-music.sh | 4 | # Usage: | COMMENT |
| Severity | File | Line | Snippet | Context |
|---|---|---|---|---|
| LOW | references/launch-film-director-notes.md | 141 | 「这部片不做的事」清单(紫渐变 / emoji / Lorem ipsum / Inter display / SVG 画人物 / 圆角卡 + 左 border accent)比「这部片做的事」清单更能保护质量。 | CODE |
| LOW | scripts/html2pptx.js | 16 | * - Extracts placeholder elements (class="placeholder") with positions | COMMENT |
| LOW | scripts/html2pptx.js | 757 | if (el.className && el.className.includes('placeholder')) { | 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 | 357 | DOUBAO_TTS_API_KEY=<your_api_key> | CODE |
| Severity | File | Line | Snippet | Context |
|---|---|---|---|---|
| HIGH | scripts/verify.py | 34 | print("运行: pip install playwright && playwright install chromium") | 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/fetch_images.py | 45 | except Exception as e: | CODE |
| LOW | scripts/fetch_images.py | 68 | except Exception as e: | CODE |
| Severity | File | Line | Snippet | Context |
|---|---|---|---|---|
| LOW | scripts/verify.py | 19 | CODE | |
| LOW | scripts/verify.py | 20 | CODE |
| Severity | File | Line | Snippet | Context |
|---|---|---|---|---|
| LOW | scripts/verify.py | 29 | CODE |