Pawlish

About

Pawlish - The Visual CSS Editor & AI Prompt Generator for Any Web Page

Pawlish is a powerful visual CSS editor that lets you inspect and modify the design of any website in real-time, right from your browser's side panel. Built with the Chrome DevTools Protocol, it goes beyond basic DOM inspection by allowing you to edit cross-origin styles, force pseudo-states, and instantly export your visual tweaks as AI-ready prompts.

Whether you're a developer debugging UI components, a designer exploring style variations, or simply looking to generate accurate UI prompts for your AI coding assistant, Pawlish provides a seamless, live-editing experience.

✨ KEY FEATURES:
• Visual Editing in the Side Panel: Tweak colors, spacing, typography, and more with an intuitive UI directly in the Chrome Side Panel.
• Advanced State Editing: Force and edit pseudo-states (e.g., :hover, :focus, :active) live on the page without having to keep your mouse hovered over the element.
• Cross-Origin Style Support: Read and edit the true computed styles of elements, including those normally hidden from standard content scripts.
• Export to AI Prompt: Instantly convert all your visual design changes into a structured, AI-ready prompt to help you implement the changes in your actual codebase.
• Tab-Scoped & Secure: Pawlish only runs on the specific tab you activate it on. Switching tabs safely pauses the editing session without cluttering your browser.

🚀 HOW TO USE:
1. Click the Pawlish icon in your toolbar to activate the editor on the current tab.
2. Select any element on the web page to inspect its styles.
3. Use the side panel to visually edit CSS properties or force hover states.
4. Click "Copy AI prompt" to export your precise design changes.

🔒 PRIVACY FIRST:
Pawlish operates entirely locally on your machine. It does not use remote code, injects scripts only when explicitly activated by you, and never tracks your browsing history or personal data. All edits are temporary and scoped strictly to your current session.