エージェント スキルカタログ
開発・執筆・デザインのための Agent Skills。
Claude Code と Codex 向けのスキルを 32 件収録。コードレビュー、フロントエンド開発、執筆、デザイン、リリースから必要な作業を選び、コマンドをコピーして導入できます。
カタログ全体をインストール
npx skills add xingkaixin/skills個別に追加する場合: --skill <slug>
レイアウト・書体・配色
visual-design-principles
グループ化、整列、反復、コントラスト、書体、配色を UI、ポスター、スライド、文書に適用し、実際の仕上がりを確認して階層とレイアウトを改善する。
更新 2026-09-14writingupstream
自然な文章への推敲
ai-avoid
意味を保ちながら文章を編集し、大げさな語彙、定型的な対比、不要なもったいぶり、繰り返す文のリズムを取り除く。
更新 2026-09-11writingadapted記事の図解プロンプト
article-illustrator
記事で図解が必要な箇所を見つけ、情報タイプ、ビジュアルスタイル、任意の配色で画像プロンプトを作る。教育向け図解や黒インクのビジュアルノートにも対応。
更新 2026-09-11writingadapted記事のカバー画像プロンプト
cover-image
記事から表紙画像のプロンプトを作り、タイプ、配色、描画、文字、ムードを調整する。11 種類の配色と 8 種類の描画スタイルに対応し、色指定が画像内の文字にならないよう指示する。
更新 2026-09-11backendself
AI エージェント向け CLI 設計
agent-friendly-cli-design
AI エージェントが扱える CLI を設計する。リソースと動詞の階層化、非対話デフォルト、トークンを節約する出力、リトライを導くエラーメッセージ。
更新 2026-07-18ciself
二言語のリリースノート
bilingual-release-changelog
中国語を原文、英語を訳文として changelog を同期させ、バージョン更新からタグ公開、失敗したリリースの復旧までを通す。
更新 2026-07-18deployself
Cloudflare へのデプロイと移行
cloudflare-deploy-migration
サイトを Cloudflare へ移す。静的サイトは Pages、Next.js は vinext、バックエンド込みは Workers と D1/KV。wrangler 設定の分割と落とし穴つき。
更新 2026-07-18workflowself
コードレビューのチェックリスト
code-review-checklist
差分を層ごとにレビューする。まず設計、次に呼び出し箇所、命名、そして実際に動かす。省くべき指摘と、言いにくい指摘の伝え方も。
更新 2026-07-18workflowselfコードベース監査と継続的な改善
codebase-review-loop
番号付きの改善提案書でコードベース監査を回す。根拠付きの指摘、着手前の再確認、一件ずつの修正、状態の書き戻し。
更新 2026-07-18backendselfコーディングエージェントのセッション形式
coding-agent-session-formats
各種 coding agent のローカルセッションを解析する。Codex や Claude Code などの保存先、メッセージ構造、統一エクスポート形式、キャッシュ込みのコスト計算。
更新 2026-07-18workflowself実装方針を明確にする開発計画
decision-complete-plan
他のエージェントが判断を挟まず実行できる実装計画を書く。聞く前に調べ、確認できる事実と好みの問題を分け、前提をすべて明示する。
更新 2026-07-18designselfデザインシステムに基づく UI 実装
design-system-as-input-ui
AI が画面ごとに違う青を発明するのを止める。毎回ピクセルを説明する代わりに、デザインシステムをトークン契約として渡す。
更新 2026-07-18desktopself
Electron デスクトップアプリのリリース
electron-desktop-release
Electron アプリをパッケージ化し、署名と公証を経てストア外配布する。秘密情報は SQLite ではなく然るべき保管先へ。
更新 2026-07-18writingself英語から中国語への文芸翻訳
en-zh-literary-translation
英文を、もともと中国語で書かれたように読める中国語に訳す。信・達・雅を基準に、翻訳調を消す具体的な書き換え規則を添えて。
更新 2026-07-18designself対処方法がわかるエラーメッセージ
error-message-writing
何が起きたか、なぜか、どう直すかに答えるエラーメッセージを書く。避けるべき四つのアンチパターンと九項目のチェックつき。
更新 2026-07-18frontendself
大量データを扱うフロントエンドの性能改善
frontend-large-data-performance
50〜300MB のファイルやストリーミングデータに耐えるフロントエンドにする。ベンチマーク駆動で二乗のバッチ結合や全再計算を潰す。
更新 2026-07-18ciselfGit コミットメッセージ
git-commit-message
差分では伝わらない「なぜ」を書き残すコミットメッセージ。七つの規則を、良い例と悪い例つきで。
更新 2026-07-18iosself
iOS のオンデバイス画像認識と機械学習
ios-on-device-vision-ml
iOS で端末内の画像認識を作る。ファインダーの切り出し幾何、Vision の前景分割、分類と主要色、合成データでのモデル評価。
更新 2026-07-18iosselfiOS 録音機能とシステム連携
ios-recording-system-integration
iOS の録音を Live Activity、アクションボタン、バックグラウンド再生につなぐ。設計全体を左右する四つの制約から始める。
更新 2026-07-18iosselfiOS ウィジェットと App Store 公開
ios-widget-appstore-shipping
WidgetKit 拡張を作り、審査を通す。App Group によるデータ共有、更新の落とし穴、暗号化の申告、実際のリジェクト事例の分析。
更新 2026-07-18workflowselfIssue 駆動の開発フロー
issue-driven-dev-loop
バックログを一件ずつ回す。issue を取り、設計を固め、実装し、PR を出し、マージ後に状態を更新して次へ進む。
更新 2026-07-18workflowselfMarkdown による課題管理
issue-tracker
リポジトリ内の Markdown で issue を管理する。マイルストーン、ステータス区分、PR 紐付け、HTML ボード。外部サービスは不要。
更新 2026-07-18backendselfモノレポのアーキテクチャ設計
monorepo-architecture-principles
崩れない monorepo の組み方。apps と packages にまたがる一方向の依存グラフ、繰り返し現れる十の原則、名前を付けるべきアンチパターン。
更新 2026-07-18frontendselfReact の状態管理の選び方
react-state-management-decisions
React の状態をどこに置くかを決める。useState、useRef、useMemo、Context、Zustand、React Query を、習慣ではなく決定木で選ぶ。
更新 2026-07-18desktopselfTauri のメニューバーエージェントアプリ
tauri-menubar-agent-app
Tauri v2 で macOS のメニューバーアプリを作り、外部の coding agent を監視する。objc2 によるウィンドウ階層、Unix ソケット連携、イベント正規化。
更新 2026-07-18backendself技術スタック選定とプロジェクト構築
tech-stack-scaffolding
決めごとに沿って新規プロジェクトを立ち上げる。Web、ブラウザ拡張、Python CLI、Go CLI の四系統に、そのまま使える設定とスクリプト命名。
更新 2026-07-18writingself構造的な精読
triple-mind-deep-reading
長文や講演を要約で終わらせず、挑戦者・構築者・実践者という三つの視点を順に通して読み解く。
更新 2026-07-18workflowselfAgent Skills の作成
writing-agent-skills
確実に呼び出され、成果を出す agent skill を作る。種類を選び、指示型の本文を書き、description をルーティング契約として設計し、評価する。
更新 2026-07-18writingselfSave the Cat による物語構成
save-the-cat-writing
Save the Cat を技術記事向けに翻案したチェックリスト。題材を絞り、見出しを試し、退屈な冒頭を直し、公開前に削る。
更新 2026-04-24writingself中国語の記事執筆
klip-writing
KLIP を書く。技術的な意思決定を、背景と動機から受け入れ基準まで一貫して記述する構造化された設計文書。
更新 2026-04-21backendselfモダンな Go 開発
use-modern-go
プロジェクトが対象とする Go のバージョンに合わせて書く。slices や maps、cmp を使い、置き換えられた古い書き方は避ける。
更新 2026-03-12financeself
株式調査レポート
stock-report
A 株の銘柄を一つ指定し、このリポジトリの ds CLI のデータ取得経路を通して、定型の HTML レポートを生成する。
更新 2026-03-11条件に一致するスキルはありません。
よくある質問
- agent skill とは何ですか?
- agent skill は、Claude Code のような AI コーディングエージェントに特定の作業のやり方を教える、指示と参考資料をまとめたパッケージです。必要なときだけ読み込まれ、フロントエンドやバックエンド、ライティング、デザインなどの専門知識を与えます。
- カタログ内のすべてのスキルを入れるには?
- ターミナルで npx skills add xingkaixin/skills を実行してください。カタログ全体をダウンロードし、各スキルを AI コーディングツールへ導入します。追加の設定は不要です。
- スキルを一つだけ入れるには?
- npx skills add xingkaixin/skills --skill react-state-management-decisions を実行し、react-state-management-decisions を任意のスキルの slug に置き換えてください。必要な一つだけを入れることで、エージェントのコンテキストを軽く保てます。
- どの AI ツールに対応していますか?
- これらのスキルは Claude Code、Codex と、オープンな Agent Skills 形式に従う他のエージェントを対象としています。SKILL.md を読めるコーディングツールなら読み込めるため、互換性のある AI アシスタント間で持ち運べます。