stio

Inspect and restyle any website in real time with an AI styling agent and your own model provider

stio is a conversational AI styling agent for your browser. Describe how you want any website to look or feel, and stio can inspect the current page, understand its structure and existing CSS, optionally use a screenshot, and generate and apply a targeted stylesheet in real time. Keep chatting to refine the result. Ask for a dark mode, a Matrix terminal, a warm sunset palette, better typography, improved contrast, less clutter, or any visual direction you have in mind. Generated styles are applied immediately and can be reset from the extension UI. Bring your own provider: • Use OpenRouter or configure any OpenAI-compatible provider with your API URL, token, model, and optional headers. • Choose the model that fits your workflow, including Google Gemini models through your provider. • Provider credentials and styling data are stored locally in the extension; page context and screenshots are sent to the provider only when you request styling assistance. Key features: • Conversational agent with context from previous messages • Live CSS generation and application • Page inspection for colors, layout, and existing styles • Optional page screenshots for visual-aware styling • Saved styles that persist until you delete them • Fast on/off toggle and a reset action that removes current styles and conversation without deleting saved styles Examples: • “Make this look like the Matrix.” • “Give this site a warm sunset theme with orange, red, and gold.” • “Make the title feel more editorial and improve the subtitle hierarchy.” Configure a provider in Settings, open stio on any page, and start chatting.