Communitygithub.com

JamalMohafil/claude-skills

新しいAIコーディングエージェントを1コマンドでセットアップ。必須のスタータースキル(find-skills、agent-browser、karpathy-guidelines、ui-ux-pro-max、caveman、arabic-design、design-taste-frontend、remotion-best-practices)を70以上のエージェントにインストールし、さらにClaude Code向けの基本プラグイン/MCP群(frontend-design、superpowers、code-review、playwright、github、claude-md-management)も導入します。新しいプロジェクトやフレッシュなエージェントをセットアップする際に、「最初に使うべきスキル/MCP」「スターターパック」「エージェントのセットアップ」をユーザーが尋ねた場合に使用します。

claude-skills とは?

Agent Starter Kitは、AIコードエージェント(Claude Code、Cursor、Codexなど70以上のエージェントに対応)を初期セットアップするための包括的なワンコマンドパッケージです。インストーラを実行するだけで、エージェントに8つのコアスキル(スキルの発見・インストール、ブラウザ操作、設計ガイドライン、UI/UXデザイン、アラビア語デザイン、デザインセンス、Remotion動画作成など)と、Claude Code専用の6つのプラグイン/MCP(フロントエンドデザイン、TDDワークフロー、コードレビュー、Playwrightブラウザ自動化、GitHub連携、CLAUDE.md管理)を一度に導入できます。このスキルは、エージェントが実践的な能力を即座に備えるための「スターターキット」として設計されており、ユーザーが新しいプロジェクトを開始する際や、エージェントに必要な基本ツールを尋ねたときに最適です。インストールスクリプトは「ベストエフォート方式」で、各アイテムが独立してインストールされ、自動インストールできない場合は正確な手動コマンドを表示するため、いつでも安全に再実行できます。

対応✓Claude Code✓Codex CLI✓Cursor
npx skills add https://github.com/JamalMohafil/claude-skills/tree/HEAD/agent-starter-kit

お気に入りのAIに質問する

このエージェントスキルを事前に読み込んだ状態で新しいチャットを開きます。

ドキュメント

エージェントスターターキット

新しいエージェントを開いた瞬間にインストールする価値のあるスキル、プラグイン、MCPサーバーを1つのパッケージにまとめました。1つずつ探す手間を省き、インストーラを実行するだけでエージェントはすぐに実用的な機能を備えます。スキルをオンデマンドで発見・インストールしたり、ブラウザを操作したり、ガードレール付きで推論したり、クリーンなUI(アラビア語対応)を設計したり、自身のコードをレビューしたり、ブラウザとGitHubを自動化したりできるようになります。

インストールされるもの

Tier 1 — スキル(npx skills 経由で70以上のエージェントに対応:Claude Code、Codex、Cursor、…):

スキルエージェントに与える機能
find-skills他のスキルをオンデマンドで発見・インストール — メタスキル
agent-browserエージェント自身が制御する実際のブラウザ(開く、クリック、入力、検証)
karpathy-guidelines行動ルール:暗黙の前提を禁止、最小限のソリューション、行動前に検証
ui-ux-pro-maxデザインシステムのインテリジェンス — スタイル、カラーパレット、フォントの組み合わせ
caveman礼儀より信号 — ストレートで無駄のない回答
arabic-designAI生成デザインでのクリーンなアラビア語(文字間隔/RTLの落とし穴を修正)
design-taste-frontendランディングページ、ポートフォリオ、リデザイン向けのデザインセンス — テンプレート的な汎用UIを停止(tasteskill)
remotion-best-practicesReact + Remotionでの動画作成 — 公式スキル、11のネストされた参照(作成・マークアップ・キャプション・レンダリング・スタジオ・マップ…)を運ぶルーター

Tier 2 — プラグイン / MCP(Claude Codeのみ):

プラグイン / MCPClaude Codeに与える機能
frontend-designAnthropicのデザインガイダンス — 洗練された非汎用UI向け
superpowersTDD + サブエージェント調整ワークフロー(ブレインストーミング → 設計 → 構築 → レビュー)
code-review任意のブランチ/PRに対する /code-review — スコア付きで実用的なレビュー
playwright (MCP)ブラウザ自動化とエンドツーエンドテスト
github (MCP)エージェントからGitHubリポジトリ、PR、イシューの読み取り・管理
claude-md-managementCLAUDE.md ファイルを整理し最新に保つ

