Free Tools

9 tools, no signup required to use any of them. Three built specifically for Claude Code work, six for general front-end/SEO tasks.

Built for Claude Code

Cost Estimator

Estimate what a real task might cost, by scope and session pattern.

CLAUDE.md Generator

A real starting CLAUDE.md file, based on your project type.

First Task Picker

3 questions, one real scoped suggestion — not a generic list.

General Dev & SEO Tools

Meta Tag Generator

Title, description, Open Graph, and Twitter Card tags, with a live preview.

CSS Gradient Generator

Build and copy gradient CSS visually.

Box-Shadow Generator

Layer and copy box-shadow CSS visually.

Color Contrast Checker

WCAG AA/AAA contrast checking for any color pair.

JSON Formatter

Format and validate JSON instantly.

Glassmorphism Generator

Blur, transparency, and border CSS for the glass effect.