Tags: chrome-extension ai-chat docs-style multilingual local-first
chatgpt claude gemini grok deepseek copilot perplexity
meta-ai character-ai poe pi-ai mistral-ai qwen kimi
Shiki is a Chrome extension that turns supported AI chat pages into a clean Docs-style workspace. Conversations become document pages with a sidebar, toolbar, rich formatting, image support, and local-only organization.
Everything runs in Chrome. Shiki has no account system, backend, analytics, ads, or telemetry.
After installing, open any supported AI chat page. Shiki should appear automatically. Safari support is coming soon.
Chrome may show a trusted-developer warning because Shiki is published by a new developer account that has not built trusted developer status yet. That warning is expected while the publisher account is new.
- Provider switching verifies the live result. Model and reasoning changes are confirmed against the host page, retried once after transient failures, and reported clearly when an option is unavailable.
- Unverified choices remain usable. Incomplete menu scans now annotate choices instead of disabling them, so changed provider markup can recover through live verification without an extension reload.
- The workspace survives host-page hydration. Shiki remounts its document frame when ChatGPT, Claude, or another host reconciles the page and removes injected content during startup.
- More precise ChatGPT model detection. o-series labels no longer absorb adjacent menu descriptions into incorrect model names.
- ChatGPT:
chatgpt.com,chat.openai.com - Claude:
claude.ai - Gemini:
gemini.google.com - Grok:
grok.com - DeepSeek:
chat.deepseek.com - Copilot:
copilot.microsoft.com - Perplexity:
www.perplexity.ai - Meta AI:
www.meta.ai,meta.ai - Character.AI:
character.ai - Poe:
poe.com - Pi:
pi.ai,hey.pi.ai - Le Chat (Vibe):
chat.mistral.ai - Qwen:
chat.qwen.ai - Kimi:
www.kimi.com
- Docs-style chat surface with header, toolbar, ruler, page canvas, and sidebar.
- Conversation switcher with local pins, renames, and hidden chats.
- Provider-aware model, bot, mode, and reasoning controls wherever the provider exposes them. Character.AI uses its real chat-style control, Poe uses bot choices, and Pi stays a single assistant without an invented model picker.
- Automatic capability and plan-class detection, with per-provider manual fallbacks for rollout or workspace-policy edge cases.
- Provider-native voice/live launcher when the signed-in account exposes one.
Shiki temporarily reveals the provider page for the live session; use the
extension toggle or
Alt+Shift+D(Option+Shift+Don macOS) to return to the document workspace. - Rich replies for headings, lists, code blocks, tables, quotes, links, and images.
- Message sending from the document composer, including Shift+Enter new lines.
- Image attachments, custom profile picture, rich/plain text toggle, and sync refresh.
- Native interface localization for nine browser locales.
Shiki reads the visible AI chat page only to render the document workspace and relay user actions back to the site's own controls. Settings, pins, renames, and profile pictures are stored locally in Chrome extension storage.
Shiki does not send data to developer-controlled servers, sell data, run ads, or track usage.
- Provider page layouts change often, so selectors may need updates if a site redesigns conversation, composer, model, or image controls.
- Image attachment support is best-effort because each provider handles file inputs and drag/drop differently.
- Some generated images use short-lived
blob:URLs that cannot always be copied into the document view.
Core files:
| File | Purpose |
|---|---|
manifest.json |
Chrome extension manifest (MV3) |
provider-adapters.js |
Shared provider catalogs, label recognition, and conservative plan inference |
i18n.js / _locales/ |
Native Chrome interface localization |
content.js |
Reads the host page and bridges actions |
index.html |
Docs-style overlay markup and styles |
skin.js |
Overlay rendering, composer, settings, and storage |
popup.html / popup.js |
Toolbar popup settings |
Install the pinned build dependency once, then create the optimized Chrome package:
npm install
npm test
npm run packageThe package build minifies JavaScript and inline CSS, compacts manifest/locale JSON, validates the optimized provider adapter, syntax-checks every shipped script, and emits entries in deterministic order. Readable source files remain unchanged in the repository.
Report bugs by email: dylancablayan07@gmail.com
Include the AI site, what happened, and screenshots if useful.