designing-and-implementing
Use when receiving feature requests, architectural discussions, or multi-step implementation needs that require design before coding.
Best use case
designing-and-implementing is best used when you need a repeatable AI agent workflow instead of a one-off prompt. It is especially useful for teams working in multi. Use when receiving feature requests, architectural discussions, or multi-step implementation needs that require design before coding.
Use when receiving feature requests, architectural discussions, or multi-step implementation needs that require design before coding.
Users should expect a more consistent workflow output, faster repeated execution, and less time spent rewriting prompts from scratch.
Practical example
Example input
Use the "designing-and-implementing" skill to help with this workflow task. Context: Use when receiving feature requests, architectural discussions, or multi-step implementation needs that require design before coding.
Example output
A structured workflow result with clearer steps, more consistent formatting, and an output that is easier to reuse in the next run.
When to use this skill
- Use this skill when you want a reusable workflow rather than writing the same prompt again and again.
When not to use this skill
- Do not use this when you only need a one-off answer and do not need a reusable workflow.
- Do not use it if you cannot install or maintain the related files, repository context, or supporting tools.
Installation
Claude Code / Cursor / Codex
Manual Installation
- Download SKILL.md from GitHub
- Place it in
.claude/skills/designing-and-implementing/SKILL.mdinside your project - Restart your AI agent — it will auto-discover the skill
How designing-and-implementing Compares
| Feature / Agent | designing-and-implementing | Standard Approach |
|---|---|---|
| Platform Support | Not specified | Limited / Varies |
| Context Awareness | High | Baseline |
| Installation Complexity | Unknown | N/A |
Frequently Asked Questions
What does this skill do?
Use when receiving feature requests, architectural discussions, or multi-step implementation needs that require design before coding.
Where can I find the source code?
You can find the source code on GitHub using the link provided at the top of the page.
SKILL.md Source
# Design → Plan → Implement ## When to Use This Flow Check if planning is needed: ```bash bpsai-pair intent should-plan "user's request here" ``` Get flow recommendation: ```bash bpsai-pair intent suggest-flow "user's request here" ``` Use this flow for: features, refactors, multi-step work. Skip planning for: typo fixes, small bugs, documentation tweaks. ## Workflow ### 1. Clarify Requirements - Restate the goal in 1-3 sentences - Identify affected components - Ask clarifying questions if ambiguous - Research existing code patterns ### 2. Propose Approaches Present 2-3 options with pros/cons and recommend one. ### 3. Create Plan ```bash bpsai-pair plan new <slug> --type feature --title "Title" ``` ### 4. Add Tasks Task format in `.paircoder/tasks/`: ```yaml --- id: TASK-XXX title: Task title status: pending priority: P0 # P0=must, P1=should, P2=nice complexity: 30 # 10-100 scale --- ## Objective What this accomplishes. ## Acceptance Criteria - [ ] Criterion 1 - [ ] Tests pass ## Dependencies - Requires TASK-YYY (if any) ``` ### 5. Sync to Trello ```bash bpsai-pair plan sync-trello <plan-id> --target-list "Planned/Ready" ``` ### 6. Implement Each Task 1. `bpsai-pair task update TASK-XXX --status in_progress` 2. Write tests first (see implementing-with-tdd skill) 3. Implement feature 4. Complete via managing-task-lifecycle skill ## Key Files - Plans: `.paircoder/plans/` - Tasks: `.paircoder/tasks/` - State: `.paircoder/context/state.md` - Project context: `.paircoder/context/project.md` ## Commands ```bash bpsai-pair plan list # List plans bpsai-pair plan show <id> # Show plan details bpsai-pair task list --plan <id> # Tasks in plan bpsai-pair task next # Next task to work on ```
Related Skills
designing-components
Use this skill when you need to design a component
designing-tests
Designs and implements testing strategies for any codebase. Use when adding tests, improving coverage, setting up testing infrastructure, debugging test failures, or when asked about unit tests, integration tests, or E2E testing.
designing-architecture
Designs software architecture and selects appropriate patterns for projects. Use when designing systems, choosing architecture patterns, structuring projects, making technical decisions, or when asked about microservices, monoliths, or architectural approaches.
designing-apis
Designs REST and GraphQL APIs including endpoints, error handling, versioning, and documentation. Use when creating new APIs, designing endpoints, reviewing API contracts, or when asked about REST, GraphQL, or API patterns.
designing-frontend
Build distinctive, production-grade frontend interfaces with memorable aesthetics. Use when creating web components, pages, or applications. Prioritizes creative, context-specific design over generic patterns.
implementing-with-tdd
Use when implementing bug fixes, features, or any code changes where test-first development is appropriate.
implementing-command-palettes
Use when building Cmd+K command palettes in React - covers keyboard navigation with arrow keys, keeping selected items in view with scrollIntoView, filtering with shortcut matching, and preventing infinite re-renders from reference instability
implementing-code
Implements code changes and creates commits. Triggered when: implementation tasks, code changes, feature additions, bug fixes.
azure-quotas
Check/manage Azure quotas and usage across providers. For deployment planning, capacity validation, region selection. WHEN: "check quotas", "service limits", "current usage", "request quota increase", "quota exceeded", "validate capacity", "regional availability", "provisioning limits", "vCPU limit", "how many vCPUs available in my subscription".
raindrop-io
Manage Raindrop.io bookmarks with AI assistance. Save and organize bookmarks, search your collection, manage reading lists, and organize research materials. Use when working with bookmarks, web research, reading lists, or when user mentions Raindrop.io.
zlibrary-to-notebooklm
自动从 Z-Library 下载书籍并上传到 Google NotebookLM。支持 PDF/EPUB 格式，自动转换，一键创建知识库。
discover-skills
当你发现当前可用的技能都不够合适（或用户明确要求你寻找技能）时使用。本技能会基于任务目标和约束，给出一份精简的候选技能清单，帮助你选出最适配当前任务的技能。