BoxPistols

ビルド + 型チェック + テストを一括実行し、デプロイ可能か確認する

変更内容を分析し、日本語で適切なコミットメッセージを生成して commit する

新しい教材ページを作成する（ルーティング・ナビゲーション・テスト込み）

CodingChallenge や CodePreview のプレビューエラーを調査・修正する

現在のブランチの PR または未コミット変更をコードレビューする

Unit テスト（vitest）と E2E テスト（Playwright）を実行し、失敗があれば修正を試みる

Architecture, decisions, and working rules for modernizing Boostnote into a modern, collaborative, extensible note app. Load this before working on the modernization (stack choices, the collab core, the dependency overhaul, deploy/ops, or the new-app shell). Benchmarks: Obsidian, HackMD.

Feature development workflow for The Boosters legacy app. Load before implementing any new capability. Covers legacy constraints, file placement rules, ESM/CJS discipline, and pre-commit checklist.

Bug fix workflow for The Boosters legacy app. Load before diagnosing any runtime crash, CI failure, or UI regression. Contains symptom-by-symptom diagnosis checklist, known failure patterns, and commit protocol.

Step-by-step release process for The Boosters legacy app (v0.x.y tags → mac + windows installers). Load before bumping version or pushing a release tag.

Kaze DS準拠の新コンポーネントをscaffold。ファイル・Story・メタデータ・テストを一括生成

テーマ定義からデザイントークンを再生成し、関連ファイルを同期

Kaze Design System 準拠チェック。コード/ファイルを DS ルールに照合し、違反を検出・修正提案する

Work with the Asagiri (朝霧) CSS framework — token-driven, classless-first SCSS library with MD3-inspired components and built-in light/dark theming. Use this skill when generating HTML/CSS that should match Asagiri's visual system, or when editing the framework itself.

UI/UX design intelligence. 50 styles, 21 palettes, 50 font pairings, 20 charts, 8 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind). Actions: plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, check UI/UX code. Projects: website, landing page, dashboard, admin panel, e-commerce, SaaS, portfolio, blog, mobile app, .html, .tsx, .vue, .svelte. Elements: button, modal, navbar, sidebar, card, table, form, chart. Styles: glassmorphism, claymorphism, minimalism, brutalism, neumorphism, bento grid, dark mode, responsive, skeuomorphism, flat design. Topics: color palette, accessibility, animation, layout, typography, font pairing, spacing, hover, shadow, gradient.