MengTo/Skills

これは何？

主な機能

• 01使用するタイミングと最初に行うことを示す、手順形式のSKILL.md
• 02Codex、Claude Code、Cursorなど、さまざまなエージェントで使えるポータブルなフォルダ形式
• 03ランディングページ、GSAPアニメーション、WebGL、Tailwind CSS向けのWebデザインスキル
• 04Three.jsのシステム、戦闘アニメーション、プレイテスト向けのブラウザーゲームスキル
• 05参考デザインの再現に役立つ、ページ全体のキャプチャや動画からプロンプトを作成するワークフロー

ユースケース

• 画面録画をもとに詳細なプロンプトを使って、ランディングページやアニメーションを再現する
• Three.jsのゲームやWebGLエフェクトについて、一貫したルールをコーディングエージェントに適用する
• スクリーンショットやテストを添えて変更をリリースする手順を、AIエージェント間で標準化する
• デザインチームや開発チームで共有するプロンプトとワークフローのライブラリを構築する

クイックスタート

1. 1

   リポジトリをクローンするか開き、agent-skillsフォルダーを確認します

2. 2

   リポジトリのルートからすべてのスキルファイルを一覧表示します

   find agent-skills -name SKILL.md | sort
3. 3

   作業を始める前に、最も適合する範囲の狭いSKILL.mdをエージェントに読み込ませます

収録されている特集

トピック

よくある質問

Skills とは？

Codex、Claude、CursorなどのAIコーディングエージェントを使うデザイナーや開発者向けに、持ち運び可能なエージェントスキルを集めたライブラリです。 このリポジトリはエージェントスキルのコレクションです。各スキルは、SKILL.md形式の手順書を中心に、必要に応じてリファレンス、記事、スクリプト、デモを含むフォルダで構成されています。画面録画から詳細なプロンプトを作成する、ページ全体のスクリーンショットを撮る、Three.jsのゲームシステムを構築する、SVGイラストを生成するといった、繰り返し使える手順をまとめているため、AIコーディングエージェントが読み込んで毎回同じ手順に従えます。

Skills は無料で使えますか？ライセンスは？

Skills は MIT ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。

Skills は今もメンテナンスされていますか？

活発にメンテナンス中。Skills の最終コミットは 2026年11月5日 です。

Skills は何に使えますか？

画面録画をもとに詳細なプロンプトを使って、ランディングページやアニメーションを再現する Three.jsのゲームやWebGLエフェクトについて、一貫したルールをコーディングエージェントに適用する スクリーンショットやテストを添えて変更をリリースする手順を、AIエージェント間で標準化する デザインチームや開発チームで共有するプロンプトとワークフローのライブラリを構築する

Skills のインストール方法は？

リポジトリをクローンするか開き、agent-skillsフォルダーを確認します リポジトリのルートからすべてのスキルファイルを一覧表示します: find agent-skills -name SKILL.md | sort 作業を始める前に、最も適合する範囲の狭いSKILL.mdをエージェントに読み込ませます

Skills はどこで入手できますか？

ソースコードとインストール手順は GitHub にあります：https://github.com/MengTo/Skills