mcpField
A
anthropics-skills

anthropics-skills

github.com/podoデザイン・UI29223 回インストール2 日前に更新
リポジトリ

anthropics-skills について

anthropics-skills は、インターフェース、ビジュアル作品、テーマ、ブランドスタイル、プレゼンテーションを制作するエージェント向けの Anthropic のデザイン系スキル集です。6 つのスキルを含み、PowerPoint スキルはプロプライエタリです。

主な機能

  1. 01フロントエンドデザインのガイダンス
  2. 02React、Tailwind、shadcn による HTML アーティファクト
  3. 03ビジュアルアートとテーマの作成
  4. 04Anthropic ブランドのスタイリング
  5. 05PowerPoint の生成

活用シーン

  1. 01本番向けフロントエンド UI の設計
  2. 02複数コンポーネントの Web アーティファクト構築
  3. 03テーマに沿ったビジュアル素材の作成
  4. 04PowerPoint プレゼンテーションの生成

インストール

コマンドをコピーしてターミナルで実行します。

$npx skills add https://github.com/podo/design-agent-skills --skill anthropics-skills

インストール後、Claude Code で/anthropics-skillsを入力して読み込まれたか確認します。

同梱ファイルstub.yaml

詳細

anthropics-skills

カタログのスタブ — 完全版パッケージ：anthropics/skills

判断ツリー

  1. 完全版のスキルはすでにインストールされていますか？ このパッケージは6つのスキル（frontend-design、web-artifacts-builder、canvas-design、theme-factory、brand-guidelines、pptx）をインストールします。まず最初のスキルを確認します。

    • グローバル：f=~/.agents/skills/frontend-design/SKILL.md; [ -f "$f" ] && ! grep -q "^das:" "$f" && echo "installed" || echo "pointer"
    • プロジェクト：f=.agents/skills/frontend-design/SKILL.md; [ -f "$f" ] && ! grep -q "^das:" "$f" && echo "installed" || echo "pointer"
    • installed → スキルはfrontend-designとしてインストール済みです。呼び出して続行します
    • pointer → ステップ2に進みます

  2. スコープを検出してからインストールします。

    [ -e ~/.agents/skills/anthropics-skills ] && echo "global" || echo "project"

    グローバル：

    npx skills add anthropics/skills --skill frontend-design web-artifacts-builder canvas-design theme-factory brand-guidelines pptx -g -y

    プロジェクト：

    npx skills add anthropics/skills --skill frontend-design web-artifacts-builder canvas-design theme-factory brand-guidelines pptx -y

    Claude Code： 会話を離れずにコマンドを実行するには、チャットメッセージの先頭に!を付けて送信します。

Claude Code プラグインを使う方法：

/plugin marketplace add anthropics/skills
/plugin install example-skills@anthropic-agent-skills
/plugin install document-skills@anthropic-agent-skills

注意事項

  • ライセンス： frontend-design、web-artifacts-builder、canvas-design、theme-factory、brand-guidelinesはApache-2.0です。pptxはプロプライエタリ（Anthropic、全著作権所有。LICENSE.txtに記載）です。リポジトリのルートにはLICENSEがありません
  • 名前の衝突： frontend-designはfrontend-design（インストール版またはそのカタログポインター）によっても書き込まれます。両方をインストールすると、先にインストールしたものが上書きされます。

インストール後の呼び出し

  • frontend-design — 「フロントエンドデザイン」、「UI/UX開発」
  • web-artifacts-builder — 「ウェブアーティファクト」、「Reactアーティファクト」、「HTMLアーティファクトの構築」
  • canvas-design — 「キャンバスデザイン」、「PNGアート」、「ビジュアルアート」
  • theme-factory — 「テーマアーティファクト」、「プロフェッショナルなテーマ」、「スタイルアーティファクト」
  • brand-guidelines — 「ブランドカラー」、「ブランドのタイポグラフィ」、「ブランドの適用」
  • pptx — 「PowerPoint」、「PPTXの作成」、「プレゼンテーション」

概要

Anthropic公式のスキルスイートです。デザイン関連のワークフローを幅広くカバーし、製品品質のフロントエンドデザインに関するガイダンス、React/Tailwind/shadcnを使った複雑なマルチコンポーネントHTMLアーティファクトの構築、ビジュアルアートの制作、テーマシステム、Anthropic独自のブランドカラーとタイポグラフィ、PowerPointの生成を提供します。pptxスキルはプロプライエタリ（Anthropic、全著作権所有）で、ほかの5つはApache-2.0です。

使用しない場合

  • 別の企業のブランドを適用する場合 — brand-guidelinesはAnthropicのブランドを適用します。よく知られたブランドにはbrand-design-mdを使用してください
  • frontend-designと同じ作業に別のアプローチを使う場合 — カタログには別の作成者によるfrontend-designのスタブもあり、同じインストール先に書き込みます。どちらか一方を選んでください
  • リポジトリ内のほかのすべてのスキル（docx、xlsx、pdf、claude-api、mcp-builderなど） — このポインターがインストールするのは上記の6つのみです。--skillにスキル名を渡すと追加できます

コメント

Markdown 対応