実行方法

スキルディレクトリから実行します:

bash install.sh                 # Claude Code — すべてをインストール
bash install.sh --agent cursor  # Cursor — Tier 1スキルのみインストール
bash install.sh --agent codex   # Codex  — Tier 1スキルのみインストール
bash install.sh --agent '*'     # 検出されたすべてのエージェント
bash install.sh --skills-only   # Claude Code専用のプラグイン/MCPをスキップ

このスクリプトはベストエフォート方式で、再実行しても安全です。各アイテムは独立してインストールされ、自動インストールできないものはインストールを完了するための正確な手動コマンドを表示します。

スキルとして呼び出された場合

エージェントがこのスキルを読み込んで環境をセットアップする場合:現在のエージェントに適した --agent フラグを付けて install.sh を実行します。その後、何がインストールされたかを確認し、スクリプトが表示した手動フォールバック行があればそれを提示します。Claude Codeでは、新しいプラグインを読み込むためにユーザーに再起動(または /plugin)を促します。

正直なスコープに関する注意

  • Tier 1のスキルは真のクロスエージェント対応 — npx skills は70以上のエージェントを対象としています。
  • design-taste-frontend はその作者によってランディングページ、ポートフォリオ、リデザインにスコープが限定されています — ダッシュボード、データテーブル、マルチステップの製品UIには対応していません。また、サイズが大きく(約87KB)、発動すると実際のコンテキストを消費します。プロジェクトのUIがダッシュボードである場合、または既に固定されたビジュアルシステムがある場合は、既に決定したシステムと衝突させないためにループから外してください。
  • remotion-best-practices は1エントリであり、12ではありません。 公式リポジトリは12のスキルを提供していますが、ルーターは他の11をすべて内部にネストし、すべての相対リンクが解決される状態でインストールされます(確認済み)。単一のルーターをインストールすることでエージェントのスキルリストをクリーンに保ち、何も失うことはありません — これを「修正」して兄弟スキルを個別のエントリとして追加しないでください。
  • Tier 2はClaude Codeのみです。 Codex/Cursorには「プラグイン」に相当するものはありません。それらのMCPアイテム(playwright、github)は、各エージェント独自のMCP設定を通じてCodex/Cursorに追加できます — スクリプトはClaude以外の --agent を渡したときにその旨を表示します。

Individual skills in this repo

This repo contains 2 individual skills — each has its own dedicated page.

JamalMohafil/claude-skills

One-command setup of "Claude Arabic Terminal" — makes Claude Code render Arabic / Persian / Hebrew / Urdu correctly inside VS Code (connected letters, right-to-left order) on macOS and Windows. Installs a VS Code extension plus an `arabic` launcher so the user can run `arabic claude` (with any Claude flags) and get an Arabic-capable Claude pane in the VS Code terminal area. Use when the user says "claude arabic", "Arabic looks broken / reversed / disconnected in the terminal", "install claude arabic", "RTL in VS Code terminal", or wants Claude Code to show Arabic properly in VS Code.

JamalMohafil/claude-skills

Build a local AI "content operating system" for one business or many isolated businesses (an agency's clients). One Next.js engine plus one folder per business, with an owner-approved brand kit, an approve-before-generate idea store, a grounded trend radar, competitor tracking, HTML→PNG export, optional AI image/video/animation, a chat assistant with memory, owner-confirmed publishing, a CRM and an optional knowledge-vault graph. Every spawned AI agent is confined (no shell, no access to other businesses). Works with any coding agent (Claude Code, Codex, Cursor, Kimi…). It ALWAYS interviews first, starting with "one business or several isolated ones?", then builds. Use when someone wants a system to run their or their clients' content ("build me a content OS", "something like my friend's content OS", "a dashboard to run my content", "a system to run my clients' content", "an AI content OS for my agency"), even if they never say "content OS".

関連スキル