feat: add FAQ accordion section to ContextWizard top page
Ultraworked with [Sisyphus](https://github.com/code-yeongyu/oh-my-openagent) Co-authored-by: Sisyphus <clio-agent@sisyphuslabs.ai>
This commit is contained in:
qingjie.du
1
.gitignore
vendored
1
.gitignore
vendored
@@ -1 +1,2 @@
|
||||
.DS_Store
|
||||
.omo/
|
||||
|
||||
@@ -198,13 +198,143 @@
|
||||
background: #fff7ed;
|
||||
color: #7c2d12;
|
||||
}
|
||||
|
||||
/* FAQ Accordion */
|
||||
.faq-category {
|
||||
margin-bottom: 2rem;
|
||||
}
|
||||
|
||||
.faq-category:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.faq-category h4 {
|
||||
color: #4338ca;
|
||||
font-size: 1.05rem;
|
||||
font-weight: 600;
|
||||
margin-bottom: 0.75rem;
|
||||
padding-bottom: 0.5rem;
|
||||
border-bottom: 1px solid rgba(67, 56, 202, 0.15);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.5rem;
|
||||
}
|
||||
|
||||
.accordion-item {
|
||||
border: 1px solid #e2e8f0;
|
||||
border-radius: 0.65rem;
|
||||
margin-bottom: 0.45rem;
|
||||
overflow: hidden;
|
||||
background: #ffffff;
|
||||
}
|
||||
|
||||
.accordion-btn {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
padding: 0.85rem 1.1rem;
|
||||
background: transparent;
|
||||
border: none;
|
||||
text-align: left;
|
||||
color: #1e293b;
|
||||
font-size: 0.95rem;
|
||||
font-weight: 500;
|
||||
line-height: 1.5;
|
||||
cursor: pointer;
|
||||
transition: background 150ms ease;
|
||||
}
|
||||
|
||||
.accordion-btn:hover {
|
||||
background: #f8fafc;
|
||||
}
|
||||
|
||||
.accordion-btn .chevron {
|
||||
flex-shrink: 0;
|
||||
margin-left: 0.75rem;
|
||||
color: #94a3b8;
|
||||
transition: transform 250ms ease;
|
||||
}
|
||||
|
||||
.accordion-btn.active .chevron {
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
|
||||
.accordion-panel {
|
||||
max-height: 0;
|
||||
overflow: hidden;
|
||||
transition: max-height 350ms ease, padding 250ms ease, border-color 200ms ease;
|
||||
padding: 0 1.1rem;
|
||||
border-top: 1px solid transparent;
|
||||
}
|
||||
|
||||
.accordion-panel.open {
|
||||
max-height: 800px;
|
||||
padding: 0.9rem 1.1rem;
|
||||
border-top-color: #e2e8f0;
|
||||
}
|
||||
|
||||
.accordion-panel p {
|
||||
margin: 0;
|
||||
color: #475569;
|
||||
line-height: 1.7;
|
||||
font-size: 0.9rem;
|
||||
}
|
||||
|
||||
.accordion-panel p a {
|
||||
color: #2563eb;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.accordion-panel p a:hover {
|
||||
color: #1d4ed8;
|
||||
}
|
||||
</style>
|
||||
|
||||
<script type="application/ld+json">
|
||||
{
|
||||
"@context": "https://schema.org",
|
||||
"@type": "WebPage",
|
||||
"name": "ContextWizard",
|
||||
"speakable": {
|
||||
"@type": "SpeakableSpecification",
|
||||
"cssSelector": [
|
||||
"#hero_subtitle",
|
||||
"#why_title"
|
||||
]
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<script type="application/ld+json">
|
||||
{
|
||||
"@context": "https://schema.org",
|
||||
"@type": "FAQPage",
|
||||
"mainEntity": [
|
||||
{
|
||||
"@type": "Question",
|
||||
"name": "What is ContextWizard and how does it work?",
|
||||
"acceptedAnswer": {
|
||||
"@type": "Answer",
|
||||
"text": "ContextWizard is a free, local-first browser extension that automatically captures and organizes your AI conversations across 10+ platforms. It uses MutationObserver to detect conversations on ChatGPT, Claude, Gemini, and more, storing everything encrypted in your browser's local storage with zero cloud uploads."
|
||||
}
|
||||
},
|
||||
{
|
||||
"@type": "Question",
|
||||
"name": "How do I install and set up ContextWizard?",
|
||||
"acceptedAnswer": {
|
||||
"@type": "Answer",
|
||||
"text": "Installing ContextWizard takes less than a minute. Visit the Chrome Web Store page or Edge Add-ons page and click Add to Browser. Once installed, click the ContextWizard icon in your toolbar, toggle which AI platforms to monitor, and it starts capturing automatically."
|
||||
}
|
||||
},
|
||||
{
|
||||
"@type": "Question",
|
||||
"name": "Do I need API keys or an account to use ContextWizard?",
|
||||
"acceptedAnswer": {
|
||||
"@type": "Answer",
|
||||
"text": "No. ContextWizard requires zero API keys, zero cloud accounts, and zero registration. It works via native DOM observation inside your browser with no server component, no backend, and no third-party service dependencies."
|
||||
}
|
||||
},
|
||||
{
|
||||
"@type": "Question",
|
||||
"name": "How to copy a long ChatGPT thread into Claude without formatting issues?",
|
||||
@@ -213,6 +343,14 @@
|
||||
"text": "To copy a long ChatGPT thread into Claude without markdown or UI formatting clutter, use ContextWizard's context copy feature. It automatically strips out platform-specific UI artifacts, extracts clean raw text transcripts from ChatGPT, and allows one-step copying, exporting, or transferring of full conversation contexts into Claude, Manus, Gemini, or other assistants."
|
||||
}
|
||||
},
|
||||
{
|
||||
"@type": "Question",
|
||||
"name": "How do I copy page context and use it across AI platforms?",
|
||||
"acceptedAnswer": {
|
||||
"@type": "Answer",
|
||||
"text": "ContextWizard's page context copy feature lets you capture content from any webpage and seamlessly paste it into ChatGPT, Claude, Gemini, or other AI assistants. It strips out UI clutter, preserves meaningful text structure, and transfers context in one click."
|
||||
}
|
||||
},
|
||||
{
|
||||
"@type": "Question",
|
||||
"name": "What is the best way to search through multiple AI platform histories at once?",
|
||||
@@ -229,6 +367,14 @@
|
||||
"text": "ContextWizard turns your daily browsing history into a secure, searchable local text database. By capturing real-time conversations using platform-specific selectors, it aggregates scattered insights into a unified workspace on your PC, enabling power users to build an offline second brain from their AI interactions."
|
||||
}
|
||||
},
|
||||
{
|
||||
"@type": "Question",
|
||||
"name": "How does ContextWizard protect my data?",
|
||||
"acceptedAnswer": {
|
||||
"@type": "Answer",
|
||||
"text": "ContextWizard is built on a local-first, zero-trust architecture. All captured conversations are encrypted and stored exclusively in your browser's chrome.storage.local. Nothing is uploaded to any cloud server. The extension requires no network permissions beyond detecting page changes on AI platforms."
|
||||
}
|
||||
},
|
||||
{
|
||||
"@type": "Question",
|
||||
"name": "How do I keep track of important conversations across different AI models?",
|
||||
@@ -244,6 +390,30 @@
|
||||
"@type": "Answer",
|
||||
"text": "The built-in Prompt Editor in ContextWizard allows you to manage reusable prompt templates while safeguarding your privacy through auto-redaction. You can define custom redaction rules that automatically replace sensitive information such as API keys, passwords, and private tokens with placeholders before sending the prompt to any AI platform."
|
||||
}
|
||||
},
|
||||
{
|
||||
"@type": "Question",
|
||||
"name": "Can I organize, edit, and reuse my prompt templates?",
|
||||
"acceptedAnswer": {
|
||||
"@type": "Answer",
|
||||
"text": "Yes, ContextWizard includes a built-in Prompt Editor for managing reusable prompt templates. You can create, edit, and organize prompts for different use cases and save them for reuse across any AI platform. The editor also includes auto-redaction for sensitive data protection."
|
||||
}
|
||||
},
|
||||
{
|
||||
"@type": "Question",
|
||||
"name": "Which AI platforms does ContextWizard support?",
|
||||
"acceptedAnswer": {
|
||||
"@type": "Answer",
|
||||
"text": "ContextWizard supports 10 major AI platforms out of the box: ChatGPT, Claude, Gemini, Microsoft Copilot, Perplexity, HuggingChat, Poe, Grok, DeepSeek, and Qwen. Each platform uses custom selectors for accurate content capture."
|
||||
}
|
||||
},
|
||||
{
|
||||
"@type": "Question",
|
||||
"name": "Can I customize which platforms are monitored or add new ones?",
|
||||
"acceptedAnswer": {
|
||||
"@type": "Answer",
|
||||
"text": "Yes, you have full control over which platforms ContextWizard monitors. Enable or disable each platform individually from the dashboard. Add custom platforms via URL patterns. Additional options include toggling the recording indicator, switching UI languages (12 supported), and data export/import."
|
||||
}
|
||||
}
|
||||
]
|
||||
}
|
||||
@@ -268,6 +438,7 @@
|
||||
"url": "https://amipro.me"
|
||||
},
|
||||
"installUrl": "https://chromewebstore.google.com/detail/contextwizard/lmhnmmedgmnfggecdalkancllnekofnb",
|
||||
"keywords": "AI memory layer, AI chat backup, second brain, cross-platform AI, local-first privacy",
|
||||
"featureList": "Multi-platform AI chat capture, Full-text search, Local-first encryption, JSON export/import, 12-language UI"
|
||||
}
|
||||
</script>
|
||||
@@ -457,33 +628,38 @@
|
||||
i18n_messages.set('video_act_link', lang_map);
|
||||
|
||||
lang_map = new Map();
|
||||
lang_map.set('en', 'The universal context layer for your AI chats. Automatically capture, search, and transfer knowledge across platforms.');
|
||||
lang_map.set('ja', 'AIチャットのための汎用コンテキストレイヤー。プラットフォーム全体で知識を自動的にキャプチャ、検索、転送します。');
|
||||
lang_map.set('en', 'Turn AI Chats Into Your Workspace');
|
||||
lang_map.set('ja', 'AIチャットをあなたのワークスペースに');
|
||||
i18n_messages.set('hero_title', lang_map);
|
||||
|
||||
lang_map = new Map();
|
||||
lang_map.set('en', 'Your Personal Memory Layer for Every AI Assistant');
|
||||
lang_map.set('ja', 'すべてのAIアシスタントのためのパーソナルメモリーレイヤー');
|
||||
i18n_messages.set('hero_subtitle', lang_map);
|
||||
|
||||
lang_map = new Map();
|
||||
lang_map.set('en', "Harness each assistant's strengths, one-click backup or migrate every thread, and start immediately with zero configuration.");
|
||||
lang_map.set('ja', '各アシスタントの強みを活用し、ワンクリックで全スレッドをバックアップまたは移行、ゼロコンフィグレーションで即座にスタート。');
|
||||
lang_map.set('en', 'Automatically capture, organize, bookmark and reconnect conversations across ChatGPT, Claude, Gemini and 10+ AI platforms, creating one searchable workspace that grows with your projects.');
|
||||
lang_map.set('ja', 'ChatGPT、Claude、Geminiなど10以上のAIプラットフォーム間で会話を自動的にキャプチャ、整理、ブックマーク、再接続。検索可能なワークスペースを作り、プロジェクトとともに成長させます。');
|
||||
i18n_messages.set('hero_lead', lang_map);
|
||||
|
||||
lang_map = new Map();
|
||||
lang_map.set('en', 'All your data never leaves your PC');
|
||||
lang_map.set('ja', 'すべてのデータはPCから外に出ません');
|
||||
lang_map.set('en', 'Everything stays on your computer');
|
||||
lang_map.set('ja', 'すべてのデータはお使いのコンピューターに保存');
|
||||
i18n_messages.set('check_1', lang_map);
|
||||
|
||||
lang_map = new Map();
|
||||
lang_map.set('en', 'No API keys required');
|
||||
lang_map.set('ja', 'APIキーは不要です');
|
||||
lang_map.set('en', 'No API Keys Required');
|
||||
lang_map.set('ja', 'APIキー不要');
|
||||
i18n_messages.set('check_2', lang_map);
|
||||
|
||||
lang_map = new Map();
|
||||
lang_map.set('en', 'Automatic capture across your favorite AI chat platforms');
|
||||
lang_map.set('ja', 'お気に入りのAIチャットプラットフォーム全体を自動キャプチャ');
|
||||
lang_map.set('en', 'Automatic capture across AI platforms');
|
||||
lang_map.set('ja', 'AIプラットフォーム全体を自動キャプチャ');
|
||||
i18n_messages.set('check_3', lang_map);
|
||||
|
||||
lang_map = new Map();
|
||||
lang_map.set('en', 'Search, filter, and relaunch chats instantly');
|
||||
lang_map.set('ja', 'チャットを即座に検索、フィルター、再起動');
|
||||
lang_map.set('en', 'Search and resume conversations instantly');
|
||||
lang_map.set('ja', '会話を即座に検索して再開');
|
||||
i18n_messages.set('check_4', lang_map);
|
||||
|
||||
lang_map = new Map();
|
||||
@@ -502,8 +678,8 @@
|
||||
i18n_messages.set('btn_video_text', lang_map);
|
||||
|
||||
lang_map = new Map();
|
||||
lang_map.set('en', 'Local-First & Privacy-Centric Architecture');
|
||||
lang_map.set('ja', 'ローカルファースト＆プライバシー重視のアーキテクチャ');
|
||||
lang_map.set('en', 'Private by Design');
|
||||
lang_map.set('ja', 'プライバシー・バイ・デザイン');
|
||||
i18n_messages.set('callout_title', lang_map);
|
||||
|
||||
lang_map = new Map();
|
||||
@@ -522,15 +698,90 @@
|
||||
i18n_messages.set('callout_3', lang_map);
|
||||
|
||||
lang_map = new Map();
|
||||
lang_map.set('en', 'Why ContextWizard?');
|
||||
lang_map.set('ja', 'なぜ ContextWizard？');
|
||||
lang_map.set('en', 'Every AI Topic Becomes a Workspace');
|
||||
lang_map.set('ja', 'すべてのAIトピックがワークスペースに');
|
||||
i18n_messages.set('why_title', lang_map);
|
||||
|
||||
lang_map = new Map();
|
||||
lang_map.set('en', 'ContextWizard automatically captures and organizes your conversations across multiple AI assistants, making every insight searchable, portable, and ready to revisit.');
|
||||
lang_map.set('ja', 'ContextWizardは複数のAIアシスタント全体の会話を自動的にキャプチャし整理し、すべてのインサイトを検索可能、ポータブル、再訪可能な状態にします。');
|
||||
lang_map.set('en', 'ContextWizard groups conversations by topic — not by platform. Each workspace brings together ChatGPT threads, Claude chats, bookmarks, and search across everything you have discussed on that subject. Topics like <strong>Marketing</strong>, <strong>MCP Server</strong>, <strong>Authentication</strong>, <strong>Research</strong>, or <strong>Travel</strong> become organized, searchable workspaces.');
|
||||
lang_map.set('ja', 'ContextWizardは会話をプラットフォームではなくトピックごとにグループ化。各ワークスペースにはChatGPTスレッド、Claudeの会話、ブックマーク、そしてそのトピックに関するすべての検索が集約されます。<strong>マーケティング</strong>、<strong>MCPサーバー</strong>、<strong>認証</strong>、<strong>リサーチ</strong>、<strong>旅行</strong>などのトピックが整理された検索可能なワークスペースになります。');
|
||||
i18n_messages.set('why_lead', lang_map);
|
||||
|
||||
lang_map = new Map();
|
||||
lang_map.set('en', 'Stop Losing Valuable AI Conversations');
|
||||
lang_map.set('ja', '貴重なAI会話を見失うのはもう終わり');
|
||||
i18n_messages.set('problem_title', lang_map);
|
||||
|
||||
lang_map = new Map();
|
||||
lang_map.set('en', 'You generate hundreds of AI conversations every month across ChatGPT, Claude, Gemini, and more. But without a system, most of that knowledge stays scattered — buried in browser tabs, lost between platforms, and impossible to find when you need it.');
|
||||
lang_map.set('ja', '毎月、ChatGPT、Claude、Geminiなどで何百ものAI会話を生成しています。しかし、仕組みがなければ、その知識のほとんどは散在したまま——ブラウザタブに埋もれ、プラットフォーム間で失われ、必要なときに見つけられません。');
|
||||
i18n_messages.set('problem_desc', lang_map);
|
||||
|
||||
lang_map = new Map();
|
||||
lang_map.set('en', 'Scattered Chats');
|
||||
lang_map.set('ja', '散在する会話');
|
||||
i18n_messages.set('problem_scattered', lang_map);
|
||||
|
||||
lang_map = new Map();
|
||||
lang_map.set('en', 'Organized Workspace');
|
||||
lang_map.set('ja', '整理されたワークスペース');
|
||||
i18n_messages.set('problem_organized', lang_map);
|
||||
|
||||
lang_map = new Map();
|
||||
lang_map.set('en', 'Perfect For');
|
||||
lang_map.set('ja', 'こんな方に最適');
|
||||
i18n_messages.set('perfect_for_title', lang_map);
|
||||
|
||||
lang_map = new Map();
|
||||
lang_map.set('en', 'Developers');
|
||||
lang_map.set('ja', '開発者');
|
||||
i18n_messages.set('pf_developer_title', lang_map);
|
||||
|
||||
lang_map = new Map();
|
||||
lang_map.set('en', 'Keep technical research, API discussions, and code reviews from AI assistants organized and revisitable.');
|
||||
lang_map.set('ja', 'AIアシスタントとの技術調査、API議論、コードレビューを整理して再訪可能に。');
|
||||
i18n_messages.set('pf_developer_desc', lang_map);
|
||||
|
||||
lang_map = new Map();
|
||||
lang_map.set('en', 'Researchers');
|
||||
lang_map.set('ja', '研究者');
|
||||
i18n_messages.set('pf_researcher_title', lang_map);
|
||||
|
||||
lang_map = new Map();
|
||||
lang_map.set('en', 'Save insights from literature reviews, data analysis discussions, and hypothesis brainstorming across sessions.');
|
||||
lang_map.set('ja', '文献レビュー、データ分析の議論、仮説のブレインストーミングから得た洞察をセッション間で保存。');
|
||||
i18n_messages.set('pf_researcher_desc', lang_map);
|
||||
|
||||
lang_map = new Map();
|
||||
lang_map.set('en', 'Product Managers');
|
||||
lang_map.set('ja', 'プロダクトマネージャー');
|
||||
i18n_messages.set('pf_pm_title', lang_map);
|
||||
|
||||
lang_map = new Map();
|
||||
lang_map.set('en', 'Track feature research, competitor analysis, and stakeholder feedback across every AI tool your team uses.');
|
||||
lang_map.set('ja', 'チームが使うすべてのAIツール横断で、機能調査、競合分析、ステークホルダーフィードバックを追跡。');
|
||||
i18n_messages.set('pf_pm_desc', lang_map);
|
||||
|
||||
lang_map = new Map();
|
||||
lang_map.set('en', 'AI Power Users');
|
||||
lang_map.set('ja', 'AIパワーユーザー');
|
||||
i18n_messages.set('pf_power_title', lang_map);
|
||||
|
||||
lang_map = new Map();
|
||||
lang_map.set('en', 'Build a persistent knowledge base from daily AI interactions — prompt experiments, model comparisons, and recurring workflows.');
|
||||
lang_map.set('ja', '日々のAIインタラクションから永続的な知識ベースを構築——プロンプト実験、モデル比較、繰り返しのワークフロー。');
|
||||
i18n_messages.set('pf_power_desc', lang_map);
|
||||
|
||||
lang_map = new Map();
|
||||
lang_map.set('en', 'Build Your First AI Workspace Today');
|
||||
lang_map.set('ja', '今すぐ最初のAIワークスペースを作ろう');
|
||||
i18n_messages.set('cta_final_title', lang_map);
|
||||
|
||||
lang_map = new Map();
|
||||
lang_map.set('en', 'Stop losing valuable AI conversations. Start building a searchable workspace across every AI assistant you use.');
|
||||
lang_map.set('ja', '貴重なAI会話を見失うのはもう終わり。あなたが使うすべてのAIアシスタント横断で検索可能なワークスペースを構築しましょう。');
|
||||
i18n_messages.set('cta_final_desc', lang_map);
|
||||
|
||||
lang_map = new Map();
|
||||
lang_map.set('en', 'Multi-Platform Support');
|
||||
lang_map.set('ja', 'マルチプラットフォーム対応');
|
||||
@@ -786,6 +1037,120 @@
|
||||
lang_map.set('ja', '<strong>ContextWizardの内蔵プロンプトエディターにより、自動秘匿化でプライバシーを保護しながら再利用可能なプロンプトテンプレートを管理できます。</strong> APIキーやパスワード、プライベートトークンなどの機密情報をプロンプトをAIプラットフォームに送信する前にプレースホルダーに自動的に置き換えるカスタム秘匿化ルールを定義できます。');
|
||||
i18n_messages.set('faq_6_a', lang_map);
|
||||
|
||||
lang_map = new Map();
|
||||
lang_map.set('en', 'Getting Started');
|
||||
lang_map.set('ja', 'はじめに');
|
||||
lang_map.set('zh-CN', '快速入门');
|
||||
i18n_messages.set('faq_cat1_title', lang_map);
|
||||
|
||||
lang_map = new Map();
|
||||
lang_map.set('en', 'Cross-Platform Features');
|
||||
lang_map.set('ja', 'クロスプラットフォーム機能');
|
||||
lang_map.set('zh-CN', '跨平台功能');
|
||||
i18n_messages.set('faq_cat2_title', lang_map);
|
||||
|
||||
lang_map = new Map();
|
||||
lang_map.set('en', 'Privacy & Security');
|
||||
lang_map.set('ja', 'プライバシーとセキュリティ');
|
||||
lang_map.set('zh-CN', '隐私与安全');
|
||||
i18n_messages.set('faq_cat3_title', lang_map);
|
||||
|
||||
lang_map = new Map();
|
||||
lang_map.set('en', 'Prompt Management');
|
||||
lang_map.set('ja', 'プロンプト管理');
|
||||
lang_map.set('zh-CN', '提示词管理');
|
||||
i18n_messages.set('faq_cat4_title', lang_map);
|
||||
|
||||
lang_map = new Map();
|
||||
lang_map.set('en', 'Integration & Customization');
|
||||
lang_map.set('ja', '統合とカスタマイズ');
|
||||
lang_map.set('zh-CN', '集成与自定义');
|
||||
i18n_messages.set('faq_cat5_title', lang_map);
|
||||
|
||||
lang_map = new Map();
|
||||
lang_map.set('en', 'What is ContextWizard and how does it work?');
|
||||
lang_map.set('ja', 'ContextWizardとは何ですか？どのように動作しますか？');
|
||||
lang_map.set('zh-CN', '什么是 ContextWizard？它是如何工作的？');
|
||||
i18n_messages.set('faq_7_q', lang_map);
|
||||
|
||||
lang_map = new Map();
|
||||
lang_map.set('en', '<strong>ContextWizard is a free, local-first browser extension that automatically captures and organizes your AI conversations across 10+ platforms.</strong> It runs silently in your browser using MutationObserver to detect new messages on supported AI platforms. When you visit ChatGPT, Claude, Gemini, or any other supported site, it automatically records the conversation — title, summary, and full message content — and stores everything encrypted in your browser\'s local storage. No cloud uploads, no API keys, no configuration needed beyond toggling which platforms to monitor.');
|
||||
lang_map.set('ja', '<strong>ContextWizardは、10以上のプラットフォームのAI会話を自動的にキャプチャ・整理する無料のローカルファーストブラウザ拡張機能です。</strong> MutationObserverを使用してサポートされているAIプラットフォーム上で新しいメッセージを検出し、ブラウザ内で静かに動作します。ChatGPT、Claude、Geminiなどのサポートサイトにアクセスすると、会話（タイトル、要約、メッセージ本文）を自動的に記録し、すべてをブラウザのローカルストレージに暗号化して保存します。クラウドアップロードなし、APIキー不要、監視するプラットフォームのトグル以外の設定は一切不要です。');
|
||||
lang_map.set('zh-CN', '<strong>ContextWizard 是一款免费的本地优先浏览器扩展，可自动捕获和整理你在 10+ 平台上的 AI 对话。</strong> 它利用 MutationObserver 在浏览器中静默运行，检测受支持 AI 平台上的新消息。当你访问 ChatGPT、Claude、Gemini 或任何其他受支持的网站时，它会自动记录对话——包括标题、摘要和完整消息内容——并将所有内容加密存储在浏览器的本地存储中。无需云上传，无需 API 密钥，除了切换要监控的平台外无需任何配置。');
|
||||
i18n_messages.set('faq_7_a', lang_map);
|
||||
|
||||
lang_map = new Map();
|
||||
lang_map.set('en', 'How do I install and set up ContextWizard?');
|
||||
lang_map.set('ja', 'ContextWizardのインストールとセットアップ方法は？');
|
||||
lang_map.set('zh-CN', '如何安装和设置 ContextWizard？');
|
||||
i18n_messages.set('faq_8_q', lang_map);
|
||||
|
||||
lang_map = new Map();
|
||||
lang_map.set('en', '<strong>Installing ContextWizard takes less than a minute.</strong> Visit the <a href="https://chromewebstore.google.com/detail/contextwizard/lmhnmmedgmnfggecdalkancllnekofnb" target="_blank">Chrome Web Store page</a> or <a href="https://microsoftedge.microsoft.com/addons/detail/contextwizard/nknoacgaapoeboehlgelolgbifgcimli" target="_blank">Edge Add-ons page</a> and click "Add to Browser." Once installed, click the ContextWizard icon in your toolbar to open the dashboard. From there, toggle which AI platforms you want to capture — everything else happens automatically. No accounts, no sign-ups, no configuration files.');
|
||||
lang_map.set('ja', '<strong>ContextWizardのインストールは1分もかかりません。</strong> <a href="https://chromewebstore.google.com/detail/contextwizard/lmhnmmedgmnfggecdalkancllnekofnb" target="_blank">Chrome Web Storeのページ</a>または<a href="https://microsoftedge.microsoft.com/addons/detail/contextwizard/nknoacgaapoeboehlgelolgbifgcimli" target="_blank">Edge Add-onsのページ</a>にアクセスし、「ブラウザに追加」をクリックします。インストール後、ツールバーのContextWizardアイコンをクリックしてダッシュボードを開きます。そこで、キャプチャしたいAIプラットフォームを切り替えるだけで、あとはすべて自動的に行われます。アカウント不要、登録不要、設定ファイル不要です。');
|
||||
lang_map.set('zh-CN', '<strong>安装 ContextWizard 不到一分钟。</strong> 访问 <a href="https://chromewebstore.google.com/detail/contextwizard/lmhnmmedgmnfggecdalkancllnekofnb" target="_blank">Chrome 网上应用店</a> 或 <a href="https://microsoftedge.microsoft.com/addons/detail/contextwizard/nknoacgaapoeboehlgelolgbifgcimli" target="_blank">Edge 扩展页面</a>，点击"添加到浏览器"。安装后，点击工具栏中的 ContextWizard 图标打开仪表板。在那里，切换你想要捕获的 AI 平台——其他一切都会自动完成。无需账户，无需注册，无需配置文件。');
|
||||
i18n_messages.set('faq_8_a', lang_map);
|
||||
|
||||
lang_map = new Map();
|
||||
lang_map.set('en', 'Do I need API keys or an account to use ContextWizard?');
|
||||
lang_map.set('ja', 'ContextWizardを使用するのにAPIキーやアカウントは必要ですか？');
|
||||
lang_map.set('zh-CN', '使用 ContextWizard 需要 API 密钥或账户吗？');
|
||||
i18n_messages.set('faq_9_q', lang_map);
|
||||
|
||||
lang_map = new Map();
|
||||
lang_map.set('en', '<strong>No. ContextWizard requires zero API keys, zero cloud accounts, and zero registration.</strong> It works entirely through native DOM observation inside your browser — it reads what is already visible on the page, just like you do. There is no server component, no backend, and no third-party service dependency. Install, toggle your platforms, and you are done.');
|
||||
lang_map.set('ja', '<strong>いいえ。ContextWizardはAPIキー、クラウドアカウント、登録が一切不要です。</strong> ブラウザ内のネイティブDOM監視を通じて完全に動作し——まるであなたと同じように、ページ上にすでに表示されているものを読み取ります。サーバーコンポーネント、バックエンド、サードパーティのサービス依存は一切ありません。インストールして、プラットフォームを切り替えるだけで完了です。');
|
||||
lang_map.set('zh-CN', '<strong>不需要。ContextWizard 无需任何 API 密钥、云账户或注册。</strong> 它完全通过浏览器内的原生 DOM 观察工作——就像你一样，它读取页面上已经可见的内容。没有服务器组件，没有后端，也没有第三方服务依赖。安装，切换平台，就完成了。');
|
||||
i18n_messages.set('faq_9_a', lang_map);
|
||||
|
||||
lang_map = new Map();
|
||||
lang_map.set('en', 'How does ContextWizard protect my data?');
|
||||
lang_map.set('ja', 'ContextWizardはどのようにデータを保護しますか？');
|
||||
lang_map.set('zh-CN', 'ContextWizard 如何保护我的数据？');
|
||||
i18n_messages.set('faq_10_q', lang_map);
|
||||
|
||||
lang_map = new Map();
|
||||
lang_map.set('en', '<strong>ContextWizard is built on a local-first, zero-trust architecture.</strong> All captured conversations — transcripts, bookmarks, prompt templates — are encrypted and stored exclusively in your browser\'s <code>chrome.storage.local</code>. Nothing is uploaded to any cloud server, no data leaves your machine without your explicit action (export). The extension requires no network permissions beyond what is needed to detect page changes on AI platforms. Your prompts, proprietary code, business context, and personal information remain completely offline by default.');
|
||||
lang_map.set('ja', '<strong>ContextWizardはローカルファースト、ゼロトラストアーキテクチャに基づいています。</strong> キャプチャされたすべての会話（文字起こし、ブックマーク、プロンプトテンプレート）は暗号化され、ブラウザの<code>chrome.storage.local</code>にのみ保存されます。クラウドサーバーにアップロードされるものは一切なく、あなたの明示的な操作（エクスポート）なしにデータがマシンを離れることはありません。この拡張機能は、AIプラットフォーム上のページ変更を検出するために必要なもの以外のネットワーク権限を必要としません。プロンプト、独自コード、ビジネスコンテキスト、個人情報はデフォルトで完全にオフラインのままです。');
|
||||
lang_map.set('zh-CN', '<strong>ContextWizard 基于本地优先、零信任架构构建。</strong> 所有捕获的对话——转录、书签、提示词模板——都经过加密并仅存储在浏览器的 <code>chrome.storage.local</code> 中。没有任何内容上传到任何云服务器，未经你明确操作（导出），没有数据离开你的机器。该扩展除了检测 AI 平台页面变化所需的权限外，不需要任何网络权限。你的提示词、专有代码、业务上下文和个人信息默认完全保持离线。');
|
||||
i18n_messages.set('faq_10_a', lang_map);
|
||||
|
||||
lang_map = new Map();
|
||||
lang_map.set('en', 'Can I organize, edit, and reuse my prompt templates?');
|
||||
lang_map.set('ja', 'プロンプトテンプレートを整理、編集、再利用できますか？');
|
||||
lang_map.set('zh-CN', '我可以整理、编辑和重复使用提示词模板吗？');
|
||||
i18n_messages.set('faq_11_q', lang_map);
|
||||
|
||||
lang_map = new Map();
|
||||
lang_map.set('en', '<strong>Yes — ContextWizard includes a built-in Prompt Editor for managing reusable prompt templates.</strong> You can create, edit, and organize prompts for different use cases and save them for quick reuse across any AI platform. The editor also includes an auto-redaction feature: define custom rules that automatically replace sensitive information (API keys, passwords, tokens) with placeholders before sending the prompt, keeping your data safe while reusing proven prompts.');
|
||||
lang_map.set('ja', '<strong>はい — ContextWizardには再利用可能なプロンプトテンプレートを管理するための内蔵プロンプトエディターが含まれています。</strong> さまざまなユースケースに合わせてプロンプトを作成、編集、整理し、任意のAIプラットフォームで素早く再利用できます。エディターには自動秘匿化機能もあり、APIキー、パスワード、トークンなどの機密情報をプロンプト送信前にプレースホルダーに自動的に置き換えるカスタムルールを定義でき、実証済みのプロンプトを再利用しながらデータを安全に保ちます。');
|
||||
lang_map.set('zh-CN', '<strong>可以——ContextWizard 包含一个内置的提示词编辑器，用于管理可重复使用的提示词模板。</strong> 你可以为不同的用例创建、编辑和组织提示词，并保存以便在任何 AI 平台上快速重复使用。编辑器还包含自动脱敏功能：定义自定义规则，在发送提示词之前自动将敏感信息（API 密钥、密码、令牌）替换为占位符，在重复使用经过验证的提示词的同时保护数据安全。');
|
||||
i18n_messages.set('faq_11_a', lang_map);
|
||||
|
||||
lang_map = new Map();
|
||||
lang_map.set('en', 'Which AI platforms does ContextWizard support?');
|
||||
lang_map.set('ja', 'ContextWizardはどのAIプラットフォームをサポートしていますか？');
|
||||
lang_map.set('zh-CN', 'ContextWizard 支持哪些 AI 平台？');
|
||||
i18n_messages.set('faq_12_q', lang_map);
|
||||
|
||||
lang_map = new Map();
|
||||
lang_map.set('en', '<strong>ContextWizard supports 10 major AI platforms out of the box.</strong> ChatGPT, Claude, Gemini, Microsoft Copilot, Perplexity, HuggingChat, Poe, Grok, DeepSeek, and Qwen. Each platform uses custom selectors for accurate content capture. Support for new platforms is added regularly through updates, and you can also add any AI chat site manually via custom URL patterns.');
|
||||
lang_map.set('ja', '<strong>ContextWizardは10の主要なAIプラットフォームをすぐにサポートしています。</strong> ChatGPT、Claude、Gemini、Microsoft Copilot、Perplexity、HuggingChat、Poe、Grok、DeepSeek、Qwen。各プラットフォームは正確なコンテンツキャプチャのためにカスタムセレクタを使用しています。新しいプラットフォームのサポートはアップデートを通じて定期的に追加され、カスタムURLパターンを使用して任意のAIチャットサイトを手動で追加することもできます。');
|
||||
lang_map.set('zh-CN', '<strong>ContextWizard 开箱即支持 10 个主要 AI 平台。</strong> ChatGPT、Claude、Gemini、Microsoft Copilot、Perplexity、HuggingChat、Poe、Grok、DeepSeek 和 Qwen。每个平台使用自定义选择器进行精确的内容捕获。通过更新定期添加对新平台的支持，你也可以通过自定义 URL 模式手动添加任何 AI 聊天网站。');
|
||||
i18n_messages.set('faq_12_a', lang_map);
|
||||
|
||||
lang_map = new Map();
|
||||
lang_map.set('en', 'Can I customize which platforms are monitored or add new ones?');
|
||||
lang_map.set('ja', '監視するプラットフォームをカスタマイズしたり、新しいものを追加できますか？');
|
||||
lang_map.set('zh-CN', '我可以自定义要监控的平台或添加新平台吗？');
|
||||
i18n_messages.set('faq_13_q', lang_map);
|
||||
|
||||
lang_map = new Map();
|
||||
lang_map.set('en', '<strong>Yes — you have full control over which platforms ContextWizard monitors.</strong> From the dashboard, you can enable or disable each platform individually with a single toggle. You can also add custom platforms by providing a URL pattern — for example, if you use a lesser-known AI chat service, just enter its URL pattern and ContextWizard will start capturing conversations there. Additional customization options include toggling the recording indicator, switching UI languages (12 supported), and managing your data through export, import, and clear functions.');
|
||||
lang_map.set('ja', '<strong>はい — ContextWizardが監視するプラットフォームを完全に制御できます。</strong> ダッシュボードから、各プラットフォームをワンタッチで個別に有効または無効にできます。URLパターンを指定してカスタムプラットフォームを追加することもできます。例えば、あまり知られていないAIチャットサービスを使用している場合、そのURLパターンを入力するだけでContextWizardが会話のキャプチャを開始します。その他のカスタマイズオプションには、録画インジケーターの表示切替、UI言語の切替（12言語対応）、エクスポート・インポート・クリア機能によるデータ管理が含まれます。');
|
||||
lang_map.set('zh-CN', '<strong>可以——你可以完全控制 ContextWizard 监控哪些平台。</strong> 在仪表板中，你可以通过单个开关单独启用或禁用每个平台。你还可以通过提供 URL 模式来添加自定义平台——例如，如果你使用不太知名的 AI 聊天服务，只需输入其 URL 模式，ContextWizard 就会开始捕获那里的对话。其他自定义选项包括切换录制指示器、切换 UI 语言（支持 12 种语言），以及通过导出、导入和清除功能管理你的数据。');
|
||||
i18n_messages.set('faq_13_a', lang_map);
|
||||
|
||||
lang_map = new Map();
|
||||
lang_map.set('en', 'Privacy Policy');
|
||||
lang_map.set('ja', 'プライバシーポリシー');
|
||||
@@ -849,6 +1214,21 @@
|
||||
lang_map.set('zh-CN', '所有对话加密存储在浏览器本地。符合 GDPR，无云上传，无外部服务器。');
|
||||
i18n_messages.set('static_feat3_desc', lang_map);
|
||||
|
||||
function initFaqAccordion() {
|
||||
const buttons = document.querySelectorAll('.accordion-btn');
|
||||
buttons.forEach(btn => {
|
||||
btn.addEventListener('click', () => {
|
||||
const panel = btn.nextElementSibling;
|
||||
const isOpen = panel.classList.contains('open');
|
||||
// Close this item
|
||||
panel.classList.toggle('open');
|
||||
btn.classList.toggle('active');
|
||||
// Update aria-expanded
|
||||
btn.setAttribute('aria-expanded', !isOpen);
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
window.onload = async function() {
|
||||
setI18NText(i18n_messages);
|
||||
initRevealAnimations();
|
||||
@@ -856,6 +1236,18 @@
|
||||
document.body.appendChild(createLanguageSelector());
|
||||
}
|
||||
updateImages(getCurrentLanguage());
|
||||
// Hero media: video for EN/ZH, static image for JA
|
||||
var lang = getCurrentLanguage();
|
||||
var heroVideo = document.getElementById('hero-video');
|
||||
var heroImg = document.getElementById('hero-image');
|
||||
if (lang === 'ja') {
|
||||
if (heroVideo) heroVideo.style.display = 'none';
|
||||
if (heroImg) heroImg.style.display = 'block';
|
||||
} else {
|
||||
if (heroVideo) heroVideo.style.display = '';
|
||||
if (heroImg) heroImg.style.display = 'none';
|
||||
}
|
||||
initFaqAccordion();
|
||||
}
|
||||
</script>
|
||||
</head>
|
||||
@@ -875,16 +1267,16 @@
|
||||
<section class="hero reveal">
|
||||
<div class="hero__text" data-animate>
|
||||
<span class="hero__badge"><i class="bx bx-bot"></i> ContextWizard</span>
|
||||
<h1 class="hero__title">ContextWizard</h1>
|
||||
<p id="hero_subtitle" style="font-size: 1.15rem; font-weight: 500; color: var(--text-bright, #f8fafc); line-height: 1.5; margin-bottom: 0.75rem;">The universal context layer for your AI chats. Automatically capture, search, and transfer knowledge across platforms.</p>
|
||||
<h1 id="hero_title" class="hero__title">Turn AI Chats Into Your Workspace</h1>
|
||||
<p id="hero_subtitle" style="font-size: 1.15rem; font-weight: 500; color: var(--text-bright, #f8fafc); line-height: 1.5; margin-bottom: 0.75rem;">Your Personal Memory Layer for Every AI Assistant</p>
|
||||
<p id="hero_lead" class="hero__lead">
|
||||
Harness each assistant's strengths, one-click backup or migrate every thread, and start immediately with zero configuration.
|
||||
Automatically capture, organize, bookmark and reconnect conversations across ChatGPT, Claude, Gemini and 10+ AI platforms, creating one searchable workspace that grows with your projects.
|
||||
</p>
|
||||
<ul class="checklist" style="margin-top: 1.25rem;">
|
||||
<li id="check_1"><i class="bx bx-check-circle"></i>All your data never leaves your PC</li>
|
||||
<li id="check_2"><i class="bx bx-check-circle"></i>No API keys required</li>
|
||||
<li id="check_3"><i class="bx bx-check-circle"></i>Automatic capture across your favorite AI chat platforms</li>
|
||||
<li id="check_4"><i class="bx bx-check-circle"></i>Search, filter, and relaunch chats instantly</li>
|
||||
<li id="check_1"><i class="bx bx-check-circle"></i>Everything stays on your computer</li>
|
||||
<li id="check_2"><i class="bx bx-check-circle"></i>No API Keys Required</li>
|
||||
<li id="check_3"><i class="bx bx-check-circle"></i>Automatic capture across AI platforms</li>
|
||||
<li id="check_4"><i class="bx bx-check-circle"></i>Search and resume conversations instantly</li>
|
||||
</ul>
|
||||
<div style="margin-top: 2rem; display: flex; flex-wrap: wrap; gap: 1rem;">
|
||||
<a
|
||||
@@ -905,14 +1297,47 @@
|
||||
>
|
||||
<i class="bx bx-download me-1"></i><span id="btn_edge_text">Install from Edge store</span>
|
||||
</a>
|
||||
<a href="https://www.youtube.com/watch?v=UDKbb1h-NMA" class="btn btn-outline-primary" style="min-width: 200px;" target="_blank">
|
||||
<i class="bx bx-play-circle me-1"></i><span id="btn_video_text">Watch Video</span>
|
||||
<a href="https://youtu.be/4Mz6PAHwSuY" style="color: #93c5fd; text-decoration: underline; display: inline-flex; align-items: center; gap: 0.35rem; font-size: 0.9rem;" target="_blank">
|
||||
<i class="bx bx-play-circle"></i><span>Watch Full Demo</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="hero__media" data-animate>
|
||||
<div class="hero__orb"></div>
|
||||
<img id="hero-image" src="contextwizard-files/screen-platforms-640-400.jpg" alt="ContextWizard platform overview screenshot" loading="lazy" />
|
||||
<div style="position: relative; width: 100%; aspect-ratio: 16 / 9; border-radius: 1.25rem; overflow: hidden; box-shadow: 0 20px 60px rgba(15, 23, 42, 0.18);">
|
||||
<iframe
|
||||
id="hero-video"
|
||||
src="https://www.youtube.com/embed/iy13XgQPYL0?autoplay=1&mute=1&loop=1&playlist=iy13XgQPYL0&rel=0&showinfo=0"
|
||||
style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0;"
|
||||
allow="autoplay; encrypted-media"
|
||||
allowfullscreen
|
||||
title="ContextWizard product demo"
|
||||
loading="lazy"
|
||||
></iframe>
|
||||
<img
|
||||
id="hero-image"
|
||||
src="contextwizard-files/screen-platforms-640-400.jpg"
|
||||
alt="ContextWizard platform overview screenshot"
|
||||
style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; display: none;"
|
||||
loading="lazy"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section style="margin-top: 2rem; padding: 2rem; background: rgba(255,255,255,0.08); border-radius: 12px; border: 1px solid rgba(255,255,255,0.15);">
|
||||
<div style="display: flex; flex-wrap: wrap; gap: 2rem; align-items: center;">
|
||||
<div style="flex: 1; min-width: 260px;">
|
||||
<h2 id="problem_title" style="font-size: 1.5rem; font-weight: 600; color: #f8fafc; margin-bottom: 0.75rem;">Stop Losing Valuable AI Conversations</h2>
|
||||
<p id="problem_desc" style="color: #cbd5e1; line-height: 1.7; margin-bottom: 0;">
|
||||
You generate hundreds of AI conversations every month across ChatGPT, Claude, Gemini, and more. But without a system, most of that knowledge stays scattered — buried in browser tabs, lost between platforms, and impossible to find when you need it.
|
||||
</p>
|
||||
</div>
|
||||
<div style="flex: 0 0 auto; display: flex; flex-direction: column; align-items: center; gap: 0.5rem; padding: 1.5rem 2rem; background: rgba(255,255,255,0.06); border-radius: 12px; min-width: 200px;">
|
||||
<div style="color: #ef4444; font-size: 1rem; font-weight: 500; display: flex; align-items: center; gap: 0.5rem;"><i class="bx bx-x-circle"></i><span id="problem_scattered">Scattered Chats</span></div>
|
||||
<div style="color: rgba(248,250,252,0.6); font-size: 1.25rem;">↓</div>
|
||||
<div style="color: #22c55e; font-size: 1rem; font-weight: 500; display: flex; align-items: center; gap: 0.5rem;"><i class="bx bx-check-circle"></i><span id="problem_organized">Organized Workspace</span></div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
@@ -939,7 +1364,8 @@
|
||||
<div style="display: flex; gap: 0.75rem; align-items: flex-start;">
|
||||
<i class="bx bx-lock-alt bx-sm me-2" style="flex-shrink: 0; margin-top: 0.15rem;"></i>
|
||||
<div>
|
||||
<strong id="callout_title">Local-First & Privacy-Centric Architecture</strong>
|
||||
<strong id="callout_title">Private by Design</strong>
|
||||
<p style="color: #0f172a; margin: 0.25rem 0 0.5rem; font-size: 0.95rem;">Everything stays on your computer.</p>
|
||||
<ul style="margin: 0.5rem 0 0; padding-left: 1.25rem;">
|
||||
<li id="callout_1"><strong>Zero Cloud Uploads:</strong> All captured AI chat logs, transcripts, and custom prompt templates are fully encrypted and saved strictly inside your browser's local storage (<code>chrome.storage.local</code>).</li>
|
||||
<li id="callout_2"><strong>No Cloud Account & No API Keys Required:</strong> ContextWizard runs entirely out of the box via native DOM observation. It does not require any third-party registration or OpenAI/Anthropic/DeepSeek API keys.</li>
|
||||
@@ -950,9 +1376,9 @@
|
||||
</div>
|
||||
|
||||
<section class="reveal" data-animate style="margin-top: 40px;">
|
||||
<h2 id="why_title" class="section-heading">Why ContextWizard?</h2>
|
||||
<h2 id="why_title" class="section-heading">Every AI Topic Becomes a Workspace</h2>
|
||||
<p id="why_lead" class="section-lead">
|
||||
ContextWizard automatically captures and organizes your conversations across multiple AI assistants, making every insight searchable, portable, and ready to revisit.
|
||||
ContextWizard groups conversations by topic — not by platform. Each workspace brings together ChatGPT threads, Claude chats, bookmarks, and search across everything you have discussed on that subject. Topics like <strong>Marketing</strong>, <strong>MCP Server</strong>, <strong>Authentication</strong>, <strong>Research</strong>, or <strong>Travel</strong> become organized, searchable workspaces.
|
||||
</p>
|
||||
</section>
|
||||
|
||||
@@ -1120,29 +1546,45 @@
|
||||
<span id="pay_attention_text"><strong>Pay attention:</strong> Do <em>not</em> delete your conversations on AI platforms if you still need them. ContextWizard stores the main content, not attachments or full raw data.</span>
|
||||
</div>
|
||||
|
||||
<section class="card mb-5 mt-4 reveal" data-animate>
|
||||
<div class="card-body">
|
||||
<h3 id="ready_title" class="card-title" style="margin-bottom: 1rem;">Ready in minutes</h3>
|
||||
<p id="ready_lead">
|
||||
Install the extension, pick which platforms to observe, and ContextWizard starts capturing right away—no API keys, no cloud accounts, zero configuration beyond toggling the platforms you care about.
|
||||
<section class="reveal" data-animate style="margin-top: 40px;">
|
||||
<h2 id="perfect_for_title" class="section-heading">Perfect For</h2>
|
||||
<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 1rem; margin-top: 1.5rem;">
|
||||
<div style="padding: 1.25rem; background: rgba(255,255,255,0.06); border-radius: 10px; border: 1px solid rgba(255,255,255,0.1);">
|
||||
<div style="font-size: 1.5rem; margin-bottom: 0.5rem;">💻</div>
|
||||
<strong id="pf_developer_title" style="color: #f8fafc; display: block; margin-bottom: 0.35rem;">Developers</strong>
|
||||
<p id="pf_developer_desc" style="color: #94a3b8; font-size: 0.85rem; margin: 0; line-height: 1.5;">Keep technical research, API discussions, and code reviews from AI assistants organized and revisitable.</p>
|
||||
</div>
|
||||
<div style="padding: 1.25rem; background: rgba(255,255,255,0.06); border-radius: 10px; border: 1px solid rgba(255,255,255,0.1);">
|
||||
<div style="font-size: 1.5rem; margin-bottom: 0.5rem;">🔬</div>
|
||||
<strong id="pf_researcher_title" style="color: #f8fafc; display: block; margin-bottom: 0.35rem;">Researchers</strong>
|
||||
<p id="pf_researcher_desc" style="color: #94a3b8; font-size: 0.85rem; margin: 0; line-height: 1.5;">Save insights from literature reviews, data analysis discussions, and hypothesis brainstorming across sessions.</p>
|
||||
</div>
|
||||
<div style="padding: 1.25rem; background: rgba(255,255,255,0.06); border-radius: 10px; border: 1px solid rgba(255,255,255,0.1);">
|
||||
<div style="font-size: 1.5rem; margin-bottom: 0.5rem;">📋</div>
|
||||
<strong id="pf_pm_title" style="color: #f8fafc; display: block; margin-bottom: 0.35rem;">Product Managers</strong>
|
||||
<p id="pf_pm_desc" style="color: #94a3b8; font-size: 0.85rem; margin: 0; line-height: 1.5;">Track feature research, competitor analysis, and stakeholder feedback across every AI tool your team uses.</p>
|
||||
</div>
|
||||
<div style="padding: 1.25rem; background: rgba(255,255,255,0.06); border-radius: 10px; border: 1px solid rgba(255,255,255,0.1);">
|
||||
<div style="font-size: 1.5rem; margin-bottom: 0.5rem;">⚡</div>
|
||||
<strong id="pf_power_title" style="color: #f8fafc; display: block; margin-bottom: 0.35rem;">AI Power Users</strong>
|
||||
<p id="pf_power_desc" style="color: #94a3b8; font-size: 0.85rem; margin: 0; line-height: 1.5;">Build a persistent knowledge base from daily AI interactions — prompt experiments, model comparisons, and recurring workflows.</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="card mb-5 mt-4 reveal" data-animate style="text-align: center;">
|
||||
<div class="card-body" style="padding: 3rem 2rem;">
|
||||
<h3 id="cta_final_title" class="card-title" style="margin-bottom: 1rem; font-size: 1.75rem;">Build Your First AI Workspace Today</h3>
|
||||
<p id="cta_final_desc" style="max-width: 560px; margin: 0 auto 1.5rem; color: #475569;">
|
||||
Stop losing valuable AI conversations. Start building a searchable workspace across every AI assistant you use.
|
||||
</p>
|
||||
<div class="checklist" style="margin-top: 1rem;">
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<ul class="checklist">
|
||||
<li id="ready_1"><i class="bx bx-check-circle"></i>Enable/disable per platform anytime.</li>
|
||||
<li id="ready_2"><i class="bx bx-check-circle"></i>Toggle recording indicator visibility.</li>
|
||||
<li id="ready_3"><i class="bx bx-check-circle"></i>Switch languages instantly.</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<ul class="checklist">
|
||||
<li id="ready_4"><i class="bx bx-check-circle"></i>Export JSON snapshots for backups.</li>
|
||||
<li id="ready_5"><i class="bx bx-check-circle"></i>Import archives when moving machines.</li>
|
||||
<li id="ready_6"><i class="bx bx-check-circle"></i>Clear everything with one tap if needed.</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div style="display: flex; flex-wrap: wrap; gap: 1rem; justify-content: center;">
|
||||
<a href="https://chromewebstore.google.com/detail/contextwizard/lmhnmmedgmnfggecdalkancllnekofnb" class="btn btn-success" style="min-width: 200px;" target="_blank" rel="noopener">
|
||||
<i class="bx bxl-chrome me-1"></i> Install Chrome Extension
|
||||
</a>
|
||||
<a href="https://youtu.be/4Mz6PAHwSuY" class="btn btn-outline-primary" style="min-width: 200px;" target="_blank">
|
||||
<i class="bx bx-play-circle me-1"></i> Watch Full Demo
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@@ -1150,37 +1592,164 @@
|
||||
<section class="card mb-5 reveal" data-animate>
|
||||
<div class="card-body">
|
||||
<h3 id="faq_title" class="card-title" style="margin-bottom: 1.5rem;">Frequently Asked Questions</h3>
|
||||
<p style="color: #475569; margin-bottom: 1.5rem; font-size: 0.95rem;">Browse by topic — click any question to expand the answer.</p>
|
||||
|
||||
<div id="faq-thread-transfer" class="faq-item" style="margin-bottom: 1.5rem;">
|
||||
<h4 id="faq_1_q" style="font-size: 1.1rem; margin-bottom: 0.5rem; color: #1e293b;">How to copy a long ChatGPT thread into Claude without formatting issues?</h4>
|
||||
<p id="faq_1_a" style="margin-bottom: 0;"><strong>To copy a long ChatGPT thread into Claude without markdown or UI formatting clutter, use ContextWizard's context copy feature.</strong> It automatically strips out platform-specific UI artifacts, extracts clean raw text transcripts from ChatGPT, and allows one-step copying, exporting, or transferring of full conversation contexts into Claude, Manus, Gemini, or other assistants. <a href="#thread-transfer-demo" style="color: #2563eb; text-decoration: underline;">↑ Watch the demo</a></p>
|
||||
<!-- Category 1: Getting Started -->
|
||||
<div class="faq-category">
|
||||
<h4><i class="bx bx-rocket"></i> <span id="faq_cat1_title">Getting Started</span></h4>
|
||||
|
||||
<div class="accordion-item">
|
||||
<button class="accordion-btn" aria-expanded="false">
|
||||
<span id="faq_7_q">What is ContextWizard and how does it work?</span>
|
||||
<i class="bx bx-chevron-down chevron"></i>
|
||||
</button>
|
||||
<div class="accordion-panel">
|
||||
<p id="faq_7_a"><strong>ContextWizard is a free, local-first browser extension that automatically captures and organizes your AI conversations across 10+ platforms.</strong> It runs silently in your browser using MutationObserver to detect new messages on supported AI platforms. When you visit ChatGPT, Claude, Gemini, or any other supported site, it automatically records the conversation — title, summary, and full message content — and stores everything encrypted in your browser's local storage. No cloud uploads, no API keys, no configuration needed beyond toggling which platforms to monitor.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="faq-page-context-copy" class="faq-item" style="margin-bottom: 1.5rem;">
|
||||
<h4 id="faq_2_q" style="font-size: 1.1rem; margin-bottom: 0.5rem; color: #1e293b;">How do I copy page context and use it across AI platforms?</h4>
|
||||
<p id="faq_2_a" style="margin-bottom: 0;"><strong>ContextWizard's page context copy feature lets you capture content from any webpage and seamlessly paste it into ChatGPT, Claude, Gemini, or other AI assistants.</strong> It strips out unnecessary UI clutter, preserves the meaningful text structure, and lets you transfer context in one click — no more manual copy-paste or formatting cleanup. <a href="#page-context-demo" style="color: #2563eb; text-decoration: underline;">↑ Watch the demo</a></p>
|
||||
<div class="accordion-item">
|
||||
<button class="accordion-btn" aria-expanded="false">
|
||||
<span id="faq_8_q">How do I install and set up ContextWizard?</span>
|
||||
<i class="bx bx-chevron-down chevron"></i>
|
||||
</button>
|
||||
<div class="accordion-panel">
|
||||
<p id="faq_8_a"><strong>Installing ContextWizard takes less than a minute.</strong> Visit the <a href="https://chromewebstore.google.com/detail/contextwizard/lmhnmmedgmnfggecdalkancllnekofnb" target="_blank">Chrome Web Store page</a> or <a href="https://microsoftedge.microsoft.com/addons/detail/contextwizard/nknoacgaapoeboehlgelolgbifgcimli" target="_blank">Edge Add-ons page</a> and click "Add to Browser." Once installed, click the ContextWizard icon in your toolbar to open the dashboard. From there, toggle which AI platforms you want to capture — everything else happens automatically. No accounts, no sign-ups, no configuration files.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="faq-item" style="margin-bottom: 1.5rem;">
|
||||
<h4 id="faq_3_q" style="font-size: 1.1rem; margin-bottom: 0.5rem; color: #1e293b;">What is the best way to search through multiple AI platform histories at once?</h4>
|
||||
<p id="faq_3_a" style="margin-bottom: 0;"><strong>The most efficient way to search through multiple AI platform histories at once is by using a local-first browser tool like ContextWizard.</strong> It builds a unified local index that allows full-text search across titles, summaries, and message bodies across 10+ major platforms (including ChatGPT, Claude, Gemini, Grok, DeepSeek, and Perplexity) simultaneously with granular platform filters.</p>
|
||||
<div class="accordion-item">
|
||||
<button class="accordion-btn" aria-expanded="false">
|
||||
<span id="faq_9_q">Do I need API keys or an account to use ContextWizard?</span>
|
||||
<i class="bx bx-chevron-down chevron"></i>
|
||||
</button>
|
||||
<div class="accordion-panel">
|
||||
<p id="faq_9_a"><strong>No. ContextWizard requires zero API keys, zero cloud accounts, and zero registration.</strong> It works entirely through native DOM observation inside your browser — it reads what is already visible on the page, just like you do. There is no server component, no backend, and no third-party service dependency. Install, toggle your platforms, and you are done.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="faq-item" style="margin-bottom: 1.5rem;">
|
||||
<h4 id="faq_4_q" style="font-size: 1.1rem; margin-bottom: 0.5rem; color: #1e293b;">How to build a local knowledge base from AI chats safely?</h4>
|
||||
<p id="faq_4_a" style="margin-bottom: 0;"><strong>ContextWizard turns your daily browsing history into a secure, searchable local text database.</strong> By capturing real-time conversations using platform-specific selectors, it aggregates scattered insights into a unified workspace on your PC, enabling power users to build an offline second brain from their AI interactions.</p>
|
||||
<!-- Category 2: Cross-Platform Features -->
|
||||
<div class="faq-category">
|
||||
<h4><i class="bx bx-transfer"></i> <span id="faq_cat2_title">Cross-Platform Features</span></h4>
|
||||
|
||||
<div class="accordion-item" id="faq-thread-transfer">
|
||||
<button class="accordion-btn" aria-expanded="false">
|
||||
<span id="faq_1_q">How to copy a long ChatGPT thread into Claude without formatting issues?</span>
|
||||
<i class="bx bx-chevron-down chevron"></i>
|
||||
</button>
|
||||
<div class="accordion-panel">
|
||||
<p id="faq_1_a"><strong>To copy a long ChatGPT thread into Claude without markdown or UI formatting clutter, use ContextWizard's context copy feature.</strong> It automatically strips out platform-specific UI artifacts, extracts clean raw text transcripts from ChatGPT, and allows one-step copying, exporting, or transferring of full conversation contexts into Claude, Manus, Gemini, or other assistants. <a href="#thread-transfer-demo">↑ Watch the demo</a></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="faq-cross-platform-bookmarks" class="faq-item" style="margin-bottom: 0;">
|
||||
<h4 id="faq_5_q" style="font-size: 1.1rem; margin-bottom: 0.5rem; color: #1e293b;">How do I keep track of important conversations across different AI models?</h4>
|
||||
<p id="faq_5_a" style="margin-bottom: 0;"><strong>ContextWizard's cross-platform bookmark feature lets you save key moments across ChatGPT, Claude, and Gemini in a single place.</strong> It supports organizing bookmarks into custom groups with full instant-undo support, making it easy to jump back to any bookmarked conversation in its original web context with one click. <a href="#bookmark-demo" style="color: #2563eb; text-decoration: underline;">↑ Watch the demo</a></p>
|
||||
<div class="accordion-item" id="faq-page-context-copy">
|
||||
<button class="accordion-btn" aria-expanded="false">
|
||||
<span id="faq_2_q">How do I copy page context and use it across AI platforms?</span>
|
||||
<i class="bx bx-chevron-down chevron"></i>
|
||||
</button>
|
||||
<div class="accordion-panel">
|
||||
<p id="faq_2_a"><strong>ContextWizard's page context copy feature lets you capture content from any webpage and seamlessly paste it into ChatGPT, Claude, Gemini, or other AI assistants.</strong> It strips out unnecessary UI clutter, preserves the meaningful text structure, and lets you transfer context in one click — no more manual copy-paste or formatting cleanup. <a href="#page-context-demo">↑ Watch the demo</a></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="faq-item" style="margin-bottom: 0; margin-top: 1.5rem;">
|
||||
<h4 id="faq_6_q" style="font-size: 1.1rem; margin-bottom: 0.5rem; color: #1e293b;">How can I safely reuse prompts without exposing sensitive data?</h4>
|
||||
<p id="faq_6_a" style="margin-bottom: 0;"><strong>The built-in Prompt Editor in ContextWizard allows you to manage reusable prompt templates while safeguarding your privacy through auto-redaction.</strong> You can define custom redaction rules that automatically replace sensitive information—such as API keys, passwords, and private tokens—with placeholders before sending the prompt to any AI platform.</p>
|
||||
<div class="accordion-item">
|
||||
<button class="accordion-btn" aria-expanded="false">
|
||||
<span id="faq_3_q">What is the best way to search through multiple AI platform histories at once?</span>
|
||||
<i class="bx bx-chevron-down chevron"></i>
|
||||
</button>
|
||||
<div class="accordion-panel">
|
||||
<p id="faq_3_a"><strong>The most efficient way to search through multiple AI platform histories at once is by using a local-first browser tool like ContextWizard.</strong> It builds a unified local index that allows full-text search across titles, summaries, and message bodies across 10+ major platforms (including ChatGPT, Claude, Gemini, Grok, DeepSeek, and Perplexity) simultaneously with granular platform filters.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="accordion-item" id="faq-cross-platform-bookmarks">
|
||||
<button class="accordion-btn" aria-expanded="false">
|
||||
<span id="faq_5_q">How do I keep track of important conversations across different AI models?</span>
|
||||
<i class="bx bx-chevron-down chevron"></i>
|
||||
</button>
|
||||
<div class="accordion-panel">
|
||||
<p id="faq_5_a"><strong>ContextWizard's cross-platform bookmark feature lets you save key moments across ChatGPT, Claude, and Gemini in a single place.</strong> It supports organizing bookmarks into custom groups with full instant-undo support, making it easy to jump back to any bookmarked conversation in its original web context with one click. <a href="#bookmark-demo">↑ Watch the demo</a></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Category 3: Privacy & Security -->
|
||||
<div class="faq-category">
|
||||
<h4><i class="bx bx-lock"></i> <span id="faq_cat3_title">Privacy & Security</span></h4>
|
||||
|
||||
<div class="accordion-item">
|
||||
<button class="accordion-btn" aria-expanded="false">
|
||||
<span id="faq_4_q">How to build a local knowledge base from AI chats safely?</span>
|
||||
<i class="bx bx-chevron-down chevron"></i>
|
||||
</button>
|
||||
<div class="accordion-panel">
|
||||
<p id="faq_4_a"><strong>ContextWizard turns your daily browsing history into a secure, searchable local text database.</strong> By capturing real-time conversations using platform-specific selectors, it aggregates scattered insights into a unified workspace on your PC, enabling power users to build an offline second brain from their AI interactions.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="accordion-item">
|
||||
<button class="accordion-btn" aria-expanded="false">
|
||||
<span id="faq_10_q">How does ContextWizard protect my data?</span>
|
||||
<i class="bx bx-chevron-down chevron"></i>
|
||||
</button>
|
||||
<div class="accordion-panel">
|
||||
<p id="faq_10_a"><strong>ContextWizard is built on a local-first, zero-trust architecture.</strong> All captured conversations — transcripts, bookmarks, prompt templates — are encrypted and stored exclusively in your browser's <code>chrome.storage.local</code>. Nothing is uploaded to any cloud server, no data leaves your machine without your explicit action (export). The extension requires no network permissions beyond what is needed to detect page changes on AI platforms. Your prompts, proprietary code, business context, and personal information remain completely offline by default.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Category 4: Prompt Management -->
|
||||
<div class="faq-category">
|
||||
<h4><i class="bx bx-edit"></i> <span id="faq_cat4_title">Prompt Management</span></h4>
|
||||
|
||||
<div class="accordion-item">
|
||||
<button class="accordion-btn" aria-expanded="false">
|
||||
<span id="faq_6_q">How can I safely reuse prompts without exposing sensitive data?</span>
|
||||
<i class="bx bx-chevron-down chevron"></i>
|
||||
</button>
|
||||
<div class="accordion-panel">
|
||||
<p id="faq_6_a"><strong>The built-in Prompt Editor in ContextWizard allows you to manage reusable prompt templates while safeguarding your privacy through auto-redaction.</strong> You can define custom redaction rules that automatically replace sensitive information—such as API keys, passwords, and private tokens—with placeholders before sending the prompt to any AI platform.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="accordion-item">
|
||||
<button class="accordion-btn" aria-expanded="false">
|
||||
<span id="faq_11_q">Can I organize, edit, and reuse my prompt templates?</span>
|
||||
<i class="bx bx-chevron-down chevron"></i>
|
||||
</button>
|
||||
<div class="accordion-panel">
|
||||
<p id="faq_11_a"><strong>Yes — ContextWizard includes a built-in Prompt Editor for managing reusable prompt templates.</strong> You can create, edit, and organize prompts for different use cases and save them for quick reuse across any AI platform. The editor also includes an auto-redaction feature: define custom rules that automatically replace sensitive information (API keys, passwords, tokens) with placeholders before sending the prompt, keeping your data safe while reusing proven prompts.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Category 5: Integration & Customization -->
|
||||
<div class="faq-category">
|
||||
<h4><i class="bx bx-grid"></i> <span id="faq_cat5_title">Integration & Customization</span></h4>
|
||||
|
||||
<div class="accordion-item">
|
||||
<button class="accordion-btn" aria-expanded="false">
|
||||
<span id="faq_12_q">Which AI platforms does ContextWizard support?</span>
|
||||
<i class="bx bx-chevron-down chevron"></i>
|
||||
</button>
|
||||
<div class="accordion-panel">
|
||||
<p id="faq_12_a"><strong>ContextWizard supports 10 major AI platforms out of the box.</strong> ChatGPT, Claude, Gemini, Microsoft Copilot, Perplexity, HuggingChat, Poe, Grok, DeepSeek, and Qwen. Each platform uses custom selectors for accurate content capture. Support for new platforms is added regularly through updates, and you can also add any AI chat site manually via custom URL patterns.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="accordion-item">
|
||||
<button class="accordion-btn" aria-expanded="false">
|
||||
<span id="faq_13_q">Can I customize which platforms are monitored or add new ones?</span>
|
||||
<i class="bx bx-chevron-down chevron"></i>
|
||||
</button>
|
||||
<div class="accordion-panel">
|
||||
<p id="faq_13_a"><strong>Yes — you have full control over which platforms ContextWizard monitors.</strong> From the dashboard, you can enable or disable each platform individually with a single toggle. You can also add custom platforms by providing a URL pattern — for example, if you use a lesser-known AI chat service, just enter its URL pattern and ContextWizard will start capturing conversations there. Additional customization options include toggling the recording indicator, switching UI languages (12 supported), and managing your data through export, import, and clear functions.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
<!-- / Content -->
|
||||
|
||||
Reference in New Issue
Block a user