X で「Opus 5.5 にこの25個のスキルを組み合わせれば、デザインと動画制作のチーム丸ごとを上回れる。GitHub で合計約87.6万スター」という投稿が流れています。題材の Claude Code のデザインスキルは実在して面白いのですが、数字とうたい文句は一度確かめた方がよいものでした。この記事では、投稿のデザイン5本について GitHub の実スター数とライセンスを数え直し、やりたいこと別の選び方に整理します。

REAL STARSX で話題の5本の GitHub スター（2026-11-12 のページ表示）

5本の合計は約49万。投稿の「約87.6万」ではない

anthropics/skills公式の例集・一部 Apache-2.0

193.1

pbakaus/impeccableApache-2.0・polish/critique

108.3

nexu-io/open-designApache-2.0・ワークベンチ

107.2

Nutlope/hallmarkMIT・アンチAIスロップ

53.3

alchaincyf/huashu-designMIT・HTMLで作る

29.2
出典: 各 GitHub ページの Stars 表示（2026-11-12、当サイトが主張値を伝えずに2回確認）。単位は k（千）。合計 ≈ 491k

30秒でわかる（2026-11-12）

  • ・実スター：デザイン5本の合計は約49万（491k）。投稿の「約87.6万」ではなく、しかも5本分（25本ではない）
  • ・種類：仕上げの『AIっぽさ』を直す系（impeccable・hallmark）と、ゼロから作らせる系（huashu-design・open-design）、公式の例集（anthropics/skills）
  • ・ライセンス：MIT か Apache-2.0 が中心。公式例集は全体ライセンス無し＝デモ・教育用。huashu は一部素材が制限つき
  • ・選び方：混ぜず、役割で1〜2本。動作の実測は当サイトの unslop・svg-style-figure で

デザインの土台の考え方は デザインシステムとは？仕組み・構成要素・有名事例をエンジニア向けに整理する【2026年版】 に、スキルの作り方そのものは Claude Skillsとは｜「スキル=フォルダ」の仕組みと作り方・使い方を徹底解説 にまとめています。

まず数字を確かめる——合計は約49万スター

バズった投稿は「合計約87.6万スター」「チーム丸ごとを上回る」としていました。デザイン5本の GitHub ページを、主張の数字を伝えずに2回確認したところ、スターは次のとおりでした（2026-11-12 のページ表示）。

リポジトリ スター フォーク ライセンス 一言
anthropics/skills 193.1k 22.7k 全体表記なし（多くは Apache-2.0・デモ/教育用） Agent Skills の公式の例集
pbakaus/impeccable 108.3k 6.4k Apache-2.0 コーディングエージェント向けのデザイン語彙
nexu-io/open-design 107.2k 12.2k Apache-2.0 チーム向けのデザイン・ワークベンチ
Nutlope/hallmark 53.3k 2.8k MIT AIっぽく見えないデザインスキル
alchaincyf/huashu-design 29.2k 3.1k MIT（一部素材は PolyForm Shield） HTML で高保真な成果物を作る

出典: 各 GitHub ページの Stars・Forks・License 表示（2026-11-12、当サイトが主張値を伝えずに2回確認）

合計は 約49万（491k） です。投稿の「約87.6万」とは合いません。87.6万は、このデザイン5本ではなく、投稿が挙げる25本全体の主張と読めます（当サイトは25本の中身とスターを検証していません）。個々のスター自体は大きく、注目度が高いのは事実です。ただし「デザインチームを上回る」は宣伝の言い回しで、検証された比較ではありません。数字とうたい文句を、実在する機能から切り離して見るのが入口です。

5本は何をするか——「直す」か「作る」かで分かれる

5本は、役割で2つに分かれます。できた物の『AIっぽさ』を直すものと、一言からゼロで作らせるものです。

WHICH TO PICKやりたいことで選ぶ（混ぜず、役割で分ける）

仕上げを直すのか、ゼロから作らせるのか

できた物の「AIっぽさ」を直す

既存のコード・画面を良くする

  • impeccable：polish / bolder / critique / audit の語彙で指示・レビュー
  • hallmark：50テーマと「落とさない下限」で作り直し・監査
  • 当サイト実測：unslop・Refactoring UI スキル

一言から成果物を作らせる

ゼロから生成する／チームで作る

  • huashu-design：HTML で高保真プロトタイプ・スライド・図解（まず3案）
  • open-design：チーム向けのデザイン・ワークベンチ（独立アプリ）
  • anthropics/skills：公式の例集（デモ・教育用）
出典: 各リポジトリの README・About（2026-11-12 確認）。動作は当サイト未実測（unslop・svg-style-figure は実測済み）
  • impeccable（108.3k・Apache-2.0）：コーディングエージェント向けの「デザインの語彙」です。polish・bolder で方向づけ、critique・audit でレビューし、出荷前に AI っぽさ（スロップ）を捕まえます。導入は npx impeccable install。Claude Code のほか Cursor・Codex など多くのエージェントに対応すると README にあります。中身は Rust のエンジン（Cargo）を持つ、やや重めの構成です。
  • hallmark（53.3k・MIT、Together AI 製）：Claude Code・Codex・Cursor・OpenCode 向けの、AI 生成に見えないことを狙うデザインスキルです。50 個のテーマから候補を出し、「絶対に落とさない下限（コントラスト・フォーカス・動きを減らす設定・壊れないスマホ表示など）」をゲートで守り、本物のブラウザで検査する、という作りです。名指しでの作り直し・監査もできます。
  • huashu-design（29.2k・MIT）：「あなたはデザイナーで、HTML を書くプログラマーではない」という方針の、HTML 中心のスキルです。新しいデザインは必ず先に3案を出して選ばせるのが特徴で、高保真なプロトタイプ・スライド・アニメーション・図解を作ります。README は日本語・中国語・英語が混在しています。
  • open-design（107.2k・Apache-2.0）：スキルというより、チームで使うデザインのワークベンチ（独立アプリ）です。ローカル優先で、モーション・プロトタイプ・サイト・ダッシュボード・プレゼン・画像・動画をエージェントと作り、共有して改善します。Claude Code に入れる「スキル」とは毛色が違います。
  • anthropics/skills（193.1k）：Anthropic 公式の Agent Skills の例集です。アート・音楽・デザインから Web アプリのテスト・MCP サーバー生成まで幅広く、docx/pdf/pptx/xlsx などは Apache-2.0 です。ただし README に「デモ・教育目的で提供」と明記されており、そのまま本番の土台にするものではありません。

