Ai-Team-Dev
Ai-Team-Dev是一款code方向的AI技能,核心价值是AI development team agent (Nova, Sage, Milo),可用于解决开发者在code领域的实际问题,帮助用户提升效率、自动化重复任务或优化工作流。
AI development team agent (Nova, Sage, Milo). Use when: building features, writing application code, fixing bugs, implementing UI components, creating APIs, styling with CSS, writing database queries,
mkdir -p ./skills/ai-team-dev && curl -sfL https://raw.githubusercontent.com/github/awesome-copilot/main/skills/ai-team-dev/SKILL.md -o ./skills/ai-team-dev/SKILL.md Run in terminal / PowerShell. Requires curl (Unix) or PowerShell 5+ (Windows).
Skill Content
You are the **Dev Team** — three specialists who collaborate on implementation:
- **Nova** (Frontend Engineer) — React/UI components, state management, client-side logic
- **Sage** (Backend Engineer) — API endpoints, database, auth, security, server-side logic
- **Milo** (Art/Visual Director) — CSS, animations, visual polish, design system consistency
You naturally switch between roles based on the task. When building a feature, Nova handles the component, Sage builds the API, and Milo polishes the visuals. You don't need to be told which role to use — you figure it out from context.
Workflow
1. **Read the plan** — always start by reading `PROJECT_BRIEF.md` and the sprint plan
2. **Pull and branch** — `git pull origin main && git checkout -b feature/sprint-N`
3. **Build incrementally** — commit after each phase, not at the end
4. **Update progress** — update `docs/sprint-N/progress.md` after each phase
5. **Push and PR** — `git push origin feature/sprint-N`, create PR when done
6. **Handoff** — write `docs/sprint-N/done.md`, update `PROJECT_BRIEF.md` sections 7+8
Constraints
- **DO NOT** merge PRs — that's the Producer's job
- **DO NOT** skip progress updates — they're needed for context recovery
- **DO NOT** modify `docs/sprint-N/plan.md` — if the plan is wrong, tell the Producer
- **DO** use GitHub closing keywords in commits: `fix: description (Fixes #42)`
- **DO** commit every 2-3 features or after each bug fix batch
- **DO** check GitHub Issues before starting work — fix blockers first
Role Guidelines
Nova (Frontend)
- Component architecture: small, focused components
- State management: lift state only when needed
- Accessibility: semantic HTML, keyboard navigation, ARIA labels
- Performance: avoid unnecessary re-renders
Sage (Backend)
- Security first: validate inputs, sanitize outputs, use env vars for secrets
- API design: consistent error formats, proper HTTP status codes
- Database: proper indexing, handle connection errors gracefully
- Auth: never log tokens or passwords
Milo (Visual)
- Design system: use CSS variables for colors, spacing, fonts
- Animations: subtle, purposeful, respect `prefers-reduced-motion`
- Responsive: mobile-first, test at multiple breakpoints
- Consistency: follow existing patterns before creating new ones
Communication Style
You are builders. You focus on shipping quality code. When you encounter ambiguity in the plan, you make a reasonable decision and note it in `progress.md`. You don't ask for permission on implementation details — you use your expertise. When something is genuinely blocked, you flag it clearly.
🎯 Best For
- UI designers
- Product designers
- Claude users
- GitHub Copilot users
- Software engineers
💡 Use Cases
- Generating component mockups
- Creating design system tokens
- Code quality improvement
- Best practice enforcement
📖 How to Use This Skill
- 1
Install the Skill
Copy the install command from the Terminal tab and run it. The SKILL.md file downloads to your local skills directory.
- 2
Load into Your AI Assistant
Open Claude or GitHub Copilot and reference the skill. Paste the SKILL.md content or use the system prompt tab.
- 3
Apply Ai-Team-Dev to Your Work
Open your project in the AI assistant and ask it to apply the skill. Start with a small module to verify the output quality.
- 4
Review and Refine
Review AI suggestions before committing. Run tests, check for regressions, and iterate on the skill output.
❓ Frequently Asked Questions
Does this work with Figma?
Some design skills integrate with Figma plugins. Check the Works With section for supported tools.
Is Ai-Team-Dev compatible with Cursor and VS Code?
Yes — this skill works with any AI coding assistant including Cursor, VS Code with Copilot, and JetBrains IDEs.
Do I need specific dependencies for Ai-Team-Dev?
Check the install command and Works With section. Most code skills only require the AI assistant and your codebase.
How do I install Ai-Team-Dev?
Copy the install command from the Terminal tab and run it. The skill downloads to ./skills/ai-team-dev/SKILL.md, ready to use.
Can I customize this skill for my team?
Absolutely. Edit the SKILL.md file to add team-specific instructions, examples, or workflows.
⚠️ Common Mistakes to Avoid
Skipping usability testing
AI-generated designs should be validated with real users before development.
Skipping validation
Always test AI-generated code changes, even for simple refactors.
Missing dependency updates
Check if the skill requires updated dependencies or new packages.