docs: rewrite features for README and landing page
Reorder and rewrite feature descriptions to highlight what actually differentiates PinchChat: tool call visualization, GPT-like interface, multi-session navigation. Remove generic features (markdown, file upload, dark theme) that don't sell the product. Pragmatic tone, no fluff.
This commit is contained in:
Nicolas Varrot
25
FEEDBACK.md
25
FEEDBACK.md
@@ -1,5 +1,30 @@
|
||||
# FEEDBACK.md — PinchChat Feedback Queue
|
||||
|
||||
## Item #11
|
||||
- **Date:** 2026-02-11
|
||||
- **Priority:** high
|
||||
- **Status:** in-progress
|
||||
- **Description:** Rewrite des features — README + GitHub Pages landing page
|
||||
- Les features actuelles sont mal vendues. Trop techniques, pas assez pragmatiques.
|
||||
- **Ce qu'il ne faut PAS vendre comme feature :**
|
||||
- "Dark neon theme" — on s'en fiche, c'est un choix esthétique pas une feature
|
||||
- "Runtime auth / token not in build" — c'est normal, pas un argument de vente
|
||||
- "Markdown rendering" — tous les chats font ça
|
||||
- "File upload" — basique
|
||||
- **Ce qu'il FAUT mettre en avant (la vraie valeur ajoutée vs l'UI native OpenClaw) :**
|
||||
- **Visualisation des tool calls** — comprendre ce que l'agent fait en temps réel avec des badges colorés, paramètres visibles, résultats expandables. C'est LA killer feature.
|
||||
- **Interface GPT-like** — sessions dans une sidebar, switch entre conversations, familier pour les utilisateurs de ChatGPT/Claude
|
||||
- **Focalisé sur le chat** — pas de menus settings/config partout, juste le chat, clean et efficace
|
||||
- **Token usage en temps réel** — barres de progression par session, savoir combien de contexte il reste
|
||||
- **Multi-session** — voir et naviguer entre toutes les sessions actives (crons, sub-agents, etc.)
|
||||
- **Streaming live** — voir l'agent réfléchir et écrire en temps réel
|
||||
- **Images inline** — voir les images générées/lues directement dans le chat
|
||||
- **i18n** — EN/FR switchable
|
||||
- Réécrire la section Features du README avec des descriptions courtes et percutantes
|
||||
- Réécrire les feature cards de la landing page (docs/index.html) de la même manière
|
||||
- Ordre : les features les plus différenciantes en premier
|
||||
- Ton : pragmatique, pas marketing bullshit
|
||||
|
||||
## Item #1
|
||||
- **Date:** 2026-02-11
|
||||
- **Priority:** high
|
||||
|
||||
17
README.md
17
README.md
@@ -16,15 +16,14 @@
|
||||
|
||||
## ✨ Features
|
||||
|
||||
- 🌑 **Dark neon theme** — easy on the eyes, built with Tailwind CSS v4
|
||||
- 📊 **Token progress bars** — track token usage per session in real-time
|
||||
- 🔧 **Tool call badges** — expandable panels with syntax-highlighted JSON
|
||||
- 📋 **Session sidebar** — browse active sessions with live activity indicators
|
||||
- 📝 **Markdown rendering** — full GFM support with code highlighting
|
||||
- 📎 **File upload** — attach files to your messages
|
||||
- ⚡ **Streaming responses** — watch the AI think in real-time
|
||||
- 🔐 **Runtime login** — enter gateway credentials at runtime, no secrets in the build
|
||||
- 🌐 **i18n support** — English and French, configurable via `VITE_LOCALE`
|
||||
- 🔧 **Tool call visualization** — see what your agent is doing in real-time: colored badges, visible parameters, expandable results. The killer feature missing from every other chat UI.
|
||||
- 💬 **GPT-like interface** — sessions in a sidebar, switch between conversations. Familiar if you've used ChatGPT or Claude.
|
||||
- 📋 **Multi-session navigation** — browse all active sessions including cron jobs, sub-agents, and background tasks
|
||||
- ⚡ **Live streaming** — watch the agent think and write token by token
|
||||
- 📊 **Token usage tracking** — progress bars per session so you know how much context is left
|
||||
- 🖼️ **Inline images** — generated or read images render directly in chat with lightbox preview
|
||||
- 🎯 **Chat-focused** — no settings menus or config panels cluttering the screen. Just the conversation.
|
||||
- 🌐 **i18n** — English and French built-in, easy to extend
|
||||
|
||||
## 🚀 Quick Start
|
||||
|
||||
|
||||
@@ -284,50 +284,45 @@
|
||||
<div class="container">
|
||||
<h2>Features</h2>
|
||||
<div class="features-grid">
|
||||
<div class="feature-card">
|
||||
<div class="feature-icon">🌑</div>
|
||||
<h3>Dark Neon Theme</h3>
|
||||
<p>Beautiful dark interface with neon accents, built with Tailwind CSS v4. Easy on the eyes during long sessions.</p>
|
||||
</div>
|
||||
<div class="feature-card">
|
||||
<div class="feature-icon">⚡</div>
|
||||
<h3>Real-time Streaming</h3>
|
||||
<p>Watch the AI think in real-time with streamed responses. Full WebSocket integration with your OpenClaw gateway.</p>
|
||||
</div>
|
||||
<div class="feature-card">
|
||||
<div class="feature-icon">🔧</div>
|
||||
<h3>Tool Call Inspector</h3>
|
||||
<p>Expandable tool call badges with syntax-highlighted JSON. See exactly what your agent is doing.</p>
|
||||
<h3>Tool Call Visualization</h3>
|
||||
<p>See what your agent is doing in real-time. Colored badges, visible parameters, expandable results — the feature missing from every other chat UI.</p>
|
||||
</div>
|
||||
<div class="feature-card">
|
||||
<div class="feature-icon">📊</div>
|
||||
<h3>Token Progress Bars</h3>
|
||||
<p>Track token usage per session in real-time. Stay aware of costs and context window limits.</p>
|
||||
<div class="feature-icon">💬</div>
|
||||
<h3>GPT-like Interface</h3>
|
||||
<p>Sessions in a sidebar, switch between conversations. Instantly familiar if you've used ChatGPT or Claude.</p>
|
||||
</div>
|
||||
<div class="feature-card">
|
||||
<div class="feature-icon">📋</div>
|
||||
<h3>Session Sidebar</h3>
|
||||
<p>Browse all active sessions with live activity indicators. Switch between conversations instantly.</p>
|
||||
<h3>Multi-Session Navigation</h3>
|
||||
<p>Browse all active sessions — main chat, cron jobs, sub-agents, background tasks. Everything in one place.</p>
|
||||
</div>
|
||||
<div class="feature-card">
|
||||
<div class="feature-icon">🔐</div>
|
||||
<h3>Runtime Login</h3>
|
||||
<p>Enter gateway credentials at runtime — no secrets baked into the build. Perfect for shared deployments.</p>
|
||||
<div class="feature-icon">⚡</div>
|
||||
<h3>Live Streaming</h3>
|
||||
<p>Watch the agent think and write token by token. Full WebSocket streaming from your OpenClaw gateway.</p>
|
||||
</div>
|
||||
<div class="feature-card">
|
||||
<div class="feature-icon">📊</div>
|
||||
<h3>Token Usage Tracking</h3>
|
||||
<p>Progress bars per session showing context usage in real-time. Know exactly how much headroom is left.</p>
|
||||
</div>
|
||||
<div class="feature-card">
|
||||
<div class="feature-icon">🖼️</div>
|
||||
<h3>Inline Images</h3>
|
||||
<p>Images render inline with a lightbox for full-size viewing. Supports PNG, JPG, GIF, and WebP.</p>
|
||||
<p>Generated or read images render directly in chat. Click to view full-size in a lightbox.</p>
|
||||
</div>
|
||||
<div class="feature-card">
|
||||
<div class="feature-icon">🎯</div>
|
||||
<h3>Chat-Focused</h3>
|
||||
<p>No settings menus or config panels cluttering the screen. Just the conversation, clean and efficient.</p>
|
||||
</div>
|
||||
<div class="feature-card">
|
||||
<div class="feature-icon">🌐</div>
|
||||
<h3>i18n Support</h3>
|
||||
<p>Multi-language interface with English and French built-in. Easy to extend with new translations.</p>
|
||||
</div>
|
||||
<div class="feature-card">
|
||||
<div class="feature-icon">📝</div>
|
||||
<h3>Markdown Rendering</h3>
|
||||
<p>Full GitHub Flavored Markdown with syntax-highlighted code blocks, tables, and more.</p>
|
||||
<h3>i18n</h3>
|
||||
<p>English and French built-in. Easy to add new languages.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user