0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

Claude Codeのカスタムコマンドを20個作ってみた【コピペOK】

0
Posted at

banner118.png

Claude Codeを毎日使っていると、

「毎回同じプロンプトを書いているな…」

と感じることはありませんか?

私もホームページ制作やSEO対策を行う中で、同じ指示を何度も入力していました。

そこで、よく使う内容をカスタムコマンドとしてまとめたところ、作業スピードがかなり改善しました。

今回は、実際に使っているカスタムコマンドを20個紹介します。

  1. コードレビュー
    このコードをレビューしてください。

・可読性
・保守性
・パフォーマンス
・セキュリティ

改善案も提示してください。
2. リファクタリング
このコードをリファクタリングしてください。

動作は変更せず、
読みやすいコードへ改善してください。
3. HTML最適化
HTMLをSEOを意識して最適化してください。

不要なdivは削除し、
セマンティックHTMLへ修正してください。
4. CSS整理
重複CSSを削除してください。

保守しやすい構成へ変更してください。
5. JavaScript改善
JavaScriptをES2024基準で最適化してください。
6. WordPress化
このHTMLをWordPressテーマ化してください。
7. FAQ Schema追加
FAQ SchemaをJSON-LD形式で追加してください。
8. Article Schema追加
Article Schemaを追加してください。
9. SEO診断
SEOの改善点を全て洗い出してください。
10. Core Web Vitals改善
表示速度改善案を提案してください。
11. レスポンシブ対応
スマホ最適化してください。
12. エラーチェック
バグがないか確認してください。
13. アクセシビリティ改善
WCAGを考慮してください。
14. コメント追加
初心者でも分かるコメントを書いてください。
15. Gitコミットメッセージ生成
Conventional Commits形式で作成してください。
16. README生成
README.mdを作成してください。
17. API設計
REST APIとして設計してください。
18. SQL最適化
SQLを高速化してください。
19. セキュリティ診断
脆弱性を確認してください。
20. ドキュメント作成
このプロジェクトの仕様書を作成してください。
私が一番使うコマンド

実際に一番使用頻度が高いのは

コードレビュー
SEO診断
HTML最適化
WordPress化
Schema生成

です。

特にホームページ制作では、

「HTML最適化 → Schema追加 → SEO診断」

という流れを毎日のように使っています。

まとめ

Claude Codeは、プロンプトを毎回考えるよりも、よく使う指示をテンプレート化することで真価を発揮します。

今回紹介した20個は、そのままコピペして使える内容なので、ぜひ自分の開発環境に合わせてアレンジしてみてください。

皆さんがおすすめするカスタムコマンドがあれば、ぜひコメントで教えてください!

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?