ZayZay1nonly/webdev-skills

🌐 私たちのコレクションでウェブ開発スキルを習得。AIコーディングエージェント向けに調整され、最新のコマンドラインツールとプロジェクト構成でワークフローを強化します。

webdev-skills とは?

このスキルは、AIコーディングエージェント(Claude Code、Cursor、Codexなど)がウェブ開発のワークフローを効率的に実行できるように設計された、コマンドラインツールとプロジェクト構成のベストプラクティスをまとめたものです。現代的なフロントエンド/バックエンド開発、依存関係管理、ビルドツール、Git操作、テスト、デプロイメントに至るまで、一連のスキルをカバーしています。SKILL.mdでは、具体的なCLIコマンド、プロジェクト構造の例、環境変数の設定方法、開発サーバーの起動手順などが実践的に示されており、エージェントが指示に従って自律的にコーディングタスクを遂行するための基盤を提供します。これにより、開発者はルーティンワークをAIに任せ、創造的な部分に集中できるようになります。

対応~Claude Code~Codex CLI~Cursor
npx skills add ZayZay1nonly/webdev-skills

Installed? Explore more 生産性&コラボレーション skills: steipete/gemini, steipete/gh-issues, steipete/skill-creator · View all 6 →

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

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

ドキュメント

webdev-skills は何をしますか?

🌐 私たちのコレクションでウェブ開発スキルを習得。AIコーディングエージェント向けに調整され、最新のコマンドラインツールとプロジェクト構成でワークフローを強化します。

はじめに

このスキルは、AIエージェントがウェブ開発プロジェクトを効率的に扱えるようにするための一連のスキルを提供します。

含まれるスキル

  • フロントエンド開発: React、Vue、Angularなどのフレームワークと、npm/yarn/pnpmなどのツールチェーン。
  • バックエンド開発: Node.js、Express、データベース連携。
  • バージョン管理: Git操作(コミット、ブランチ、プルリクエスト)。
  • テスト: Jest、Cypress、Playwright。
  • デプロイ: Vercel、Netlify、Docker。
  • プロジェクト構成: 標準的なディレクトリ構造、環境変数管理。

使い方

AIエージェントがこのスキルを利用するには、以下の手順に従います:

  1. プロジェクトのルートで skill init を実行。
  2. スキルが提供するコマンドを呼び出す(例: skill lint、skill test)。
  3. エージェントが自動的にツールを設定・実行。

例

# 開発サーバーを起動
skill start

# テストを実行
skill test

# ビルド
skill build

詳細

各スキルの詳細な使い方は、それぞれのドキュメントを参照してください。

関連スキル