A context-aware, AI-powered document editor that understands your content and provides intelligent assistance throughout your writing process.
SmartDocs is a sophisticated document editing platform that harnesses multiple state-of-the-art AI models to create an intuitive, context-aware writing environment. Similar to Cursor's intelligent coding experience, SmartDocs understands your document's context and provides real-time, relevant assistance for content creation, editing, and enhancement.
- Multi-Model AI Integration: Leverages multiple AI models for specialized tasks
- Context-Aware Assistance: Understands document structure and content context
- Intelligent Code Handling: Special support for technical documentation
- Smart Formatting: AI-powered formatting suggestions based on content type
- Semantic Search: Find relevant content across your documents instantly
- Rich Text Editing: Full-featured WYSIWYG editor with professional formatting
- Real-time AI Suggestions: Contextual writing improvements as you type
- Smart Templates: AI-generated document templates based on your needs
- Version Control: Track changes with intelligent diff highlighting
- Collaborative Features: Real-time collaboration with AI assistance
SmartDocs is built using a modern technology stack:
- UI Components: KendoReact (Enterprise-grade React UI)
- AI Integration: Anthropic Claude via API
- Framework: Next.js (React-based framework)
- Styling: Tailwind CSS for utility-first styling
- TypeScript: For type safety and developer experience
SmartDocs leverages KendoReact's rich component library to deliver a professional document editing experience:
AppBar – Used as the main navigation Avatar – Displays the user profile in the header Button – Drives interactions across the UI Card – Showcases document previews Dialog – For File upload Modal Drawer – Hosts the sliding AI assistant panel DropDownList – Allows users to select and configure document's page and format Input – Used for titles and AI prompt fields Popup – Powers context menus like user's dropdown and page configuration Splitter – Enables resizable layout between the editor and AI panel Tooltip – Provides helpful context and in-app guidance
- Editor: Rich text editing with comprehensive formatting tools
SmartDocs follows a modular architecture:
- Document Editor: Core editing experience using KendoReact Editor
- AI Sidebar: Interface for interacting with Claude AI
- API Layer: Backend services for AI communication and document processing
- State Management: React state hooks for application state
- Component Library: Custom and KendoReact components
SmartDocs leverages multiple AI models for specialized tasks:
- Content Generation: Advanced language models for high-quality writing
- Code Understanding: Specialized models for technical content
- Context Analysis: AI-powered document structure understanding
- Smart Formatting: Intelligent layout and styling suggestions
- Research Assistant: AI-powered fact-checking and reference gathering
- Context Understanding: AI continuously analyzes your document's content and structure
- Intelligent Suggestions: Receives contextual recommendations for improvements
- Code-Aware: Special handling for code blocks and technical content
- Smart Formatting: Automatic formatting suggestions based on content type
- Version Management: AI-powered diff tracking and change management
- Node.js 16+
- NPM or Yarn
- Anthropic API key
- Clone the repository
git clone https://github.com/your-username/smart-docs.git
cd smart-docs- Install dependencies
npm install
# or
yarn- Set up environment variables
# Create a .env file with your Anthropic API key
ANTHROPIC_API_KEY=your_api_key_here- Start the development server
npm run dev
# or
yarn dev- Open http://localhost:3000 in your browser
- Creating a Document: Click "New Document" on the home page
- Editing Content: Use the rich text editor to write and format
- AI Assistance: Type prompts in the AI sidebar to get help
- Reviewing Changes: Accept or reject AI suggestions
- Saving Work: Click "Save" to store your document
SmartDocs extends KendoReact with custom components:
- AISidebar: Specialized interface for AI interaction
- DocumentToolbar: Context-aware editing tools
- ProgressBar: Enhanced loading indicator for AI processes
- AppBar: Navigation and document management header
- Integration with additional specialized AI models
- Enhanced context awareness capabilities
- Advanced technical documentation features
- Real-time collaboration improvements
- Mobile-first experience
- Offline capabilities with local AI processing
Contributions are welcome! Please feel free to submit a Pull Request.
This project is licensed under the MIT License - see the LICENSE file for details.
- KendoReact for the powerful UI components
- Anthropic for Claude AI capabilities
- Next.js team for the React framework
- All open-source contributors