Skip to main content

Documentation Index

Fetch the complete documentation index at: https://mintlify.com/thePrnvBot/dispel-web-stylist/llms.txt

Use this file to discover all available pages before exploring further.

Dispel is a browser extension that lets you restyle any webpage by describing what you want in plain English. Type a prompt, watch CSS stream into the page live, then iterate, save, and reapply your styles on every return visit — no DevTools or manual CSS required.

Quickstart

Install Dispel, add an API key, and style your first webpage in minutes.

How It Works

Understand the AI pipeline that turns prompts into live CSS.

Providers & Models

Connect OpenAI, Anthropic, Google, OpenRouter, or any local model.

Element Picker

Click any element on the page to target it precisely.

What Dispel does

When you submit a prompt, Dispel extracts the visible HTML of your current viewport, sends it alongside your prompt and page context to your configured AI provider, and streams the resulting CSS back — applying it to the page token by token. Styles accumulate as a draft and can be saved to a per-site prompt history that reapplies automatically on future visits.

Natural Language

Describe any design change in plain English — “make the headings purple with a bold underline” or “convert this to a dark theme.”

Live Streaming

CSS streams into the page as the model writes it, so you see changes take shape before generation completes.

Iterative Drafts

Each prompt adds a new turn to an active draft. Refine freely; save when you’re happy.

Element Picker

Click any element on the page to hand its HTML directly to the model as a targeting hint.

Multi-Provider

Works with OpenAI, Anthropic, Google, OpenRouter, Ollama, and any OpenAI-compatible endpoint.

Style Memory

Saved styles reapply automatically whenever you return to that site.

Get started

1

Install the extension

Install Dispel from the Chrome Web Store or Firefox Add-ons.
2

Add an API key

Open the Dispel side panel, go to Settings → Models, and add an API key for at least one provider.
3

Style a webpage

Navigate to any page, open the side panel, and type a prompt describing the change you want.
4

Save your styles

Happy with the result? Hit Save to add the styles to your prompt history. They’ll reapply automatically next time you visit.
Dispel stores all data — API keys, prompt history, generated CSS — locally in your browser. Nothing is sent anywhere except to the AI provider you configure. See the Privacy Policy for full details.

Build docs developers (and LLMs) love