どう選ぶか——混ぜず、役割で1〜2本

5本を全部入れる必要はありません。やりたいことで絞ります。

やりたいこと 向くもの 補足
既にある画面の『AIっぽさ』を直す impeccable / hallmark レビューと作り直し。語彙やゲートで品質の下限を上げる
一言からゼロで作らせる huashu-design HTML で高保真。まず3案から選ぶ流れ
チームでデザインを回す open-design スキルでなく独立したワークベンチ
スキルの作り方を学ぶ・試す anthropics/skills 公式の例集。デモ・教育用

同じ「デザイン」でも、レビュー系と生成系を混ぜると指示がぶつかります。まず1本、必要なら役割の違う2本目、という入れ方が安全です。当サイトでは、同じ「AIっぽい UI を避ける」系のスキルを実際に動かして確かめています。デザイナーの観点で直す unslopとは｜AIっぽいUIをデザイナーの目で直すClaude Codeスキルを実際に動かした と、原則を守らせる Refactoring UIの原則をClaude Codeに守らせるスキル｜実測すると発火しない条件がある、図解を作る ドパ資料の作り方をClaude Codeスキルにした が、動かした感触の参考になります。

使う前に確かめること

  • ライセンス：MIT（hallmark・huashu）と Apache-2.0（impeccable・open-design）は商用で使いやすい一方、huashu は一部の見本素材が PolyForm Shield（競合用途の制限）です。anthropics/skills は全体ライセンスが無く「デモ・教育用」。本番に入れる前に各 LICENSE を読むのは、スターの数に関係なく必須です。
  • 中身を読んでから入れる：スキルはエージェントに指示やスクリプトを渡すものです。npx でインストールするもの（impeccable）は、何が入るかを先に確かめます。スキルの仕組みと安全な入れ方は Claude Skillsとは を参照してください。
  • 動作は自分の題材で試す：スターや README は「何を狙うか」を示すだけです。自分のよくある画面（ランディング・ダッシュボードなど）で1枚試し、出力を目で見てから採用してください。この記事のスター・ライセンス・用途は実データで、hallmark は下で実測しました。残り4本の動作は当サイトでは未実測です（ほかの実測は上記の unslop・svg-style-figure）。

実測：hallmark を動かして before/after を見る

話だけでは分からないので、hallmark（53.3k・MIT）を1本だけ動かしました。方法は、同じ題材を「スキル無し」と「hallmark 使用」で作らせて比べるものです。題材は架空の自転車修理店のランディングページ（単一の index.html・外部リソースなし・日本語）で、どちらも Claude Code（claude -p）に同じ指示を出し、出力を Playwright で描画しました。

まず、スキル無しの出力です。

スキル無しで作ったランディングページ。ベージュの背景にオレンジの差し色、CSSで描いた自転車のホイールのイラストを右に置き、丸いピル型のボタン、マーカーで強調した見出し。よく見る、いわゆるAIの無難なデフォルトの見た目

ベージュ地にオレンジの差し色、丸いピル型のボタン、イラストを右に添えた構成です。整ってはいますが、生成AIが出しがちな「無難なデフォルト」そのものです。次が hallmark を使った出力です。

hallmarkを使って作ったランディングページ。クリーム色と濃い青の2色を縦に分割し、極太のサンセリフの大見出しが色の境目をまたいで置かれ、ボタンは四角、営業時間を大きな数字で見せる、雑誌のような大胆なレイアウト

クリームと濃い青の2色を分割し、極太の大見出しを色の境目にまたがせ、四角いボタン、営業時間を大きな数字で見せる——雑誌のように大胆で、一画面に主役を1つという作りに変わりました。見た目の「AIっぽさ」は明らかに薄れています。

数値で見た違いは次のとおりです。

観点 スキル無し hallmark 使用
見た目 ベージュ＋ピルボタンの無難な定番 2色分割のエディトリアル。主役1つ
アクセシビリティの下限 aria- 属性 3・clamp() 2 aria- 19・clamp() 9（どちらも reduced-motion あり）
生成のコスト $0.85・2ターン $3.20・30ターン（テーマ選択・ゲート・検査のぶん重い）

出典: 当サイトの実測（2026-11-12、Claude Code claude -p。1回ずつの結果）

はっきり差は出ましたが、注意もあります。1回ずつの結果で、デザインの良し悪しは主観が入りますし、同じ指示でも出力は毎回変わります。そして hallmark は、無難なデフォルトの約4倍のコストと15倍のターンがかかりました。「毎回これを通す」より、ここぞという画面で使うのが現実的です。アクセシビリティの下限（aria や可変サイズ）を底上げしてくれる点は、見た目と別に価値がありました。

数字に驚いて全部入れるのではなく、やりたいことに合わせて1〜2本を選び、ライセンスと中身を確かめて、自分の題材で試す——この順番が、バズに振り回されない使い方です。

参照ソース