菜单
Frontend開発時に必要な検証を実施するスキルです。Lint、ビルド、ユニットテスト、E2Eテストを含みます。Frontend（apps/frontend）のコード変更時に使用してください。 Use when this capability is needed.
默认使用会先检查来源的 Prompt；你也可以切换为直接命令，或下载本地副本。
决定是否安装前，请先阅读 SKILL.md，以及 SkillsMP 当前展示的配套文件。
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
直接命令不会经过审查 Prompt；运行前请先检查来源。
npx skills add https://github.com/tomevault-io/skills-registry --skill frontend-developer命令会保持在同一行。复制前请横向滚动并检查完整内容。
想先保存到本地？可下载 SkillsMP 当前能够提供的文件。
基于 SOC 职业分类
正在显示 SKILL.md
| name | frontend-developer |
| description | Frontend開発時に必要な検証を実施するスキルです。Lint、ビルド、ユニットテスト、E2Eテストを含みます。Frontend（apps/frontend）のコード変更時に使用してください。 Use when this capability is needed. |
| metadata | {"author":"goataka"} |
このスキルは、Frontend（React + Vite）の開発時に必要な検証を自律的に実施します。
以下の場合にこのスキルを使用してください:
apps/frontend/）を変更する場合cd /home/runner/work/attendance-kit/attendance-kit
すべてのコマンドはプロジェクトルートから実行してください。
注: このパスはGitHub Actions環境用です。ローカル開発では、自身のプロジェクトルートディレクトリに置き換えてください。
npm run setup
変更前に依存関係が正しくインストールされていることを確認します。
npm run lint
必須: コード変更後、必ず実行してください。
npm run build
必須: コード変更後、必ず実行してください。
apps/frontend/dist/）npm run test:unit
必須: コード変更後、必ず実行してください。
スナップショット確認:
# Frontend E2Eテストのみ実行
cd apps/frontend
npm run test:integration
必須: ドキュメントやテキストのみの変更以外では必ず実行してください。
スクリーンショット確認:
推奨される実行順序:
npm run setup - 依存関係インストールnpm run lint - コードスタイルチェックnpm run build - ビルド確認npm run test:unit - ユニットテストcd apps/frontend && npm run test:integration - E2Eテスト（ドキュメントやテキストのみの変更以外）# エラー詳細を確認
npm run lint
# Frontend個別でも確認可能
cd apps/frontend
npm run lint
# エラー詳細を確認
npm run build
# 型チェックのみ実行
cd apps/frontend
npm run build:check
# 失敗したテストの詳細を確認
npm test
# 特定のテストファイルのみ実行
cd apps/frontend
npm test -- <test-file-name>
# Playwrightのデバッグモードで実行
cd apps/frontend
npm run test:integration -- --debug
# 特定のテストのみ実行
npm run test:integration -- <test-file-name>
以下の場合のみ一部の検証をスキップ可能:
それ以外の場合は、必ずすべての検証を実行してください。
このスキルの検証項目は、GitHub ActionsのPremergeワークフローと対応しています:
| Premergeステップ | ローカル検証コマンド |
|---|---|
npm run setup | npm run setup |
npm run lint | npm run lint |
npm run build | npm run build |
npm run test:unit | npm run test:unit |
| Frontend E2Eテスト | cd apps/frontend && npm run test:integration |
Converted and distributed by TomeVault — claim your Tome and manage your conversions.