Skip to content

michael-borck/style-mirror

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

17 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Style Mirror

client-side communication-tools conversation-analysis frontend html javascript style-analysis text-processing web-app writing-analysis

AI-powered writing style analyzer and content generator. Paste your writing, extract your "Style DNA", then generate new content that matches your voice.

Try it live

How It Works

The app follows a three-column workflow: Source → Style DNA → Generate.

Step 1: The Source

Choose one of five tabs to define your writing style (the icon row at the top of the first column):

Tab Icon What it does
Analyze Search Paste an existing piece of your writing (email, essay, blog post) and the AI extracts your style
Quick Write Pencil Respond to a writing prompt so the AI can study your voice from scratch
Questionnaire Checklist No AI needed — use sliders to set tone (serious↔humorous) and formality (casual↔academic)
Mimic People Pick a famous writer or character (Hemingway, Oscar Wilde, Rick Sanchez...) and the AI builds their style profile
Presets Template One-click profiles for common styles: Academic, Marketing, or Storyteller

Step 2: Style DNA

The middle column shows your extracted style profile — tone, structure, vocabulary, grammar, and quirks. Every field is editable, so you can tweak it before generating.

Step 3: Generate

Pick a topic and format (paragraph, email, blog post, essay, or tweet) and hit Generate. The AI writes content matching your style profile. Copy or download the result.

Supported LLM Providers

Style Mirror is provider-agnostic. Configure your preferred backend in the app:

Provider API Key Notes
Google Gemini Required Free tier at ai.google.dev
Ollama (local) None Free & private. Run OLLAMA_ORIGINS=* ollama serve for CORS
OpenAI-compatible Varies Works with Groq (free tier), Together.ai, LM Studio, etc.

Configuration is saved to localStorage so you don't re-enter it each visit.

Setup

No build step. It's a single HTML file.

GitHub Pages: Enable Pages in your repo settings (Settings > Pages > deploy from main). Done.

Local:

git clone https://github.com/michael-borck/style-mirror.git
open style-mirror/index.html

Tech Stack

  • Single static HTML file — no backend, no build tools
  • Tailwind CSS (CDN) — styling
  • Lucide Icons — iconography
  • Marked.js — markdown rendering
  • Space Grotesk + JetBrains Mono — typography
  • Neobrutalist design system

License

MIT — see LICENSE for details.

Releases

No releases published

Packages

 
 
 

Contributors

Languages