terryso/bmad-starter-kit

記録された最新のソース活動: 2026年1月16日 03:39

SkillsMP カタログ更新: 2026年11月12日 12:52

収集済み skills: 1

GitHub スター: 19
GitHub フォーク: 4

AI アシスタントでインストール

このプロンプトをコピーして、使用中の AI アシスタントに送ってください。

Follow https://skillsmp.com/skill-install/prompt.md to install Agent Skills from https://github.com/terryso/bmad-starter-kit.

リポジトリの README

README の元ファイル：README.md

README の元ファイルを読む

README 全文を表示

# BMAD Starter Kit [![BMAD](https://bmad-badge.vercel.app/terryso/bmad-starter-kit.svg)](https://github.com/bmad-code-org/BMAD-METHOD) [English](README.md) | [简体中文](README.zh-CN.md) > A practice project for learning BMAD development workflow ## What is this project? This is a **BMAD learning sandbox** - not a production application. Its purpose is to help you practice the complete BMAD development workflow without spending time on initial setup. After cloning this repository, you can immediately start practicing: - Creating new epics and user stories - Implementing features with AI agents - Writing automated tests - Conducting code reviews The project comes with a basic authentication system and admin dashboard as a foundation for adding new features. ## Live Demo [https://bmad-starter-kit.surge.sh/](https://bmad-starter-kit.surge.sh/) ## 🎨 Showcase [**View the BMAD Showcase →**](https://bmad-starter-kit.surge.sh/showcase) ![BMAD Showcase](https://i.v2ex.co/36PSjhD3l.png) See what others have built with BMAD! The showcase features projects created by community members practicing the BMAD workflow. **Built something with BMAD?** We'd love to see it! Submit your project to the showcase and inspire others. Check out the [Showcase page](https://bmad-starter-kit.surge.sh/showcase) for submission details. ## Quick Start ```bash # Clone the repository git clone https://github.com/terryso/bmad-starter-kit.git cd bmad-starter-kit # Install dependencies pnpm install # Setup environment cp apps/api/.env.example apps/api/.env # Edit apps/api/.env with your database credentials # Initialize database cd apps/api npx prisma generate npx prisma db push cd ../.. # Start development pnpm dev ``` Visit http://localhost:8080 for the frontend, http://localhost:3000 for the backend API. ## Recommended Learning Workflow Follow these steps to practice the complete BMAD development cycle: ### Step 1: Create a New Epic Use the PM agent to define a new feature epic: ``` /pm I want to add a new epic implementing [your feature idea] ``` **Example epic ideas:** - User profile management - Email notification system - File upload functionality - Audit logging - Two-factor authentication ### Step 2: Sprint Planning After reviewing the epic, run sprint planning: ``` /sprint-planning ``` This generates a `sprint-status.yaml` file tracking all epics and stories. ### Step 3: Create First Story Create a detailed user story: ``` /create-story ``` The agent will generate a comprehensive story document with acceptance criteria. ### Step 4: Review Story Design Review the generated story document in `docs/implementation-artifacts/stories/`. Make sure: - Requirements are clear - Technical approach is sound - Acceptance criteria are complete ### Step 5: Implement Code When ready, start development: ``` /dev-story ``` The agent will implement the story following project conventions. ### Step 6: Write Automated Tests After implementation, add test coverage: ``` /automate ``` This generates unit tests, integration tests, and e2e tests. ### Step 7: Code Review Review the implementation for quality: ``` /code-review ``` The agent performs an adversarial review and finds issues to fix. ### Step 8: Fix Issues and Complete Let the agent fix all identified issues and update the story status to completed. ### Step 9: Repeat Go back to Step 3 for the next story until all stories in the sprint are complete. ## What's Included ### Tech Stack | Layer | Technology | |-------|------------| | Frontend | React 18 + Vite + shadcn/ui | | Backend | NestJS + Prisma | | Database | PostgreSQL | | Auth | JWT (Access + Refresh tokens) | ### Existing Features - User registration and login - JWT authentication with refresh tokens - Role-based access control (USER/ADMIN) - Admin dashboard with statistics - User management (list, search, filter) - **BMAD Showcase** - Browse and submit community projects built with BMAD ### Project Structure ``` bmad-starter-kit/ ├── apps/ │ ├── api/ # NestJS backend │ │ └── src/modules/ # Feature modules │ └── web/ # React frontend │ └── src/ # Components, pages, hooks ├── packages/ │ └── shared/ # Shared types and utilities ├── docs/ │ ├── planning-artifacts/ # PRDs, architecture docs │ └── implementation-artifacts/ # Stories, tests ├── _bmad/ # BMAD configuration └── docs/project-context.md # AI agent context rules ``` ## Default Admin User After registering via the UI, promote a user to admin: ```sql UPDATE "user" SET role = 'ADMIN' WHERE email = 'your-email@example.com'; ``` ## Development Commands ```bash pnpm dev # Start both frontend and backend pnpm dev:api # Backend only (port 3000) pnpm dev:web # Frontend only (port 8080) pnpm build # Build all packages pnpm lint # Run linting pnpm test # Run all tests ``` ## Requirements - Node.js >= 18.0.0 - pnpm >= 8.0.0 - PostgreSQL (local or Supabase) - Claude Code authorized (recommended) or set `ANTHROPIC_API_KEY` > **Note**: BMAD workflows require Claude Code subscription or API key which can be costly. You may consider using [GLM Coding Plan](https://www.bigmodel.cn/claude-code?ic=TVUZHTWCW9) (first month only ¥100, API call count basically unlimited) as an alternative. ## License [MIT](LICENSE) ## Learning Resources - [BMAD Documentation](https://docs.bmad-method.org/) - [Claude Code CLI](https://claude.com/claude-code) ## Contributing This is a community learning project! If you've implemented a feature during your BMAD practice and feel it would be useful for others, feel free to submit a PR to the `develop` branch. After review, it will be merged and deployed to the live demo for everyone to try. **How to contribute:** 1. Fork the repository 2. Create a feature branch: `git checkout -b feature/your-feature-name` 3. Follow the BMAD workflow to implement your feature 4. Ensure all tests pass: `pnpm test` 5. Submit a PR to `develop` branch --- Happy practicing! May your AI agents serve you well.

リポジトリの README を読み込んでいます…

このリポジトリの skills

ウェブ・デジタルインターフェースデザイナー

1 件の職業カテゴリ · 100% 分類済み

skill

職業分類

説明

更新

ui-ux-pro-max

ウェブ・デジタルインターフェースデザイナー

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,…

原文の言語: 英語

2026-01-16

収集済み skill 1 件中 1 件を表示しています。