sdd-jc-methodology 0.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.claude/commands/sdd-archive.md +122 -0
- package/.claude/commands/sdd-constitution.md +240 -0
- package/.claude/commands/sdd-execute.md +132 -0
- package/.claude/commands/sdd-propose.md +149 -0
- package/.claude/commands/sdd-seo.md +251 -0
- package/.claude/commands/sdd-specify.md +264 -0
- package/.claude/commands/sdd-test.md +128 -0
- package/.claude/commands/sdd-validate.md +165 -0
- package/.claude/skills/api-design-principles/SKILL.md +528 -0
- package/.claude/skills/api-design-principles/assets/api-design-checklist.md +155 -0
- package/.claude/skills/api-design-principles/assets/rest-api-template.py +182 -0
- package/.claude/skills/api-design-principles/references/graphql-schema-design.md +583 -0
- package/.claude/skills/api-design-principles/references/rest-best-practices.md +408 -0
- package/.claude/skills/aws-serverless/SKILL.md +323 -0
- package/.claude/skills/brainstorming/SKILL.md +96 -0
- package/.claude/skills/error-handling-patterns/SKILL.md +641 -0
- package/.claude/skills/frontend-design/LICENSE.txt +177 -0
- package/.claude/skills/frontend-design/SKILL.md +272 -0
- package/.claude/skills/nestjs-expert/SKILL.md +552 -0
- package/.claude/skills/product-manager-toolkit/SKILL.md +351 -0
- package/.claude/skills/product-manager-toolkit/references/prd_templates.md +317 -0
- package/.claude/skills/product-manager-toolkit/scripts/customer_interview_analyzer.py +441 -0
- package/.claude/skills/product-manager-toolkit/scripts/rice_prioritizer.py +296 -0
- package/.claude/skills/react-doctor/AGENTS.md +15 -0
- package/.claude/skills/react-doctor/SKILL.md +19 -0
- package/.claude/skills/shadcn-ui/SKILL.md +1677 -0
- package/.claude/skills/shadcn-ui/references/learn.md +145 -0
- package/.claude/skills/shadcn-ui/references/official-ui-reference.md +1725 -0
- package/.claude/skills/shadcn-ui/references/reference.md +586 -0
- package/.claude/skills/shadcn-ui/references/ui-reference.md +1578 -0
- package/.claude/skills/stitch-design/README.md +50 -0
- package/.claude/skills/stitch-design/SKILL.md +84 -0
- package/.claude/skills/stitch-design/examples/DESIGN.md +22 -0
- package/.claude/skills/stitch-design/examples/enhanced-prompt.md +28 -0
- package/.claude/skills/stitch-design/references/design-mappings.md +45 -0
- package/.claude/skills/stitch-design/references/prompt-keywords.md +114 -0
- package/.claude/skills/stitch-design/references/tool-schemas.md +76 -0
- package/.claude/skills/stitch-design/workflows/edit-design.md +44 -0
- package/.claude/skills/stitch-design/workflows/generate-design-md.md +63 -0
- package/.claude/skills/stitch-design/workflows/text-to-design.md +47 -0
- package/.claude/skills/systematic-debugging/CREATION-LOG.md +119 -0
- package/.claude/skills/systematic-debugging/SKILL.md +296 -0
- package/.claude/skills/systematic-debugging/condition-based-waiting-example.ts +158 -0
- package/.claude/skills/systematic-debugging/condition-based-waiting.md +115 -0
- package/.claude/skills/systematic-debugging/defense-in-depth.md +122 -0
- package/.claude/skills/systematic-debugging/find-polluter.sh +63 -0
- package/.claude/skills/systematic-debugging/root-cause-tracing.md +169 -0
- package/.claude/skills/systematic-debugging/test-academic.md +14 -0
- package/.claude/skills/systematic-debugging/test-pressure-1.md +58 -0
- package/.claude/skills/systematic-debugging/test-pressure-2.md +68 -0
- package/.claude/skills/systematic-debugging/test-pressure-3.md +69 -0
- package/.claude/skills/tailwind-design-system/SKILL.md +874 -0
- package/.claude/skills/ui-ux-pro-max/SKILL.md +377 -0
- package/.claude/skills/ui-ux-pro-max/data/charts.csv +26 -0
- package/.claude/skills/ui-ux-pro-max/data/colors.csv +97 -0
- package/.claude/skills/ui-ux-pro-max/data/icons.csv +101 -0
- package/.claude/skills/ui-ux-pro-max/data/landing.csv +31 -0
- package/.claude/skills/ui-ux-pro-max/data/products.csv +97 -0
- package/.claude/skills/ui-ux-pro-max/data/react-performance.csv +45 -0
- package/.claude/skills/ui-ux-pro-max/data/stacks/astro.csv +54 -0
- package/.claude/skills/ui-ux-pro-max/data/stacks/flutter.csv +53 -0
- package/.claude/skills/ui-ux-pro-max/data/stacks/html-tailwind.csv +56 -0
- package/.claude/skills/ui-ux-pro-max/data/stacks/jetpack-compose.csv +53 -0
- package/.claude/skills/ui-ux-pro-max/data/stacks/nextjs.csv +53 -0
- package/.claude/skills/ui-ux-pro-max/data/stacks/nuxt-ui.csv +51 -0
- package/.claude/skills/ui-ux-pro-max/data/stacks/nuxtjs.csv +59 -0
- package/.claude/skills/ui-ux-pro-max/data/stacks/react-native.csv +52 -0
- package/.claude/skills/ui-ux-pro-max/data/stacks/react.csv +54 -0
- package/.claude/skills/ui-ux-pro-max/data/stacks/shadcn.csv +61 -0
- package/.claude/skills/ui-ux-pro-max/data/stacks/svelte.csv +54 -0
- package/.claude/skills/ui-ux-pro-max/data/stacks/swiftui.csv +51 -0
- package/.claude/skills/ui-ux-pro-max/data/stacks/vue.csv +50 -0
- package/.claude/skills/ui-ux-pro-max/data/styles.csv +68 -0
- package/.claude/skills/ui-ux-pro-max/data/typography.csv +58 -0
- package/.claude/skills/ui-ux-pro-max/data/ui-reasoning.csv +101 -0
- package/.claude/skills/ui-ux-pro-max/data/ux-guidelines.csv +100 -0
- package/.claude/skills/ui-ux-pro-max/data/web-interface.csv +31 -0
- package/.claude/skills/ui-ux-pro-max/scripts/core.py +253 -0
- package/.claude/skills/ui-ux-pro-max/scripts/design_system.py +1067 -0
- package/.claude/skills/ui-ux-pro-max/scripts/search.py +114 -0
- package/.claude/skills/vercel-react-best-practices/AGENTS.md +2934 -0
- package/.claude/skills/vercel-react-best-practices/SKILL.md +136 -0
- package/.claude/skills/vercel-react-best-practices/rules/advanced-event-handler-refs.md +55 -0
- package/.claude/skills/vercel-react-best-practices/rules/advanced-init-once.md +42 -0
- package/.claude/skills/vercel-react-best-practices/rules/advanced-use-latest.md +39 -0
- package/.claude/skills/vercel-react-best-practices/rules/async-api-routes.md +38 -0
- package/.claude/skills/vercel-react-best-practices/rules/async-defer-await.md +80 -0
- package/.claude/skills/vercel-react-best-practices/rules/async-dependencies.md +51 -0
- package/.claude/skills/vercel-react-best-practices/rules/async-parallel.md +28 -0
- package/.claude/skills/vercel-react-best-practices/rules/async-suspense-boundaries.md +99 -0
- package/.claude/skills/vercel-react-best-practices/rules/bundle-barrel-imports.md +59 -0
- package/.claude/skills/vercel-react-best-practices/rules/bundle-conditional.md +31 -0
- package/.claude/skills/vercel-react-best-practices/rules/bundle-defer-third-party.md +49 -0
- package/.claude/skills/vercel-react-best-practices/rules/bundle-dynamic-imports.md +35 -0
- package/.claude/skills/vercel-react-best-practices/rules/bundle-preload.md +50 -0
- package/.claude/skills/vercel-react-best-practices/rules/client-event-listeners.md +74 -0
- package/.claude/skills/vercel-react-best-practices/rules/client-localstorage-schema.md +71 -0
- package/.claude/skills/vercel-react-best-practices/rules/client-passive-event-listeners.md +48 -0
- package/.claude/skills/vercel-react-best-practices/rules/client-swr-dedup.md +56 -0
- package/.claude/skills/vercel-react-best-practices/rules/js-batch-dom-css.md +107 -0
- package/.claude/skills/vercel-react-best-practices/rules/js-cache-function-results.md +80 -0
- package/.claude/skills/vercel-react-best-practices/rules/js-cache-property-access.md +28 -0
- package/.claude/skills/vercel-react-best-practices/rules/js-cache-storage.md +70 -0
- package/.claude/skills/vercel-react-best-practices/rules/js-combine-iterations.md +32 -0
- package/.claude/skills/vercel-react-best-practices/rules/js-early-exit.md +50 -0
- package/.claude/skills/vercel-react-best-practices/rules/js-hoist-regexp.md +45 -0
- package/.claude/skills/vercel-react-best-practices/rules/js-index-maps.md +37 -0
- package/.claude/skills/vercel-react-best-practices/rules/js-length-check-first.md +49 -0
- package/.claude/skills/vercel-react-best-practices/rules/js-min-max-loop.md +82 -0
- package/.claude/skills/vercel-react-best-practices/rules/js-set-map-lookups.md +24 -0
- package/.claude/skills/vercel-react-best-practices/rules/js-tosorted-immutable.md +57 -0
- package/.claude/skills/vercel-react-best-practices/rules/rendering-activity.md +26 -0
- package/.claude/skills/vercel-react-best-practices/rules/rendering-animate-svg-wrapper.md +47 -0
- package/.claude/skills/vercel-react-best-practices/rules/rendering-conditional-render.md +40 -0
- package/.claude/skills/vercel-react-best-practices/rules/rendering-content-visibility.md +38 -0
- package/.claude/skills/vercel-react-best-practices/rules/rendering-hoist-jsx.md +46 -0
- package/.claude/skills/vercel-react-best-practices/rules/rendering-hydration-no-flicker.md +82 -0
- package/.claude/skills/vercel-react-best-practices/rules/rendering-hydration-suppress-warning.md +30 -0
- package/.claude/skills/vercel-react-best-practices/rules/rendering-svg-precision.md +28 -0
- package/.claude/skills/vercel-react-best-practices/rules/rendering-usetransition-loading.md +75 -0
- package/.claude/skills/vercel-react-best-practices/rules/rerender-defer-reads.md +39 -0
- package/.claude/skills/vercel-react-best-practices/rules/rerender-dependencies.md +45 -0
- package/.claude/skills/vercel-react-best-practices/rules/rerender-derived-state-no-effect.md +40 -0
- package/.claude/skills/vercel-react-best-practices/rules/rerender-derived-state.md +29 -0
- package/.claude/skills/vercel-react-best-practices/rules/rerender-functional-setstate.md +74 -0
- package/.claude/skills/vercel-react-best-practices/rules/rerender-lazy-state-init.md +58 -0
- package/.claude/skills/vercel-react-best-practices/rules/rerender-memo-with-default-value.md +38 -0
- package/.claude/skills/vercel-react-best-practices/rules/rerender-memo.md +44 -0
- package/.claude/skills/vercel-react-best-practices/rules/rerender-move-effect-to-event.md +45 -0
- package/.claude/skills/vercel-react-best-practices/rules/rerender-simple-expression-in-memo.md +35 -0
- package/.claude/skills/vercel-react-best-practices/rules/rerender-transitions.md +40 -0
- package/.claude/skills/vercel-react-best-practices/rules/rerender-use-ref-transient-values.md +73 -0
- package/.claude/skills/vercel-react-best-practices/rules/server-after-nonblocking.md +73 -0
- package/.claude/skills/vercel-react-best-practices/rules/server-auth-actions.md +96 -0
- package/.claude/skills/vercel-react-best-practices/rules/server-cache-lru.md +41 -0
- package/.claude/skills/vercel-react-best-practices/rules/server-cache-react.md +76 -0
- package/.claude/skills/vercel-react-best-practices/rules/server-dedup-props.md +65 -0
- package/.claude/skills/vercel-react-best-practices/rules/server-parallel-fetching.md +83 -0
- package/.claude/skills/vercel-react-best-practices/rules/server-serialization.md +38 -0
- package/.mcp.json.example +12 -0
- package/CHANGELOG.md +61 -0
- package/LICENSE +21 -0
- package/README.md +571 -0
- package/assets/jc-fox-mark.svg +10 -0
- package/assets/jc-methodology-badge.png +0 -0
- package/bin/sdd-jc.js +379 -0
- package/package.json +43 -0
- package/scripts/gsc_verify.py +162 -0
|
@@ -0,0 +1,165 @@
|
|
|
1
|
+
# Validate SDD Implementation
|
|
2
|
+
|
|
3
|
+
Validate that a spec path's implementation matches its SDD documents. Produce `validation-report.md` with pass, warning, fail, and remediation details.
|
|
4
|
+
|
|
5
|
+
Validation is the final conformance audit. It checks whether the implementation still matches the approved requirements, scenarios, design decisions, tasks, tests, and constitutional baseline.
|
|
6
|
+
|
|
7
|
+
## Usage
|
|
8
|
+
|
|
9
|
+
```
|
|
10
|
+
/sdd-validate <spec-path>
|
|
11
|
+
```
|
|
12
|
+
|
|
13
|
+
**Examples:**
|
|
14
|
+
|
|
15
|
+
- `/sdd-validate loan`
|
|
16
|
+
- `/sdd-validate enhancements/renewals`
|
|
17
|
+
|
|
18
|
+
## Arguments
|
|
19
|
+
|
|
20
|
+
- `$ARGUMENTS` — Relative path under `docs/specs/` containing `requirements.md`, `design.md`, `tasks.md`, and optionally `execution.md`.
|
|
21
|
+
|
|
22
|
+
## Output
|
|
23
|
+
|
|
24
|
+
Create or update `docs/specs/$ARGUMENTS/validation-report.md`.
|
|
25
|
+
|
|
26
|
+
Validation should produce a clear recommendation for whether the spec can be archived with `/sdd-archive $ARGUMENTS`.
|
|
27
|
+
|
|
28
|
+
Use these result levels consistently:
|
|
29
|
+
|
|
30
|
+
| Result | Meaning |
|
|
31
|
+
|---|---|
|
|
32
|
+
| PASS | The implementation satisfies the requirement, task, or check with evidence |
|
|
33
|
+
| WARN | The implementation is acceptable but has risk, missing evidence, or minor drift |
|
|
34
|
+
| FAIL | The implementation does not satisfy the requirement, task, or check |
|
|
35
|
+
| BLOCKED | Validation could not complete because required context, tooling, or access is missing |
|
|
36
|
+
|
|
37
|
+
---
|
|
38
|
+
|
|
39
|
+
## Behavior
|
|
40
|
+
|
|
41
|
+
### Phase 0: Load Context
|
|
42
|
+
|
|
43
|
+
1. Read:
|
|
44
|
+
- `docs/specs/$ARGUMENTS/proposal.md` if present
|
|
45
|
+
- `docs/specs/$ARGUMENTS/requirements.md`
|
|
46
|
+
- `docs/specs/$ARGUMENTS/design.md`
|
|
47
|
+
- `docs/specs/$ARGUMENTS/tasks.md`
|
|
48
|
+
- `docs/specs/$ARGUMENTS/execution.md` if present
|
|
49
|
+
2. Read constitutional context:
|
|
50
|
+
- `docs/prd.md`
|
|
51
|
+
- `docs/system-design/design.md`
|
|
52
|
+
- `docs/detailed-design/detailed-design.md`
|
|
53
|
+
- `docs/specs/general-setup/`
|
|
54
|
+
3. Read root and package-level `CLAUDE.md` files if they exist.
|
|
55
|
+
|
|
56
|
+
### Phase 1: Task Completion Check
|
|
57
|
+
|
|
58
|
+
Verify task status coverage and report PASS, WARN, or FAIL per task.
|
|
59
|
+
|
|
60
|
+
Check that completed tasks include execution notes and verification evidence.
|
|
61
|
+
|
|
62
|
+
### Phase 2: File Existence Check
|
|
63
|
+
|
|
64
|
+
Parse the design file tree and verify expected new, modified, and deleted files.
|
|
65
|
+
|
|
66
|
+
### Phase 3: Build Integrity
|
|
67
|
+
|
|
68
|
+
Run the project's relevant build, type-check, and lint commands.
|
|
69
|
+
|
|
70
|
+
Prefer the commands defined by the repo rather than assuming a fixed stack.
|
|
71
|
+
|
|
72
|
+
If no command exists, record the gap and recommend the smallest useful command to add.
|
|
73
|
+
|
|
74
|
+
### Phase 4: Requirement Coverage Verification
|
|
75
|
+
|
|
76
|
+
For every requirement in `requirements.md`, verify:
|
|
77
|
+
|
|
78
|
+
1. it appears in at least one task
|
|
79
|
+
2. mapped tasks are complete when full implementation is claimed
|
|
80
|
+
3. code evidence exists
|
|
81
|
+
4. key scenarios have automated or documented manual test evidence
|
|
82
|
+
5. behavior matches the requirement intent, not only the task wording
|
|
83
|
+
|
|
84
|
+
### Phase 5: Quality Audit
|
|
85
|
+
|
|
86
|
+
Use skills as needed:
|
|
87
|
+
|
|
88
|
+
- `nestjs-expert`
|
|
89
|
+
- `react-doctor`
|
|
90
|
+
- `api-design-principles`
|
|
91
|
+
- `tailwind-design-system`
|
|
92
|
+
- `frontend-design`
|
|
93
|
+
- `ui-ux-pro-max` if available for UX/UI-heavy validation
|
|
94
|
+
- `systematic-debugging` when failures or inconsistencies appear
|
|
95
|
+
|
|
96
|
+
Check for:
|
|
97
|
+
|
|
98
|
+
- architecture compliance
|
|
99
|
+
- API quality
|
|
100
|
+
- frontend quality
|
|
101
|
+
- design-system compliance
|
|
102
|
+
- UX consistency with the system design document
|
|
103
|
+
- error handling and observability where relevant
|
|
104
|
+
- accessibility and responsive behavior for UI work
|
|
105
|
+
- security and authorization boundaries for protected flows
|
|
106
|
+
|
|
107
|
+
### Phase 6: Design Conformance
|
|
108
|
+
|
|
109
|
+
Compare the implementation against the module design and the constitutional docs where relevant.
|
|
110
|
+
|
|
111
|
+
If the implementation intentionally differs from the design, verify that the design or execution notes explain the change. Otherwise mark the drift as WARN or FAIL depending on risk.
|
|
112
|
+
|
|
113
|
+
If `proposal.md` exists, also verify that final behavior remains aligned with the approved intent, scope, non-goals, and success criteria.
|
|
114
|
+
|
|
115
|
+
### Phase 7: Generate Validation Report
|
|
116
|
+
|
|
117
|
+
Create `docs/specs/$ARGUMENTS/validation-report.md`.
|
|
118
|
+
|
|
119
|
+
The report must include:
|
|
120
|
+
|
|
121
|
+
1. Document Control
|
|
122
|
+
2. Summary
|
|
123
|
+
3. Task Completion
|
|
124
|
+
4. File Existence
|
|
125
|
+
5. Build Integrity
|
|
126
|
+
6. Requirement Coverage
|
|
127
|
+
7. Linting & Code Quality
|
|
128
|
+
8. Design Conformance
|
|
129
|
+
9. Test Evidence Summary
|
|
130
|
+
10. Remediation
|
|
131
|
+
11. Archive Readiness Recommendation
|
|
132
|
+
|
|
133
|
+
The report title must be `# Validation Report — {Spec Name}`.
|
|
134
|
+
|
|
135
|
+
### Phase 8: Report to User
|
|
136
|
+
|
|
137
|
+
Present overall status, key findings, remediation count, and archive readiness. If issues exist, ask whether to fix all, fix critical only, or keep only the report. If the work is archive-ready, show the exact next command:
|
|
138
|
+
|
|
139
|
+
```text
|
|
140
|
+
/sdd-archive $ARGUMENTS
|
|
141
|
+
```
|
|
142
|
+
|
|
143
|
+
---
|
|
144
|
+
|
|
145
|
+
## Error Handling
|
|
146
|
+
|
|
147
|
+
- If SDD documents are missing, report the missing files and stop.
|
|
148
|
+
- If build fails, continue other checks when possible.
|
|
149
|
+
- If a skill is unavailable, fall back to the next documented skill and note it in the report.
|
|
150
|
+
- If no tasks are complete, still allow partial validation but make the incompleteness explicit.
|
|
151
|
+
- If implementation evidence is inconclusive, mark WARN or BLOCKED instead of guessing.
|
|
152
|
+
- If validation finds spec drift, recommend whether to update the spec, update implementation, or split follow-up work.
|
|
153
|
+
|
|
154
|
+
---
|
|
155
|
+
|
|
156
|
+
## Archive Readiness Guidance
|
|
157
|
+
|
|
158
|
+
The work is ready to consider complete when:
|
|
159
|
+
|
|
160
|
+
- all required tasks are `[x]`
|
|
161
|
+
- no FAIL findings remain unresolved
|
|
162
|
+
- WARN findings are accepted or have follow-up tasks
|
|
163
|
+
- tests cover the key requirements and scenarios
|
|
164
|
+
- implementation drift is reflected in the SDD docs or execution notes
|
|
165
|
+
- the user has reviewed the validation summary
|
|
@@ -0,0 +1,528 @@
|
|
|
1
|
+
---
|
|
2
|
+
name: api-design-principles
|
|
3
|
+
description: Master REST and GraphQL API design principles to build intuitive, scalable, and maintainable APIs that delight developers. Use when designing new APIs, reviewing API specifications, or establishing API design standards.
|
|
4
|
+
---
|
|
5
|
+
|
|
6
|
+
# API Design Principles
|
|
7
|
+
|
|
8
|
+
Master REST and GraphQL API design principles to build intuitive, scalable, and maintainable APIs that delight developers and stand the test of time.
|
|
9
|
+
|
|
10
|
+
## When to Use This Skill
|
|
11
|
+
|
|
12
|
+
- Designing new REST or GraphQL APIs
|
|
13
|
+
- Refactoring existing APIs for better usability
|
|
14
|
+
- Establishing API design standards for your team
|
|
15
|
+
- Reviewing API specifications before implementation
|
|
16
|
+
- Migrating between API paradigms (REST to GraphQL, etc.)
|
|
17
|
+
- Creating developer-friendly API documentation
|
|
18
|
+
- Optimizing APIs for specific use cases (mobile, third-party integrations)
|
|
19
|
+
|
|
20
|
+
## Core Concepts
|
|
21
|
+
|
|
22
|
+
### 1. RESTful Design Principles
|
|
23
|
+
|
|
24
|
+
**Resource-Oriented Architecture**
|
|
25
|
+
|
|
26
|
+
- Resources are nouns (users, orders, products), not verbs
|
|
27
|
+
- Use HTTP methods for actions (GET, POST, PUT, PATCH, DELETE)
|
|
28
|
+
- URLs represent resource hierarchies
|
|
29
|
+
- Consistent naming conventions
|
|
30
|
+
|
|
31
|
+
**HTTP Methods Semantics:**
|
|
32
|
+
|
|
33
|
+
- `GET`: Retrieve resources (idempotent, safe)
|
|
34
|
+
- `POST`: Create new resources
|
|
35
|
+
- `PUT`: Replace entire resource (idempotent)
|
|
36
|
+
- `PATCH`: Partial resource updates
|
|
37
|
+
- `DELETE`: Remove resources (idempotent)
|
|
38
|
+
|
|
39
|
+
### 2. GraphQL Design Principles
|
|
40
|
+
|
|
41
|
+
**Schema-First Development**
|
|
42
|
+
|
|
43
|
+
- Types define your domain model
|
|
44
|
+
- Queries for reading data
|
|
45
|
+
- Mutations for modifying data
|
|
46
|
+
- Subscriptions for real-time updates
|
|
47
|
+
|
|
48
|
+
**Query Structure:**
|
|
49
|
+
|
|
50
|
+
- Clients request exactly what they need
|
|
51
|
+
- Single endpoint, multiple operations
|
|
52
|
+
- Strongly typed schema
|
|
53
|
+
- Introspection built-in
|
|
54
|
+
|
|
55
|
+
### 3. API Versioning Strategies
|
|
56
|
+
|
|
57
|
+
**URL Versioning:**
|
|
58
|
+
|
|
59
|
+
```
|
|
60
|
+
/api/v1/users
|
|
61
|
+
/api/v2/users
|
|
62
|
+
```
|
|
63
|
+
|
|
64
|
+
**Header Versioning:**
|
|
65
|
+
|
|
66
|
+
```
|
|
67
|
+
Accept: application/vnd.api+json; version=1
|
|
68
|
+
```
|
|
69
|
+
|
|
70
|
+
**Query Parameter Versioning:**
|
|
71
|
+
|
|
72
|
+
```
|
|
73
|
+
/api/users?version=1
|
|
74
|
+
```
|
|
75
|
+
|
|
76
|
+
## REST API Design Patterns
|
|
77
|
+
|
|
78
|
+
### Pattern 1: Resource Collection Design
|
|
79
|
+
|
|
80
|
+
```python
|
|
81
|
+
# Good: Resource-oriented endpoints
|
|
82
|
+
GET /api/users # List users (with pagination)
|
|
83
|
+
POST /api/users # Create user
|
|
84
|
+
GET /api/users/{id} # Get specific user
|
|
85
|
+
PUT /api/users/{id} # Replace user
|
|
86
|
+
PATCH /api/users/{id} # Update user fields
|
|
87
|
+
DELETE /api/users/{id} # Delete user
|
|
88
|
+
|
|
89
|
+
# Nested resources
|
|
90
|
+
GET /api/users/{id}/orders # Get user's orders
|
|
91
|
+
POST /api/users/{id}/orders # Create order for user
|
|
92
|
+
|
|
93
|
+
# Bad: Action-oriented endpoints (avoid)
|
|
94
|
+
POST /api/createUser
|
|
95
|
+
POST /api/getUserById
|
|
96
|
+
POST /api/deleteUser
|
|
97
|
+
```
|
|
98
|
+
|
|
99
|
+
### Pattern 2: Pagination and Filtering
|
|
100
|
+
|
|
101
|
+
```python
|
|
102
|
+
from typing import List, Optional
|
|
103
|
+
from pydantic import BaseModel, Field
|
|
104
|
+
|
|
105
|
+
class PaginationParams(BaseModel):
|
|
106
|
+
page: int = Field(1, ge=1, description="Page number")
|
|
107
|
+
page_size: int = Field(20, ge=1, le=100, description="Items per page")
|
|
108
|
+
|
|
109
|
+
class FilterParams(BaseModel):
|
|
110
|
+
status: Optional[str] = None
|
|
111
|
+
created_after: Optional[str] = None
|
|
112
|
+
search: Optional[str] = None
|
|
113
|
+
|
|
114
|
+
class PaginatedResponse(BaseModel):
|
|
115
|
+
items: List[dict]
|
|
116
|
+
total: int
|
|
117
|
+
page: int
|
|
118
|
+
page_size: int
|
|
119
|
+
pages: int
|
|
120
|
+
|
|
121
|
+
@property
|
|
122
|
+
def has_next(self) -> bool:
|
|
123
|
+
return self.page < self.pages
|
|
124
|
+
|
|
125
|
+
@property
|
|
126
|
+
def has_prev(self) -> bool:
|
|
127
|
+
return self.page > 1
|
|
128
|
+
|
|
129
|
+
# FastAPI endpoint example
|
|
130
|
+
from fastapi import FastAPI, Query, Depends
|
|
131
|
+
|
|
132
|
+
app = FastAPI()
|
|
133
|
+
|
|
134
|
+
@app.get("/api/users", response_model=PaginatedResponse)
|
|
135
|
+
async def list_users(
|
|
136
|
+
page: int = Query(1, ge=1),
|
|
137
|
+
page_size: int = Query(20, ge=1, le=100),
|
|
138
|
+
status: Optional[str] = Query(None),
|
|
139
|
+
search: Optional[str] = Query(None)
|
|
140
|
+
):
|
|
141
|
+
# Apply filters
|
|
142
|
+
query = build_query(status=status, search=search)
|
|
143
|
+
|
|
144
|
+
# Count total
|
|
145
|
+
total = await count_users(query)
|
|
146
|
+
|
|
147
|
+
# Fetch page
|
|
148
|
+
offset = (page - 1) * page_size
|
|
149
|
+
users = await fetch_users(query, limit=page_size, offset=offset)
|
|
150
|
+
|
|
151
|
+
return PaginatedResponse(
|
|
152
|
+
items=users,
|
|
153
|
+
total=total,
|
|
154
|
+
page=page,
|
|
155
|
+
page_size=page_size,
|
|
156
|
+
pages=(total + page_size - 1) // page_size
|
|
157
|
+
)
|
|
158
|
+
```
|
|
159
|
+
|
|
160
|
+
### Pattern 3: Error Handling and Status Codes
|
|
161
|
+
|
|
162
|
+
```python
|
|
163
|
+
from fastapi import HTTPException, status
|
|
164
|
+
from pydantic import BaseModel
|
|
165
|
+
|
|
166
|
+
class ErrorResponse(BaseModel):
|
|
167
|
+
error: str
|
|
168
|
+
message: str
|
|
169
|
+
details: Optional[dict] = None
|
|
170
|
+
timestamp: str
|
|
171
|
+
path: str
|
|
172
|
+
|
|
173
|
+
class ValidationErrorDetail(BaseModel):
|
|
174
|
+
field: str
|
|
175
|
+
message: str
|
|
176
|
+
value: Any
|
|
177
|
+
|
|
178
|
+
# Consistent error responses
|
|
179
|
+
STATUS_CODES = {
|
|
180
|
+
"success": 200,
|
|
181
|
+
"created": 201,
|
|
182
|
+
"no_content": 204,
|
|
183
|
+
"bad_request": 400,
|
|
184
|
+
"unauthorized": 401,
|
|
185
|
+
"forbidden": 403,
|
|
186
|
+
"not_found": 404,
|
|
187
|
+
"conflict": 409,
|
|
188
|
+
"unprocessable": 422,
|
|
189
|
+
"internal_error": 500
|
|
190
|
+
}
|
|
191
|
+
|
|
192
|
+
def raise_not_found(resource: str, id: str):
|
|
193
|
+
raise HTTPException(
|
|
194
|
+
status_code=status.HTTP_404_NOT_FOUND,
|
|
195
|
+
detail={
|
|
196
|
+
"error": "NotFound",
|
|
197
|
+
"message": f"{resource} not found",
|
|
198
|
+
"details": {"id": id}
|
|
199
|
+
}
|
|
200
|
+
)
|
|
201
|
+
|
|
202
|
+
def raise_validation_error(errors: List[ValidationErrorDetail]):
|
|
203
|
+
raise HTTPException(
|
|
204
|
+
status_code=status.HTTP_422_UNPROCESSABLE_ENTITY,
|
|
205
|
+
detail={
|
|
206
|
+
"error": "ValidationError",
|
|
207
|
+
"message": "Request validation failed",
|
|
208
|
+
"details": {"errors": [e.dict() for e in errors]}
|
|
209
|
+
}
|
|
210
|
+
)
|
|
211
|
+
|
|
212
|
+
# Example usage
|
|
213
|
+
@app.get("/api/users/{user_id}")
|
|
214
|
+
async def get_user(user_id: str):
|
|
215
|
+
user = await fetch_user(user_id)
|
|
216
|
+
if not user:
|
|
217
|
+
raise_not_found("User", user_id)
|
|
218
|
+
return user
|
|
219
|
+
```
|
|
220
|
+
|
|
221
|
+
### Pattern 4: HATEOAS (Hypermedia as the Engine of Application State)
|
|
222
|
+
|
|
223
|
+
```python
|
|
224
|
+
class UserResponse(BaseModel):
|
|
225
|
+
id: str
|
|
226
|
+
name: str
|
|
227
|
+
email: str
|
|
228
|
+
_links: dict
|
|
229
|
+
|
|
230
|
+
@classmethod
|
|
231
|
+
def from_user(cls, user: User, base_url: str):
|
|
232
|
+
return cls(
|
|
233
|
+
id=user.id,
|
|
234
|
+
name=user.name,
|
|
235
|
+
email=user.email,
|
|
236
|
+
_links={
|
|
237
|
+
"self": {"href": f"{base_url}/api/users/{user.id}"},
|
|
238
|
+
"orders": {"href": f"{base_url}/api/users/{user.id}/orders"},
|
|
239
|
+
"update": {
|
|
240
|
+
"href": f"{base_url}/api/users/{user.id}",
|
|
241
|
+
"method": "PATCH"
|
|
242
|
+
},
|
|
243
|
+
"delete": {
|
|
244
|
+
"href": f"{base_url}/api/users/{user.id}",
|
|
245
|
+
"method": "DELETE"
|
|
246
|
+
}
|
|
247
|
+
}
|
|
248
|
+
)
|
|
249
|
+
```
|
|
250
|
+
|
|
251
|
+
## GraphQL Design Patterns
|
|
252
|
+
|
|
253
|
+
### Pattern 1: Schema Design
|
|
254
|
+
|
|
255
|
+
```graphql
|
|
256
|
+
# schema.graphql
|
|
257
|
+
|
|
258
|
+
# Clear type definitions
|
|
259
|
+
type User {
|
|
260
|
+
id: ID!
|
|
261
|
+
email: String!
|
|
262
|
+
name: String!
|
|
263
|
+
createdAt: DateTime!
|
|
264
|
+
|
|
265
|
+
# Relationships
|
|
266
|
+
orders(first: Int = 20, after: String, status: OrderStatus): OrderConnection!
|
|
267
|
+
|
|
268
|
+
profile: UserProfile
|
|
269
|
+
}
|
|
270
|
+
|
|
271
|
+
type Order {
|
|
272
|
+
id: ID!
|
|
273
|
+
status: OrderStatus!
|
|
274
|
+
total: Money!
|
|
275
|
+
items: [OrderItem!]!
|
|
276
|
+
createdAt: DateTime!
|
|
277
|
+
|
|
278
|
+
# Back-reference
|
|
279
|
+
user: User!
|
|
280
|
+
}
|
|
281
|
+
|
|
282
|
+
# Pagination pattern (Relay-style)
|
|
283
|
+
type OrderConnection {
|
|
284
|
+
edges: [OrderEdge!]!
|
|
285
|
+
pageInfo: PageInfo!
|
|
286
|
+
totalCount: Int!
|
|
287
|
+
}
|
|
288
|
+
|
|
289
|
+
type OrderEdge {
|
|
290
|
+
node: Order!
|
|
291
|
+
cursor: String!
|
|
292
|
+
}
|
|
293
|
+
|
|
294
|
+
type PageInfo {
|
|
295
|
+
hasNextPage: Boolean!
|
|
296
|
+
hasPreviousPage: Boolean!
|
|
297
|
+
startCursor: String
|
|
298
|
+
endCursor: String
|
|
299
|
+
}
|
|
300
|
+
|
|
301
|
+
# Enums for type safety
|
|
302
|
+
enum OrderStatus {
|
|
303
|
+
PENDING
|
|
304
|
+
CONFIRMED
|
|
305
|
+
SHIPPED
|
|
306
|
+
DELIVERED
|
|
307
|
+
CANCELLED
|
|
308
|
+
}
|
|
309
|
+
|
|
310
|
+
# Custom scalars
|
|
311
|
+
scalar DateTime
|
|
312
|
+
scalar Money
|
|
313
|
+
|
|
314
|
+
# Query root
|
|
315
|
+
type Query {
|
|
316
|
+
user(id: ID!): User
|
|
317
|
+
users(first: Int = 20, after: String, search: String): UserConnection!
|
|
318
|
+
|
|
319
|
+
order(id: ID!): Order
|
|
320
|
+
}
|
|
321
|
+
|
|
322
|
+
# Mutation root
|
|
323
|
+
type Mutation {
|
|
324
|
+
createUser(input: CreateUserInput!): CreateUserPayload!
|
|
325
|
+
updateUser(input: UpdateUserInput!): UpdateUserPayload!
|
|
326
|
+
deleteUser(id: ID!): DeleteUserPayload!
|
|
327
|
+
|
|
328
|
+
createOrder(input: CreateOrderInput!): CreateOrderPayload!
|
|
329
|
+
}
|
|
330
|
+
|
|
331
|
+
# Input types for mutations
|
|
332
|
+
input CreateUserInput {
|
|
333
|
+
email: String!
|
|
334
|
+
name: String!
|
|
335
|
+
password: String!
|
|
336
|
+
}
|
|
337
|
+
|
|
338
|
+
# Payload types for mutations
|
|
339
|
+
type CreateUserPayload {
|
|
340
|
+
user: User
|
|
341
|
+
errors: [Error!]
|
|
342
|
+
}
|
|
343
|
+
|
|
344
|
+
type Error {
|
|
345
|
+
field: String
|
|
346
|
+
message: String!
|
|
347
|
+
}
|
|
348
|
+
```
|
|
349
|
+
|
|
350
|
+
### Pattern 2: Resolver Design
|
|
351
|
+
|
|
352
|
+
```python
|
|
353
|
+
from typing import Optional, List
|
|
354
|
+
from ariadne import QueryType, MutationType, ObjectType
|
|
355
|
+
from dataclasses import dataclass
|
|
356
|
+
|
|
357
|
+
query = QueryType()
|
|
358
|
+
mutation = MutationType()
|
|
359
|
+
user_type = ObjectType("User")
|
|
360
|
+
|
|
361
|
+
@query.field("user")
|
|
362
|
+
async def resolve_user(obj, info, id: str) -> Optional[dict]:
|
|
363
|
+
"""Resolve single user by ID."""
|
|
364
|
+
return await fetch_user_by_id(id)
|
|
365
|
+
|
|
366
|
+
@query.field("users")
|
|
367
|
+
async def resolve_users(
|
|
368
|
+
obj,
|
|
369
|
+
info,
|
|
370
|
+
first: int = 20,
|
|
371
|
+
after: Optional[str] = None,
|
|
372
|
+
search: Optional[str] = None
|
|
373
|
+
) -> dict:
|
|
374
|
+
"""Resolve paginated user list."""
|
|
375
|
+
# Decode cursor
|
|
376
|
+
offset = decode_cursor(after) if after else 0
|
|
377
|
+
|
|
378
|
+
# Fetch users
|
|
379
|
+
users = await fetch_users(
|
|
380
|
+
limit=first + 1, # Fetch one extra to check hasNextPage
|
|
381
|
+
offset=offset,
|
|
382
|
+
search=search
|
|
383
|
+
)
|
|
384
|
+
|
|
385
|
+
# Pagination
|
|
386
|
+
has_next = len(users) > first
|
|
387
|
+
if has_next:
|
|
388
|
+
users = users[:first]
|
|
389
|
+
|
|
390
|
+
edges = [
|
|
391
|
+
{
|
|
392
|
+
"node": user,
|
|
393
|
+
"cursor": encode_cursor(offset + i)
|
|
394
|
+
}
|
|
395
|
+
for i, user in enumerate(users)
|
|
396
|
+
]
|
|
397
|
+
|
|
398
|
+
return {
|
|
399
|
+
"edges": edges,
|
|
400
|
+
"pageInfo": {
|
|
401
|
+
"hasNextPage": has_next,
|
|
402
|
+
"hasPreviousPage": offset > 0,
|
|
403
|
+
"startCursor": edges[0]["cursor"] if edges else None,
|
|
404
|
+
"endCursor": edges[-1]["cursor"] if edges else None
|
|
405
|
+
},
|
|
406
|
+
"totalCount": await count_users(search=search)
|
|
407
|
+
}
|
|
408
|
+
|
|
409
|
+
@user_type.field("orders")
|
|
410
|
+
async def resolve_user_orders(user: dict, info, first: int = 20) -> dict:
|
|
411
|
+
"""Resolve user's orders (N+1 prevention with DataLoader)."""
|
|
412
|
+
# Use DataLoader to batch requests
|
|
413
|
+
loader = info.context["loaders"]["orders_by_user"]
|
|
414
|
+
orders = await loader.load(user["id"])
|
|
415
|
+
|
|
416
|
+
return paginate_orders(orders, first)
|
|
417
|
+
|
|
418
|
+
@mutation.field("createUser")
|
|
419
|
+
async def resolve_create_user(obj, info, input: dict) -> dict:
|
|
420
|
+
"""Create new user."""
|
|
421
|
+
try:
|
|
422
|
+
# Validate input
|
|
423
|
+
validate_user_input(input)
|
|
424
|
+
|
|
425
|
+
# Create user
|
|
426
|
+
user = await create_user(
|
|
427
|
+
email=input["email"],
|
|
428
|
+
name=input["name"],
|
|
429
|
+
password=hash_password(input["password"])
|
|
430
|
+
)
|
|
431
|
+
|
|
432
|
+
return {
|
|
433
|
+
"user": user,
|
|
434
|
+
"errors": []
|
|
435
|
+
}
|
|
436
|
+
except ValidationError as e:
|
|
437
|
+
return {
|
|
438
|
+
"user": None,
|
|
439
|
+
"errors": [{"field": e.field, "message": e.message}]
|
|
440
|
+
}
|
|
441
|
+
```
|
|
442
|
+
|
|
443
|
+
### Pattern 3: DataLoader (N+1 Problem Prevention)
|
|
444
|
+
|
|
445
|
+
```python
|
|
446
|
+
from aiodataloader import DataLoader
|
|
447
|
+
from typing import List, Optional
|
|
448
|
+
|
|
449
|
+
class UserLoader(DataLoader):
|
|
450
|
+
"""Batch load users by ID."""
|
|
451
|
+
|
|
452
|
+
async def batch_load_fn(self, user_ids: List[str]) -> List[Optional[dict]]:
|
|
453
|
+
"""Load multiple users in single query."""
|
|
454
|
+
users = await fetch_users_by_ids(user_ids)
|
|
455
|
+
|
|
456
|
+
# Map results back to input order
|
|
457
|
+
user_map = {user["id"]: user for user in users}
|
|
458
|
+
return [user_map.get(user_id) for user_id in user_ids]
|
|
459
|
+
|
|
460
|
+
class OrdersByUserLoader(DataLoader):
|
|
461
|
+
"""Batch load orders by user ID."""
|
|
462
|
+
|
|
463
|
+
async def batch_load_fn(self, user_ids: List[str]) -> List[List[dict]]:
|
|
464
|
+
"""Load orders for multiple users in single query."""
|
|
465
|
+
orders = await fetch_orders_by_user_ids(user_ids)
|
|
466
|
+
|
|
467
|
+
# Group orders by user_id
|
|
468
|
+
orders_by_user = {}
|
|
469
|
+
for order in orders:
|
|
470
|
+
user_id = order["user_id"]
|
|
471
|
+
if user_id not in orders_by_user:
|
|
472
|
+
orders_by_user[user_id] = []
|
|
473
|
+
orders_by_user[user_id].append(order)
|
|
474
|
+
|
|
475
|
+
# Return in input order
|
|
476
|
+
return [orders_by_user.get(user_id, []) for user_id in user_ids]
|
|
477
|
+
|
|
478
|
+
# Context setup
|
|
479
|
+
def create_context():
|
|
480
|
+
return {
|
|
481
|
+
"loaders": {
|
|
482
|
+
"user": UserLoader(),
|
|
483
|
+
"orders_by_user": OrdersByUserLoader()
|
|
484
|
+
}
|
|
485
|
+
}
|
|
486
|
+
```
|
|
487
|
+
|
|
488
|
+
## Best Practices
|
|
489
|
+
|
|
490
|
+
### REST APIs
|
|
491
|
+
|
|
492
|
+
1. **Consistent Naming**: Use plural nouns for collections (`/users`, not `/user`)
|
|
493
|
+
2. **Stateless**: Each request contains all necessary information
|
|
494
|
+
3. **Use HTTP Status Codes Correctly**: 2xx success, 4xx client errors, 5xx server errors
|
|
495
|
+
4. **Version Your API**: Plan for breaking changes from day one
|
|
496
|
+
5. **Pagination**: Always paginate large collections
|
|
497
|
+
6. **Rate Limiting**: Protect your API with rate limits
|
|
498
|
+
7. **Documentation**: Use OpenAPI/Swagger for interactive docs
|
|
499
|
+
|
|
500
|
+
### GraphQL APIs
|
|
501
|
+
|
|
502
|
+
1. **Schema First**: Design schema before writing resolvers
|
|
503
|
+
2. **Avoid N+1**: Use DataLoaders for efficient data fetching
|
|
504
|
+
3. **Input Validation**: Validate at schema and resolver levels
|
|
505
|
+
4. **Error Handling**: Return structured errors in mutation payloads
|
|
506
|
+
5. **Pagination**: Use cursor-based pagination (Relay spec)
|
|
507
|
+
6. **Deprecation**: Use `@deprecated` directive for gradual migration
|
|
508
|
+
7. **Monitoring**: Track query complexity and execution time
|
|
509
|
+
|
|
510
|
+
## Common Pitfalls
|
|
511
|
+
|
|
512
|
+
- **Over-fetching/Under-fetching (REST)**: Fixed in GraphQL but requires DataLoaders
|
|
513
|
+
- **Breaking Changes**: Version APIs or use deprecation strategies
|
|
514
|
+
- **Inconsistent Error Formats**: Standardize error responses
|
|
515
|
+
- **Missing Rate Limits**: APIs without limits are vulnerable to abuse
|
|
516
|
+
- **Poor Documentation**: Undocumented APIs frustrate developers
|
|
517
|
+
- **Ignoring HTTP Semantics**: POST for idempotent operations breaks expectations
|
|
518
|
+
- **Tight Coupling**: API structure shouldn't mirror database schema
|
|
519
|
+
|
|
520
|
+
## Resources
|
|
521
|
+
|
|
522
|
+
- **references/rest-best-practices.md**: Comprehensive REST API design guide
|
|
523
|
+
- **references/graphql-schema-design.md**: GraphQL schema patterns and anti-patterns
|
|
524
|
+
- **references/api-versioning-strategies.md**: Versioning approaches and migration paths
|
|
525
|
+
- **assets/rest-api-template.py**: FastAPI REST API template
|
|
526
|
+
- **assets/graphql-schema-template.graphql**: Complete GraphQL schema example
|
|
527
|
+
- **assets/api-design-checklist.md**: Pre-implementation review checklist
|
|
528
|
+
- **scripts/openapi-generator.py**: Generate OpenAPI specs from code
|