Sift

Drop files to get AI-powered summaries with key points, action items, and insights.

---

Features

• Drag & Drop — Drop any file onto the app to analyze
• Multiple Formats — PDF, text, code, markdown, and images
• Structured Output — Summary, key points, action items, insights
• History — Past summaries saved locally
• Dark Mode — Light and dark themes

Quick Start

# Install and run
npm install
npm run dev

Open http://localhost:5173

Setup

1. Click the Settings icon (gear) in the header
2. Enter your Anthropic API key
3. Drop a file to summarize

Supported Files

Type	Extensions
Text	.txt, .md, .json, .xml, .csv
Code	.js, .ts, .py, .go, .rs, etc.
PDF	.pdf
Images	.png, .jpg, .gif, .webp

Output Format

Each summary includes:

• Summary — 2-3 sentence overview
• Key Points — Main facts and concepts
• Action Items — Tasks or next steps
• Insights — Notable observations

Scripts

npm run dev        # Development server
npm run build      # Production build
npm test           # Run tests
npm run lint       # Lint code

Tech Stack

• React 19 + TypeScript
• Vite — Build tool
• PDF.js — PDF parsing
• Claude API — AI summarization
• Vitest — Testing

Project Structure

src/
├── components/
│   ├── DropZone/       # File upload area
│   ├── Header/         # App header + theme
│   ├── HistoryPanel/   # Past summaries
│   ├── SettingsModal/  # API key config
│   └── SummaryCard/    # Result display
├── context/            # State management
├── services/           # API + file parsing
└── styles/             # Theme + globals

License

MIT