docs: Add comprehensive project context and continuation files
📋 SESSION CONTINUITY DOCUMENTATION: 📁 Context Files Created: - PROJECT-CONTEXT.md - Complete project philosophy, tone guide, Diataxis framework, current status, and success patterns - INTERMEDIATE-GUIDE-PLAN.md - Detailed 27-piece intermediate guide structure with content outlines and development priorities - CONTINUATION-PROMPT.md - Ready-to-use prompt for seamless session handoff 📖 Comprehensive Coverage: ✅ Project philosophy and conversational tone standards ✅ Diataxis framework implementation details ✅ Component usage patterns and visual hierarchy ✅ Complete git commit history and technical status ✅ All 27 intermediate guide content outlines ✅ Development priorities and phased approach ✅ Next steps and continuation options 🎯 Purpose: Enable any future development session to pick up exactly where we left off with full context of project goals, tone, technical implementation, and strategic direction. Perfect handoff documentation for continued development of this exceptional AI collaboration learning platform! 🚀
This commit is contained in:
parent
907364ba21
commit
96bcc38a94
79
CONTINUATION-PROMPT.md
Normal file
79
CONTINUATION-PROMPT.md
Normal file
@ -0,0 +1,79 @@
|
|||||||
|
# Session Continuation Prompt
|
||||||
|
|
||||||
|
I'm continuing work on the "How to Talk to Claude - for Humans" documentation website project. This is a comprehensive AI collaboration guide built with Astro + Starlight.
|
||||||
|
|
||||||
|
## Context Files
|
||||||
|
Please read these files for complete project context:
|
||||||
|
- `PROJECT-CONTEXT.md` - Overall project philosophy, tone, Diataxis framework, current status
|
||||||
|
- `INTERMEDIATE-GUIDE-PLAN.md` - Complete intermediate guide structure with 27 content outlines
|
||||||
|
|
||||||
|
## Current Status Summary
|
||||||
|
|
||||||
|
**✅ COMPLETED:**
|
||||||
|
- Complete Beginners Guide (22 content pieces) with rich Starlight components
|
||||||
|
- Full site restructure with Beginners/Intermediate navigation
|
||||||
|
- All internal links properly functioning
|
||||||
|
- Professional visual design with Cards, Tabs, Asides, Code blocks, Steps
|
||||||
|
- Logo integration and custom CSS
|
||||||
|
- Development server running at `http://localhost:4321`
|
||||||
|
|
||||||
|
**🚀 READY FOR DEVELOPMENT:**
|
||||||
|
- Intermediate Guide framework (27 structured placeholders)
|
||||||
|
- All files converted to MDX format with component support
|
||||||
|
- Complete content outlines and development priorities
|
||||||
|
|
||||||
|
## Next Steps (Pick Up Here)
|
||||||
|
|
||||||
|
### Immediate Options:
|
||||||
|
|
||||||
|
**Option 1: Continue Content Enhancement**
|
||||||
|
Continue enhancing existing beginners content with more Starlight components. Priority files that could use component upgrades:
|
||||||
|
- `/beginners/tutorials/messy-ideas.mdx`
|
||||||
|
- `/beginners/how-to/match-tone-style.mdx`
|
||||||
|
- `/beginners/explanations/conversations-vs-commands.mdx`
|
||||||
|
|
||||||
|
**Option 2: Begin Intermediate Guide Development**
|
||||||
|
Start building out the Intermediate Guide content following the development priorities in `INTERMEDIATE-GUIDE-PLAN.md`. Suggested starting point:
|
||||||
|
- Phase 1: Multi-Session Project Management Tutorial (highest value)
|
||||||
|
|
||||||
|
**Option 3: Site Infrastructure Improvements**
|
||||||
|
- Add search functionality
|
||||||
|
- Enhance mobile responsiveness
|
||||||
|
- Add more custom CSS refinements
|
||||||
|
- Implement additional Starlight features
|
||||||
|
|
||||||
|
**Option 4: Content Optimization**
|
||||||
|
- SEO optimization
|
||||||
|
- Accessibility improvements
|
||||||
|
- Performance enhancements
|
||||||
|
- Analytics setup
|
||||||
|
|
||||||
|
## Working Style Preferences
|
||||||
|
|
||||||
|
**Tone & Approach:**
|
||||||
|
- Conversational and human-centered (like explaining to a friend)
|
||||||
|
- Problem-focused rather than feature-focused
|
||||||
|
- Use personal examples and relatable analogies
|
||||||
|
- Maintain authentic voice while using professional components
|
||||||
|
- Be enthusiastic and encouraging about progress
|
||||||
|
|
||||||
|
**Technical Approach:**
|
||||||
|
- Use Starlight components strategically for enhanced UX
|
||||||
|
- Maintain proper git commit practices with descriptive messages
|
||||||
|
- Test changes and verify functionality
|
||||||
|
- Keep content scannable and well-organized
|
||||||
|
- Preserve the Diataxis framework structure
|
||||||
|
|
||||||
|
**Development Process:**
|
||||||
|
- Make incremental improvements with regular commits
|
||||||
|
- Enhance content with visual components systematically
|
||||||
|
- Focus on user experience and practical value
|
||||||
|
- Maintain navigation integrity and link functionality
|
||||||
|
|
||||||
|
## Project Goals
|
||||||
|
Transform this from a good documentation site into an exceptional, interactive learning platform that genuinely helps people master AI collaboration skills. The beginners guide is now complete and professional-grade. The intermediate guide represents the next major development phase.
|
||||||
|
|
||||||
|
## Ready to Continue
|
||||||
|
I'm ready to pick up development where we left off. Please let me know which direction you'd like to pursue, and I'll continue with the same energy, attention to detail, and commitment to creating something genuinely valuable for users learning AI collaboration.
|
||||||
|
|
||||||
|
The foundation is rock-solid - let's keep building something amazing! 🚀
|
300
INTERMEDIATE-GUIDE-PLAN.md
Normal file
300
INTERMEDIATE-GUIDE-PLAN.md
Normal file
@ -0,0 +1,300 @@
|
|||||||
|
# Intermediate Guide Development Plan
|
||||||
|
*Advanced AI Collaboration - Beyond the Basics*
|
||||||
|
|
||||||
|
## Target Audience & Assumptions
|
||||||
|
|
||||||
|
**Intermediate Guide Users:**
|
||||||
|
- Comfortable with basic AI conversations (completed beginners guide)
|
||||||
|
- Ready for substantial, multi-session projects
|
||||||
|
- Want professional-level collaboration skills
|
||||||
|
- Interested in sophisticated AI partnership patterns
|
||||||
|
- Need to integrate AI into serious workflows
|
||||||
|
|
||||||
|
**Complexity Shift:**
|
||||||
|
- **From:** "How do I ask Claude to help me?"
|
||||||
|
- **To:** "How do we work together over time on complex, important things?"
|
||||||
|
|
||||||
|
## Complete Content Structure (27 Pieces)
|
||||||
|
|
||||||
|
### 🎓 Tutorials (5 Advanced Learning Experiences)
|
||||||
|
|
||||||
|
#### 1. Multi-Session Project Management
|
||||||
|
**File:** `/intermediate/tutorials/multi-session-projects.mdx`
|
||||||
|
**Description:** Building something substantial over multiple conversations while maintaining context and momentum
|
||||||
|
**Content Areas:**
|
||||||
|
- Context preservation strategies across sessions
|
||||||
|
- Project state documentation techniques
|
||||||
|
- Session handoff protocols
|
||||||
|
- Momentum maintenance methods
|
||||||
|
- Long-term collaboration patterns
|
||||||
|
|
||||||
|
#### 2. Teaching Claude Your Domain
|
||||||
|
**File:** `/intermediate/tutorials/teaching-your-domain.mdx`
|
||||||
|
**Description:** Getting Claude up to speed on your specific field/expertise for ongoing collaboration
|
||||||
|
**Content Areas:**
|
||||||
|
- Domain knowledge transfer techniques
|
||||||
|
- Building shared vocabulary and context
|
||||||
|
- Creating reusable knowledge bases
|
||||||
|
- Expertise transfer protocols
|
||||||
|
- Field-specific collaboration patterns
|
||||||
|
|
||||||
|
#### 3. Collaborative Analysis & Research
|
||||||
|
**File:** `/intermediate/tutorials/collaborative-research.mdx`
|
||||||
|
**Description:** Working together on complex problems that require multiple approaches and iterations
|
||||||
|
**Content Areas:**
|
||||||
|
- Multi-angle problem analysis
|
||||||
|
- Iterative research methodologies
|
||||||
|
- Evidence synthesis and validation
|
||||||
|
- Collaborative hypothesis testing
|
||||||
|
- Research partnership patterns
|
||||||
|
|
||||||
|
#### 4. Creative Co-Creation Workshop
|
||||||
|
**File:** `/intermediate/tutorials/creative-co-creation.mdx`
|
||||||
|
**Description:** Moving from "help me write" to genuine creative partnership on original work
|
||||||
|
**Content Areas:**
|
||||||
|
- Co-creation methodologies
|
||||||
|
- Balancing human creativity with AI capabilities
|
||||||
|
- Iterative creative development
|
||||||
|
- Original work partnership patterns
|
||||||
|
- Creative collaboration frameworks
|
||||||
|
|
||||||
|
#### 5. Learning Partnership Tutorial
|
||||||
|
**File:** `/intermediate/tutorials/learning-partnership.mdx`
|
||||||
|
**Description:** Using Claude as a learning partner to master new skills or subjects
|
||||||
|
**Content Areas:**
|
||||||
|
- Learning partnership methodologies
|
||||||
|
- Skill development frameworks
|
||||||
|
- Knowledge retention strategies
|
||||||
|
- Progressive complexity management
|
||||||
|
- Educational collaboration patterns
|
||||||
|
|
||||||
|
### 🔧 How-To Guides (16 Task-Specific Solutions)
|
||||||
|
|
||||||
|
#### Project & Workflow Integration (4 guides)
|
||||||
|
|
||||||
|
**1. How to Maintain Context Across Long-Term Projects**
|
||||||
|
**File:** `/intermediate/how-to/maintain-context.mdx`
|
||||||
|
- Context preservation strategies
|
||||||
|
- Session handoff protocols
|
||||||
|
- Project state documentation
|
||||||
|
- Context reconstruction methods
|
||||||
|
|
||||||
|
**2. How to Hand Off Work Between Sessions**
|
||||||
|
**File:** `/intermediate/how-to/handoff-work-sessions.mdx`
|
||||||
|
- Session continuity techniques
|
||||||
|
- Progress documentation patterns
|
||||||
|
- Momentum preservation methods
|
||||||
|
- Workflow consistency approaches
|
||||||
|
|
||||||
|
**3. How to Integrate Claude into Existing Workflows**
|
||||||
|
**File:** `/intermediate/how-to/integrate-workflows-tools.mdx`
|
||||||
|
- Workflow integration patterns
|
||||||
|
- Tool compatibility strategies
|
||||||
|
- Process optimization techniques
|
||||||
|
- Change management for AI adoption
|
||||||
|
|
||||||
|
**4. How to Collaborate on Iterative Design and Development**
|
||||||
|
**File:** `/intermediate/how-to/iterative-design-development.mdx`
|
||||||
|
- Iterative collaboration frameworks
|
||||||
|
- Feedback loop optimization
|
||||||
|
- Version management strategies
|
||||||
|
- Progressive refinement techniques
|
||||||
|
|
||||||
|
#### Advanced Communication (4 guides)
|
||||||
|
|
||||||
|
**5. How to Teach Claude Your Company's Style Guide**
|
||||||
|
**File:** `/intermediate/how-to/company-style-guides.mdx`
|
||||||
|
- Style guide documentation techniques
|
||||||
|
- Standard enforcement strategies
|
||||||
|
- Consistency maintenance approaches
|
||||||
|
- Organization-specific adaptation
|
||||||
|
|
||||||
|
**6. How to Have Meta-Conversations About Improving Collaboration**
|
||||||
|
**File:** `/intermediate/how-to/meta-conversations.mdx`
|
||||||
|
- Meta-conversation frameworks
|
||||||
|
- Collaboration assessment techniques
|
||||||
|
- Improvement identification methods
|
||||||
|
- Relationship optimization strategies
|
||||||
|
|
||||||
|
**7. How to Debug Advanced Conversations Gone Wrong**
|
||||||
|
**File:** `/intermediate/how-to/debug-advanced-conversations.mdx`
|
||||||
|
- Advanced troubleshooting methods
|
||||||
|
- Conversation recovery strategies
|
||||||
|
- Problem identification frameworks
|
||||||
|
- Correction and realignment approaches
|
||||||
|
|
||||||
|
**8. How to Balance Human Intuition with AI Analysis**
|
||||||
|
**File:** `/intermediate/how-to/balance-human-ai-judgment.mdx`
|
||||||
|
- Human-AI decision frameworks
|
||||||
|
- Intuition vs analysis assessment
|
||||||
|
- Complementary strength utilization
|
||||||
|
- Balanced judgment development
|
||||||
|
|
||||||
|
#### Specialized Applications (5 guides)
|
||||||
|
|
||||||
|
**9. How to Use Claude for Complex Problem Decomposition**
|
||||||
|
**File:** `/intermediate/how-to/complex-problem-decomposition.mdx`
|
||||||
|
- Complex problem analysis
|
||||||
|
- Decomposition strategies
|
||||||
|
- Systematic approach development
|
||||||
|
- Collaborative problem-solving frameworks
|
||||||
|
|
||||||
|
**10. How to Collaborate on Technical Documentation**
|
||||||
|
**File:** `/intermediate/how-to/technical-documentation.mdx`
|
||||||
|
- Technical documentation strategies
|
||||||
|
- Accuracy verification methods
|
||||||
|
- Collaborative writing workflows
|
||||||
|
- Documentation quality assurance
|
||||||
|
|
||||||
|
**11. How to Do Advanced Fact-Checking and Source Validation**
|
||||||
|
**File:** `/intermediate/how-to/advanced-fact-checking.mdx`
|
||||||
|
- Advanced verification methodologies
|
||||||
|
- Source reliability assessment
|
||||||
|
- Cross-reference techniques
|
||||||
|
- Information validation frameworks
|
||||||
|
|
||||||
|
**12. How to Use Claude for Strategic Thinking and Decision Support**
|
||||||
|
**File:** `/intermediate/how-to/strategic-thinking-support.mdx`
|
||||||
|
- Strategic analysis methodologies
|
||||||
|
- Decision support systems
|
||||||
|
- Planning collaboration techniques
|
||||||
|
- Strategic thinking partnerships
|
||||||
|
|
||||||
|
**13. How to Facilitate Group Discussions and Workshops**
|
||||||
|
**File:** `/intermediate/how-to/facilitate-group-discussions.mdx`
|
||||||
|
- Group facilitation techniques
|
||||||
|
- Workshop design methodologies
|
||||||
|
- Team collaboration enhancement
|
||||||
|
- Collective decision-making support
|
||||||
|
|
||||||
|
#### Domain-Specific Collaboration (4 guides)
|
||||||
|
|
||||||
|
**14. How to Collaborate on Research and Academic Work**
|
||||||
|
**File:** `/intermediate/how-to/research-academic-work.mdx`
|
||||||
|
- Academic research methodologies
|
||||||
|
- Scholarly collaboration techniques
|
||||||
|
- Research documentation standards
|
||||||
|
- Academic writing partnerships
|
||||||
|
|
||||||
|
**15. How to Use Claude for Business Strategy and Planning**
|
||||||
|
**File:** `/intermediate/how-to/business-strategy-planning.mdx`
|
||||||
|
- Business strategy development
|
||||||
|
- Strategic planning frameworks
|
||||||
|
- Market analysis collaboration
|
||||||
|
- Business decision support
|
||||||
|
|
||||||
|
**16. How to Work Together on Complex Creative Projects**
|
||||||
|
**File:** `/intermediate/how-to/complex-creative-projects.mdx`
|
||||||
|
- Complex creative methodologies
|
||||||
|
- Artistic collaboration frameworks
|
||||||
|
- Creative project management
|
||||||
|
- Sustained creative partnerships
|
||||||
|
|
||||||
|
**17. How to Leverage Claude for Learning and Skill Development**
|
||||||
|
**File:** `/intermediate/how-to/learning-skill-development.mdx`
|
||||||
|
- Advanced learning methodologies
|
||||||
|
- Skill development strategies
|
||||||
|
- Knowledge acquisition techniques
|
||||||
|
- Learning partnership optimization
|
||||||
|
|
||||||
|
### 🧠 Explanations (6 Deep Concepts)
|
||||||
|
|
||||||
|
#### 1. The Psychology of Extended AI Partnership
|
||||||
|
**File:** `/intermediate/explanations/extended-partnership.mdx`
|
||||||
|
- Evolution of AI collaboration relationships
|
||||||
|
- Trust and dependency patterns
|
||||||
|
- Long-term collaboration psychology
|
||||||
|
- Maintaining healthy AI partnerships
|
||||||
|
|
||||||
|
#### 2. Context Architecture for Complex Collaboration
|
||||||
|
**File:** `/intermediate/explanations/context-architecture.mdx`
|
||||||
|
- Information architecture principles
|
||||||
|
- Context organization strategies
|
||||||
|
- Complex project structuring
|
||||||
|
- Long-term information management
|
||||||
|
|
||||||
|
#### 3. Cognitive Load Balancing in AI Collaboration
|
||||||
|
**File:** `/intermediate/explanations/cognitive-load-balancing.mdx`
|
||||||
|
- Cognitive load theory in AI collaboration
|
||||||
|
- Optimal task distribution strategies
|
||||||
|
- Human vs AI cognitive strengths
|
||||||
|
- Balanced partnership frameworks
|
||||||
|
|
||||||
|
#### 4. The Spectrum of AI Collaboration Styles
|
||||||
|
**File:** `/intermediate/explanations/collaboration-spectrum.mdx`
|
||||||
|
- Collaboration style taxonomy
|
||||||
|
- Mode selection strategies
|
||||||
|
- Relationship evolution patterns
|
||||||
|
- Partnership optimization techniques
|
||||||
|
|
||||||
|
#### 5. Failure Modes in Advanced Collaboration
|
||||||
|
**File:** `/intermediate/explanations/failure-modes.mdx`
|
||||||
|
- Common advanced collaboration failures
|
||||||
|
- High-stakes error patterns
|
||||||
|
- Prevention strategies
|
||||||
|
- Recovery methodologies
|
||||||
|
|
||||||
|
#### 6. Building AI-Augmented Workflows
|
||||||
|
**File:** `/intermediate/explanations/ai-augmented-workflows.mdx`
|
||||||
|
- Workflow design principles
|
||||||
|
- Human-AI integration strategies
|
||||||
|
- Process optimization techniques
|
||||||
|
- Augmented productivity systems
|
||||||
|
|
||||||
|
### ⚡ Advanced Reference (1 Comprehensive Guide)
|
||||||
|
|
||||||
|
**Power-User Techniques and Templates**
|
||||||
|
**File:** `/intermediate/reference/index.mdx`
|
||||||
|
**Content Areas:**
|
||||||
|
- Advanced prompting patterns and conversation architectures
|
||||||
|
- Template library for complex project types
|
||||||
|
- Troubleshooting guide for sophisticated collaboration failures
|
||||||
|
- Integration patterns for different tools and workflows
|
||||||
|
- Meta-prompts for analyzing and improving collaboration patterns
|
||||||
|
|
||||||
|
## Development Priorities
|
||||||
|
|
||||||
|
### Phase 1: Foundation (Start Here)
|
||||||
|
1. **Multi-Session Project Management Tutorial** - Core advanced skill
|
||||||
|
2. **How to Maintain Context** - Essential supporting skill
|
||||||
|
3. **Extended Partnership Psychology** - Conceptual foundation
|
||||||
|
|
||||||
|
### Phase 2: Collaboration Sophistication
|
||||||
|
1. **Teaching Your Domain Tutorial** - Domain expertise transfer
|
||||||
|
2. **Meta-Conversations How-To** - Self-improvement loops
|
||||||
|
3. **Context Architecture Explanation** - Advanced understanding
|
||||||
|
|
||||||
|
### Phase 3: Specialized Applications
|
||||||
|
1. **Complex Problem Decomposition How-To** - High-value skill
|
||||||
|
2. **Strategic Thinking Support How-To** - Business application
|
||||||
|
3. **Collaboration Spectrum Explanation** - Advanced framework
|
||||||
|
|
||||||
|
### Phase 4: Professional Integration
|
||||||
|
1. **Advanced Reference Guide** - Comprehensive resource
|
||||||
|
2. **AI-Augmented Workflows Explanation** - Systematic approach
|
||||||
|
3. **Failure Modes Explanation** - Risk management
|
||||||
|
|
||||||
|
## Content Development Guidelines
|
||||||
|
|
||||||
|
### Tone & Voice (Maintain Consistency)
|
||||||
|
- More sophisticated than beginners but still conversational
|
||||||
|
- Assume familiarity with basic AI collaboration
|
||||||
|
- Focus on nuance, optimization, and advanced techniques
|
||||||
|
- Include real-world, complex examples
|
||||||
|
- Address professional/business contexts more frequently
|
||||||
|
|
||||||
|
### Component Usage Patterns
|
||||||
|
- Use `Steps` for complex processes with multiple phases
|
||||||
|
- Use `Tabs` for comparing different approaches or methods
|
||||||
|
- Use `CardGrid` for organizing sophisticated concepts
|
||||||
|
- Use `Asides` for advanced tips and warnings about edge cases
|
||||||
|
- Use `Code` blocks for complex conversation examples and templates
|
||||||
|
|
||||||
|
### Example Complexity Level
|
||||||
|
- Multi-paragraph conversation examples
|
||||||
|
- Real project scenarios (redacted for privacy)
|
||||||
|
- Industry-specific applications
|
||||||
|
- Long-term relationship development examples
|
||||||
|
- Failure and recovery scenarios
|
||||||
|
|
||||||
|
This intermediate guide will serve users who've mastered basic AI collaboration and are ready to build sophisticated, professional-level partnerships with AI for complex, important work.
|
@ -1,115 +1,123 @@
|
|||||||
# How to Talk to Claude - Starlight Website Project Context
|
# "How to Talk to Claude" Project Context & Style Guide
|
||||||
*Session Context Dump - Continue from here*
|
|
||||||
|
|
||||||
## 🎯 PROJECT STATUS: 85% COMPLETE
|
## Project Overview
|
||||||
|
|
||||||
### ✅ WHAT'S WORKING PERFECTLY
|
**Project Name:** How to Talk to Claude - A Comprehensive AI Collaboration Guide
|
||||||
- **Fresh Starlight installation** at `/home/user/claude/how-to-ai-fresh/`
|
**Current Location:** `/home/user/claude/how-to-ai-fresh/`
|
||||||
- **Development server running** on `http://localhost:4321`
|
**Development Server:** `http://localhost:4321`
|
||||||
- **Complete site structure** with proper navigation, styling, and configuration
|
**Technology Stack:** Astro + Starlight with custom CSS and full component system
|
||||||
- **All 3 Tutorials** fully restored with complete content
|
|
||||||
- **3 Key How-To Guides** restored: "Ask When Uncertain", "Fact-Check", "Persona Prompts"
|
|
||||||
- **Introduction page** complete and working
|
|
||||||
- **Quick Reference page** with fixed anchor links and full content
|
|
||||||
- **Homepage** with proper navigation cards
|
|
||||||
- **Custom styling** that enhances conversational voice
|
|
||||||
- **Astro v5.11.0** with latest Starlight - no more head parsing errors
|
|
||||||
|
|
||||||
### ⏳ WHAT NEEDS RESTORATION (Content exists, just needs copying)
|
## Project Philosophy & Tone
|
||||||
**10 How-To Guides missing content:**
|
|
||||||
- `/how-to/match-tone-style.md` (frontmatter only)
|
|
||||||
- `/how-to/fix-misunderstandings.md` (frontmatter only)
|
|
||||||
- `/how-to/avoid-walls-of-text.md` (frontmatter only)
|
|
||||||
- `/how-to/get-useful-sources.md` (frontmatter only)
|
|
||||||
- `/how-to/research-unfamiliar-topics.md` (frontmatter only)
|
|
||||||
- `/how-to/organize-information.md` (frontmatter only)
|
|
||||||
- `/how-to/brainstorm-comfortably.md` (frontmatter only)
|
|
||||||
- `/how-to/get-helpful-feedback.md` (frontmatter only)
|
|
||||||
- `/how-to/personal-decisions.md` (frontmatter only)
|
|
||||||
- `/how-to/maintain-voice-writing.md` (frontmatter only)
|
|
||||||
|
|
||||||
**4 Explanations missing content:**
|
### Core Voice & Style
|
||||||
- `/explanations/conversations-vs-commands.md` (frontmatter only)
|
- **Conversational and human-centered** - Written like explaining to a friend, not a manual
|
||||||
- `/explanations/psychology-collaboration.md` (frontmatter only)
|
- **Experience-driven** - Focus on actual collaboration experiences, not just theory
|
||||||
- `/explanations/how-claude-thinks.md` (frontmatter only)
|
- **Problem-focused** - Address real frustrations people have with AI
|
||||||
- `/explanations/making-ai-work-for-life.md` (frontmatter only)
|
- **Inclusive and accessible** - Examples work across different tech backgrounds
|
||||||
|
- **Psychologically aware** - Acknowledge emotional aspects of learning AI collaboration
|
||||||
|
- **Authentic over generic** - Avoid typical "AI prompt" advice, focus on genuine partnership
|
||||||
|
|
||||||
### 📂 KEY LOCATIONS
|
### Content Approach
|
||||||
- **Working site**: `/home/user/claude/how-to-ai-fresh/`
|
- **No jargon or technical complexity** unless absolutely necessary
|
||||||
- **Original content**: `/home/user/claude/how-to-ai/` (all source files intact)
|
- **Conversational examples** over formal templates
|
||||||
- **Dev server**: `npm run dev` in `/home/user/claude/how-to-ai-fresh/`
|
- **Personal anecdotes** and relatable analogies (AIM, texting, coffee shop interactions)
|
||||||
- **Site URL**: `http://localhost:4321`
|
- **Honest about limitations** - acknowledge when things don't work
|
||||||
|
- **Practical and immediately useful** - every section provides actionable value
|
||||||
|
|
||||||
### 🔧 RESTORATION PROCESS
|
## Content Framework: Diataxis Implementation
|
||||||
Content restoration involves:
|
|
||||||
1. Reading original file: `/home/user/claude/how-to-ai/[XX-filename].md`
|
|
||||||
2. Extracting content after frontmatter (skip first ~5 lines)
|
|
||||||
3. Converting internal links to new structure (TABLE-OF-CONTENTS.md → /, etc.)
|
|
||||||
4. Writing to: `/home/user/claude/how-to-ai-fresh/src/content/docs/[category]/[filename].md`
|
|
||||||
5. Preserving frontmatter format:
|
|
||||||
```yaml
|
|
||||||
---
|
|
||||||
title: "Title Here"
|
|
||||||
description: "Description here"
|
|
||||||
---
|
|
||||||
```
|
|
||||||
|
|
||||||
### 📋 FILE MAPPING (for restoration)
|
We use the **Diataxis documentation framework** with four distinct content types:
|
||||||
Original → Target:
|
|
||||||
- `06-howto-match-tone-style.md` → `how-to/match-tone-style.md`
|
|
||||||
- `07-howto-fix-misunderstandings.md` → `how-to/fix-misunderstandings.md`
|
|
||||||
- `09-howto-avoid-walls-of-text.md` → `how-to/avoid-walls-of-text.md`
|
|
||||||
- `10-howto-get-useful-sources.md` → `how-to/get-useful-sources.md`
|
|
||||||
- `11-howto-brainstorm-comfortably.md` → `how-to/brainstorm-comfortably.md`
|
|
||||||
- `12-howto-research-unfamiliar-topics.md` → `how-to/research-unfamiliar-topics.md`
|
|
||||||
- `17-howto-organize-information.md` → `how-to/organize-information.md`
|
|
||||||
- `18-howto-get-helpful-feedback.md` → `how-to/get-helpful-feedback.md`
|
|
||||||
- `19-howto-personal-decisions.md` → `how-to/personal-decisions.md`
|
|
||||||
- `20-howto-maintain-voice-writing.md` → `how-to/maintain-voice-writing.md`
|
|
||||||
- `13-explanation-conversations-vs-commands.md` → `explanations/conversations-vs-commands.md`
|
|
||||||
- `14-explanation-psychology-collaboration.md` → `explanations/psychology-collaboration.md`
|
|
||||||
- `15-explanation-how-claude-thinks.md` → `explanations/how-claude-thinks.md`
|
|
||||||
- `16-explanation-making-ai-work-for-life.md` → `explanations/making-ai-work-for-life.md`
|
|
||||||
|
|
||||||
### 🎨 DESIGN & CONFIGURATION
|
### 🎓 Tutorials (Learning-oriented)
|
||||||
- **Astro config**: `/home/user/claude/how-to-ai-fresh/astro.config.mjs` - complete sidebar navigation
|
- **Purpose:** Step-by-step experiences that build confidence through practice
|
||||||
- **Custom CSS**: `/home/user/claude/how-to-ai-fresh/src/styles/custom.css` - conversational styling
|
- **User mindset:** "I want to learn by doing"
|
||||||
- **Site title**: "How to Talk to Claude"
|
- **Structure:** Guided experiences with actual conversations
|
||||||
- **Diátaxis framework**: Maintained with proper content separation
|
- **Voice:** Encouraging, supportive, "let's try this together"
|
||||||
- **Navigation badges**: Working (3 guides, 13 guides, 4 guides, etc.)
|
|
||||||
|
|
||||||
### ⚠️ ISSUES RESOLVED
|
### 🔧 How-To Guides (Task-oriented)
|
||||||
- **Head parsing error**: Fixed by using fresh Starlight installation
|
- **Purpose:** Solutions for specific problems users face right now
|
||||||
- **YAML frontmatter issues**: Resolved with clean format
|
- **User mindset:** "I have a specific problem to solve"
|
||||||
- **Anchor links in reference**: Fixed to use standard markdown headings
|
- **Structure:** Problem → Solution → Examples → Links to related content
|
||||||
- **Empty pages**: Pattern identified - content needs systematic restoration
|
- **Voice:** Direct, practical, "here's how to fix this"
|
||||||
- **Import statements showing**: Cleaned up in introduction page
|
|
||||||
|
|
||||||
### 🚀 NEXT STEPS
|
### 🧠 Explanations (Understanding-oriented)
|
||||||
1. **Continue systematic content restoration** (~10-15 minutes to complete all)
|
- **Purpose:** Principles and psychology behind effective AI collaboration
|
||||||
2. **Test all internal links** work properly
|
- **User mindset:** "I want to understand why this works"
|
||||||
3. **Build for production**: `npm run build`
|
- **Structure:** Concept → Psychology → Examples → Implications
|
||||||
4. **Deploy options ready**: GitHub Pages, Netlify, Vercel configurations included
|
- **Voice:** Thoughtful, exploratory, "here's what's happening underneath"
|
||||||
|
|
||||||
### 🎯 FINAL GOAL
|
### ⚡ Quick Reference (Information-oriented)
|
||||||
Complete, professional documentation website that:
|
- **Purpose:** Conversation starters, troubleshooting, emergency fixes
|
||||||
- Preserves all original conversational voice and content
|
- **User mindset:** "I need something fast"
|
||||||
- Provides modern, accessible, responsive design
|
- **Structure:** Scannable, organized by problem type, lots of templates
|
||||||
- Supports multiple learning paths (tutorials, how-to, explanations, reference)
|
- **Voice:** Concise, organized, "bookmark this for when you need it"
|
||||||
- Ready for deployment and sharing
|
|
||||||
|
|
||||||
---
|
## Component Usage Standards
|
||||||
|
|
||||||
## 💬 CONTINUATION PROMPT
|
**Visual Hierarchy:**
|
||||||
|
- Use `CardGrid` for feature organization and comparisons
|
||||||
|
- Use `Tabs` for before/after examples and alternatives
|
||||||
|
- Use `Code` blocks for conversation examples with context
|
||||||
|
- Use `Asides` for tips, warnings, insights (4 types: note, tip, caution, danger)
|
||||||
|
- Use `Steps` for sequential processes and workflows
|
||||||
|
- Use `LinkCards` for enhanced navigation between guides
|
||||||
|
- Use `Badges` for visual indicators and status
|
||||||
|
|
||||||
**To continue this work, use this prompt:**
|
**Content Enhancement Patterns:**
|
||||||
|
- Start sections with clear `Aside` callouts for key insights
|
||||||
|
- Use `Tabs` to show contrasts (good vs bad examples)
|
||||||
|
- Group related information in `Card` layouts
|
||||||
|
- End sections with `LinkCard` navigation to related content
|
||||||
|
- Use `Code` blocks for all conversation templates and examples
|
||||||
|
|
||||||
"I'm continuing work on converting the 'How to Talk to Claude - for Humans' guide into a Starlight website. The project is 85% complete with a working site at `/home/user/claude/how-to-ai-fresh/` running on `http://localhost:4321`.
|
## Current Project Status
|
||||||
|
|
||||||
All 3 tutorials, introduction, quick reference, and 3 key how-to guides are complete. I need to restore content for the remaining 10 How-To guides and 4 Explanations - they currently only have frontmatter.
|
### ✅ Complete Sections (Beginners Guide)
|
||||||
|
- **3 Tutorials:** First conversation, messy ideas, creative collaboration
|
||||||
|
- **13 How-To Guides:** Organized into Communication & Style, Information & Research, Creative & Personal, Advanced Techniques
|
||||||
|
- **4 Explanations:** Conversations vs commands, psychology, how Claude thinks, making AI work for life
|
||||||
|
- **1 Quick Reference:** Comprehensive conversation starters and troubleshooting
|
||||||
|
|
||||||
The original content is in `/home/user/claude/how-to-ai/` and needs to be copied to the Starlight site with proper formatting and link conversion. The site structure, navigation, and styling are all working perfectly.
|
### 🚀 Framework Ready (Intermediate Guide)
|
||||||
|
- **Complete structure** with 27 content placeholders
|
||||||
|
- **5 Tutorial outlines** for advanced collaboration
|
||||||
|
- **16 How-To Guide outlines** organized into 4 categories
|
||||||
|
- **6 Explanation outlines** for sophisticated concepts
|
||||||
|
- **1 Advanced Reference outline** for power users
|
||||||
|
|
||||||
Please help me systematically restore the remaining content to complete this documentation website."
|
### 🎨 Technical Implementation
|
||||||
|
- **All 54 content files** converted to MDX format with component support
|
||||||
|
- **Complete Starlight integration** with custom CSS and navigation
|
||||||
|
- **Logo integration** and professional branding
|
||||||
|
- **All internal links** properly functioning with /beginners/ prefix
|
||||||
|
- **Two-tier navigation** system (Beginners/Intermediate)
|
||||||
|
|
||||||
**Context file created**: `/home/user/claude/how-to-ai-fresh/PROJECT-CONTEXT.md`
|
## Git Commit History
|
||||||
|
- `5da77a3` - Initial complete conversion (11,697 lines)
|
||||||
|
- `0d6fea5` - Homepage title fix
|
||||||
|
- `fab2254` - Major restructure into two guides
|
||||||
|
- `2925a43` - Logo branding enhancement
|
||||||
|
- `428a3a4` - Complete Intermediate Guide outline (27 placeholders)
|
||||||
|
- `ad62547` - Enable Starlight components (54 files converted to MDX)
|
||||||
|
- `91225f7` - Enhanced Introduction & Ask When Uncertain pages
|
||||||
|
- `97de83f` - Transformed Quick Reference (+374 lines of rich components)
|
||||||
|
- `907364b` - Repair all internal links after /beginners/ restructure
|
||||||
|
|
||||||
|
## Key Success Patterns
|
||||||
|
|
||||||
|
### Content Enhancement Strategy
|
||||||
|
1. **Start with most-visited content** (homepage, introduction, popular how-to guides)
|
||||||
|
2. **Use components strategically** - enhance scannability and engagement
|
||||||
|
3. **Maintain conversational voice** while adding visual structure
|
||||||
|
4. **Create clear navigation paths** between related content
|
||||||
|
5. **Focus on user problems** rather than technical features
|
||||||
|
|
||||||
|
### Component Integration Best Practices
|
||||||
|
- Import components at top of each enhanced file
|
||||||
|
- Use `CardGrid` for organizing multiple related concepts
|
||||||
|
- Use `Tabs` for showing different approaches or examples
|
||||||
|
- Use `Asides` for important callouts and tips
|
||||||
|
- End sections with `LinkCard` navigation to related content
|
||||||
|
- Always maintain the human, conversational tone within component structure
|
||||||
|
|
||||||
|
This approach has transformed basic markdown content into professional, interactive documentation while preserving the authentic, human-centered voice that makes this guide special.
|
||||||
|
Loading…
x
Reference in New Issue
Block a user