Add AI Elements documentation and recall skill

[andrewwashuta]

Summary

This PR adds comprehensive documentation for the AI Elements component library and introduces a persistent memory skill for Claude. The changes include detailed component documentation, usage examples, tutorials, and a memory management system.

Key Changes

AI Elements Documentation

• Component Documentation: Added 30+ component documentation files covering:

  • Chat & Messaging components (Message, Conversation, Response, Loader, Suggestion, Actions)
  • AI-Specific components (Tool, Reasoning, Chain of Thought, Plan, Task, Queue, Artifact)
  • Workflow components (Canvas, Node, Edge, Connection, Toolbar, Panel, Controls)
  • UI Enhancement components (Code Block, Image, Sources, Inline Citation, Confirmation, etc.)
  • Input components (Prompt Input with comprehensive usage examples)

• Example Tutorials: Added three complete tutorial examples:

  • Chatbot: Building a full chat interface with reasoning, web search, and model picker
  • v0 Clone: Creating a code generation interface using v0 Platform API
  • Workflow: Building interactive workflow visualizations with React Flow

• Documentation Infrastructure:

  • INDEX.md: Searchable reference index for all components and examples
  • README.md: Getting started guide with installation instructions
  • SKILL.md: Skill definition for intelligent documentation retrieval
  • introduction.md: Overview of AI Elements library
  • usage.md: General usage patterns
  • troubleshooting.md: Common issues and solutions

Recall Skill

• Memory Management System: Added skills/recall/SKILL.md providing persistent memory across conversations with:
  • Four memory management tools (load_rules, store_memory, search_memory, delete_memory)
  • Activation guidelines for when to use memory
  • Best practices for storing corrections and preferences
  • Integration patterns with code operations

Configuration Updates

• Updated README.md to reflect the new claude-config naming and synced configuration

Notable Implementation Details

• Documentation follows a consistent structure with frontmatter metadata, installation instructions, usage examples, and AI SDK integration patterns
• Component documentation includes both basic usage and advanced examples with the AI SDK
• The skill system enables context-aware documentation retrieval based on component names and AI-native development patterns
• Memory skill provides structured approach to learning from corrections and maintaining consistency across conversations

https://claude.ai/code/session_01PgA5hvNHQbbhh38ggVHJGL