■ **概要** Claude Code skill で web から自動抽出したブランド（色・フォント）を 27 種類の図タイプに即座に適用し、Figma 不要で editorial 品質の図を生成するツール。 ■ **特徴・用途** 1. **自動ブランド適用**: web scraping で 60 秒に色・フォントマッピング（従来 Figma 30 分 → 数十秒短縮） 2. **軽量実装**: SVG + HTML のみ（build/JS/外部画像不要）で、ブラウザ直開き可能 3. **editorial 原則の実装**: 「削除が最高品質」と明示的に density 制限（4/10）、accent color は 1-2 箇所に限定 ■ **結論** web-native な自動化により、作者の「Figma との 30 分の戦い」という UX 課題を根治。技術者向けには、skill による外部リソース読み込みと設計値の自動抽出が参考になり、色・フォント構造をプログラマブルに扱う手法として応用可能。