skills は何をしますか?
Claudeスキルセット:ウェブ開発を効率化するためのコマンドとプロンプト集
このリポジトリには、Claude Code上でウェブ開発作業を迅速に行うためのスキル定義が含まれています。各スキルは、特定の開発タスクを自然言語でトリガーできるように設計されています。
使い方
- スキルをClaude Codeに追加します(例:
claude add-skill gabrielmustiere/skills)。 - 以下のプロンプト例を参考に、タスクを実行してください。
利用可能なスキル
ウェブ開発全般
- プロジェクトの初期化:
新しいVite + Reactプロジェクトを作成して - ファイル作成:
components/Header.jsxを作成して - コードのリファクタリング:
このコンポーネントを関数コンポーネントに変換して
CSS / スタイリング
- スタイルの追加:
この要素にフレックスボックスを適用して - レスポンシブ対応:
モバイルファーストのグリッドレイアウトを追加して
デバッグ & テスト
- エラーの調査:
コンソールエラーをデバッグして - テストの実行:
npm testを実行して結果を確認して
注意: スキルの動作はClaude Codeのバージョンや設定によって異なる場合があります。