# DevFlowAI

> Free, open-source developer toolkit with 20 browser-based tools for AI development. No login, no API keys, no cost. Privacy-first, local-first. Available in 8 languages.

- Version: 4.21.0
- Updated: 2026-03-10
- URL: https://devflowai.dev
- Source: https://github.com/albertoguinda/devflow-ai
- License: MIT
- Languages: English, Spanish, French, Portuguese, German, Italian, Chinese, Japanese
- Full documentation: https://devflowai.dev/llms-full.txt

## What is DevFlowAI?

DevFlowAI is a collection of 20 developer productivity tools that run entirely in the browser. All tools work without login, API keys, or server-side processing. AI-enhanced features are optional and use free providers by default. Built with Next.js 16, React 19, TypeScript 5, and Tailwind CSS v4.

## Tool Catalog

### AI-Enhanced Tools (local + optional AI)
1. Prompt Analyzer — Analyze prompt quality, detect injection attacks, optimize for LLMs. Score: clarity, specificity, context, safety. https://devflowai.dev/tools/prompt-analyzer
2. Code Review Assistant — Automated code quality analysis, issue detection, complexity scoring, refactoring suggestions. https://devflowai.dev/tools/code-review
3. API Cost Calculator — Compare AI API costs across OpenAI, Anthropic, Google, Groq. Live pricing, charts, projections. https://devflowai.dev/tools/cost-calculator
4. Token Visualizer — Real-time token counting with js-tiktoken. Color-coded visualization, cost estimation, model comparison. https://devflowai.dev/tools/token-visualizer
5. Context Manager — Build and optimize LLM context windows. Token budgets, priority ordering, XML/JSON export. https://devflowai.dev/tools/context-manager
6. Regex Humanizer — Explain regex in plain language. Generate patterns from descriptions. Real-time tester, railroad diagrams. https://devflowai.dev/tools/regex-humanizer
7. DTO-Matic — JSON to TypeScript interfaces, entities, mappers, Zod schemas. Clean Architecture output. https://devflowai.dev/tools/dto-matic
8. Variable Name Wizard — Generate meaningful variable names from descriptions. 8 naming conventions. Type-aware suggestions. https://devflowai.dev/tools/variable-name-wizard
9. Git Commit Generator — Generate Conventional Commits from diffs. 11 types, scopes, breaking changes. https://devflowai.dev/tools/git-commit-generator

### Local-Only Tools (pure browser, zero network)
10. JSON Formatter — Format, minify, validate JSON. Path extraction, TypeScript generation, diff comparison, tree view. https://devflowai.dev/tools/json-formatter
11. Cron Builder — Visual cron expression builder. Human-readable explanations, next execution preview, export formats. https://devflowai.dev/tools/cron-builder
12. Tailwind Sorter — Sort Tailwind CSS classes by category, remove duplicates, order responsive variants. https://devflowai.dev/tools/tailwind-sorter
13. HTTP Status Finder — Search 55+ HTTP status codes. Code snippets, decision wizard, category filters. https://devflowai.dev/tools/http-status-finder
14. Base64 Encoder/Decoder — Standard and URL-safe Base64. Text, files, images. Batch processing, hex/binary views. https://devflowai.dev/tools/base64
15. UUID Generator — UUID v1/v3/v4/v5/v7. Bulk generation, validation, bit-level inspection, multiple formats. https://devflowai.dev/tools/uuid-generator
16. Hash Generator — MD5, SHA-1, SHA-256, SHA-384, SHA-512. File hashing, HMAC, batch processing. Web Crypto API. https://devflowai.dev/tools/hash-generator
17. JWT Decoder — Decode JWT header/payload/signature. Expiration validation, claim inspection. Never sends tokens to server. https://devflowai.dev/tools/jwt-decoder
18. Color Converter — HEX, RGB, HSL, HSB, CMYK conversion. Color picker, WCAG contrast checker, palette generation. https://devflowai.dev/tools/color-converter
19. Diff Comparer — Side-by-side and unified diff. Line-level and character-level highlighting. Statistics. https://devflowai.dev/tools/diff-comparer
20. Password Generator — Cryptographically secure passwords. Customizable length/charset, passphrase mode, entropy calculation. https://devflowai.dev/tools/password-generator

## Key Capabilities

- **Privacy**: Local-first architecture. All processing in browser. No data sent to servers unless explicit AI feature use.
- **Accessibility**: WCAG AAA compliant (7:1 contrast, 44px touch targets, full keyboard navigation).
- **Multilingual**: Full UI in 8 languages with ~1590 translation keys. AI responds in user's selected language.
- **PWA**: Installable as Progressive Web App. Works offline for local-only tools.
- **Open Source**: MIT license. Full source code on GitHub. Community-driven.
- **AI Backend**: 4-provider fallback chain (Gemini 2.0 Flash, Groq, OpenRouter, Pollinations). BYOK supported. Rate limited: 10 RPM free, 50 RPM BYOK.

## API Endpoints

- `GET /api/health` — Health check, AI provider status
- `POST /api/ai/review` — AI code review
- `POST /api/ai/suggest` — AI suggestions (prompts, variables)
- `POST /api/ai/refine` — AI prompt refinement
- `POST /api/ai/tokenize` — Server-side tokenization
- `POST /api/ai/status` — Provider availability check

## Technical Stack

- Framework: Next.js 16, React 19, React Compiler
- Language: TypeScript 5 (maximum strict, zero `any`)
- Styling: Tailwind CSS v4 + HeroUI v3
- AI: Gemini 2.0 Flash, Groq (Llama), OpenRouter, Pollinations (free fallback)
- Testing: 1780+ unit tests (Vitest), 25 E2E specs (Playwright), axe-core WCAG audits
- CI/CD: 8 GitHub Actions jobs (quality, security, build, a11y, e2e, CodeQL, Semgrep, Lighthouse)
- Architecture: Clean Architecture, 5-layer pattern per tool