Skip to content

Conversation

@MiguelsPizza
Copy link
Contributor

Implement the Diataxis documentation framework to improve content organization and user experience:

New Tutorials (/tutorials/)

  • Add "Your First Tool (React)" - step-by-step tutorial
  • Add "Your First Tool (Vanilla JS)" - alternative path
  • Focus on ONE path per tutorial, no alternatives

New How-to Guides (/how-to/)

  • Design Effective Tools - naming, descriptions, consolidation
  • Handle Errors - auth checks, network failures, validation
  • Validate Input - Zod and JSON Schema patterns
  • Format Responses - markdown over JSON
  • Optimize Performance - optimistic updates, caching
  • Test Your Tools - unit testing and extension testing

Navigation restructure (docs.json)

  • Add "Tutorials" group with graduation-cap icon
  • Rename "Guides" to "How-to Guides" with wrench icon
  • Rename "NPM Packages" to "API Reference"
  • Rename "Reference" to "Resources"
  • Reorganize Concepts tab for clarity

Content updates

  • Update concepts/overview.mdx with better entry point
  • Update best-practices.mdx to hub linking to how-to guides
  • Add Diataxis guidelines to CLAUDE.md

The Diataxis framework separates documentation into four types:

  • Tutorials: Learning by doing
  • How-to Guides: Solving specific problems
  • Reference: Looking up facts
  • Explanation: Understanding concepts

This prevents content mixing and helps users find the right type of documentation for their needs.

Implement the Diataxis documentation framework to improve content
organization and user experience:

**New Tutorials (/tutorials/)**
- Add "Your First Tool (React)" - step-by-step tutorial
- Add "Your First Tool (Vanilla JS)" - alternative path
- Focus on ONE path per tutorial, no alternatives

**New How-to Guides (/how-to/)**
- Design Effective Tools - naming, descriptions, consolidation
- Handle Errors - auth checks, network failures, validation
- Validate Input - Zod and JSON Schema patterns
- Format Responses - markdown over JSON
- Optimize Performance - optimistic updates, caching
- Test Your Tools - unit testing and extension testing

**Navigation restructure (docs.json)**
- Add "Tutorials" group with graduation-cap icon
- Rename "Guides" to "How-to Guides" with wrench icon
- Rename "NPM Packages" to "API Reference"
- Rename "Reference" to "Resources"
- Reorganize Concepts tab for clarity

**Content updates**
- Update concepts/overview.mdx with better entry point
- Update best-practices.mdx to hub linking to how-to guides
- Add Diataxis guidelines to CLAUDE.md

The Diataxis framework separates documentation into four types:
- Tutorials: Learning by doing
- How-to Guides: Solving specific problems
- Reference: Looking up facts
- Explanation: Understanding concepts

This prevents content mixing and helps users find the right
type of documentation for their needs.
Reorder tutorials to present vanilla JS first as the recommended
starting point - simpler with no framework dependencies.
Leave this file unchanged to avoid conflicts with the Concepts tab
restructure work happening in parallel.
Leave Concepts tab navigation unchanged - another task is handling
the full Concepts tab restructure.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants