DetailKeeper

Cinevva's analyzer read this game's design doc and its source, then wrote the brief below. "Make your own" hands it to the game creator as your opening message, so you start from a real spec rather than a one-line idea.

Recreate DetailKeeper as a polished, responsive browser-based text summarization tool rather than a conventional game. Use a dark-first navy/slate interface with indigo-to-purple accents, subtle borders, rounded 2xl/3xl cards, Inter body text and Space Grotesk display text. The page is centered in a wide max-width layout with a sticky translucent navbar: at left show a small indigo rounded-square icon with a white compression/magic-style glyph and the title “DetailKeeper”; at right provide pill tabs “Summarize” and “Analyze”, a moon/sun theme button, and a settings gear.

The main hero is centered and spacious. Include an indigo pill labeled “DETAIL-PRESERVING SUMMARIZATION”, a large headline “Summarize long text. Keep every detail that matters.” with the second line in an indigo/purple gradient, explanatory copy about an advanced extractive summarizer preserving facts, numbers, names, and context, plus a primary “Start summarizing →” button and outlined “Try sample” button. Below, use a responsive two-column workspace: a larger left Original Text card and narrower right Summary Controls card.

The Original Text card must have a title, INPUT badge, live “N words • N sentences” counter, Paste and Clear buttons, and a large monospace textarea with a scrollable/resizable dark input surface. Add quick-example pills for “Long article”, “Research paper”, “Meeting notes”, and “Story excerpt”. Include built-in sample texts matching the demonstrated content: an AI-industry article, an Arctic sea-ice research paper, quarterly strategy meeting notes, and a fantasy story. Clicking a sample fills the textarea and automatically generates a summary after a short delay. The Start button focuses the textarea. Paste uses the clipboard when available; Clear empties input and hides output.

The Summary Controls card contains a Summary Length range slider from 10% to 80%, default 35%, with a visible percentage label and “Very concise”/“Detailed” endpoints. Add three selectable output-style tiles with icons and labels Paragraph, Bullets, and Key Points; Paragraph is initially active with an indigo tint. Add three checked checkboxes: “Preserve numbers & stats”, “Preserve names & entities”, and “Preserve important quotes”. A large indigo “Generate Summary” button with magic-wand icon starts processing, and a small “Regenerate with new seed” action reruns selection with randomized scoring.

Implement the summarization locally in the browser with no server/API. Require at least 50 characters. On generation, reveal an output card and briefly show a spinner and “Analyzing text and preserving details...” before rendering. Split input into sentences, calculate word frequencies excluding common stop words, and score sentences using word frequency plus boosts for numbers/statistics, capitalized names/entities, quoted text, important terms such as significant, result, study, found, decision, approved, launched, percent, million, and billion, with modest first/last sentence boosts and length penalties. The preservation checkboxes control the number/name/quote scoring boosts. Keep at least three sentences, select a percentage based on the slider, then restore original sentence order. In Paragraph style, show a normal paragraph; Bullets style prefixes selected sentences with “•”; Key Points prefixes them with numbered points. Regenerate/rephrase can add a small random factor to vary sentence selection.

The output section spans the full width below the workspace and is initially hidden. Its header says “Generated Summary”, includes a length/compression badge, Original and Summary word counts, and Copy, Download, and Share controls. Render paragraph output as readable relaxed text; render bullets/key points as separate rounded slate rows with an indigo left border. Under the summary show a “Preserved Details” area with up to nine clickable colored chips: green number chips with hashtag icon, violet entity/name chips with user icon, and amber quote chips with quote icon. Clicking a chip briefly highlights and scrolls to matching summary text. If none were extracted, show “No specific details extracted.” The footer of the output card should state that it was generated using an extractive algorithm prioritizing detail retention and offer a “Rephrase” action.

Copy should place summary text on the clipboard and display a temporary emerald “Copied to clipboard” toast. Download should create a text file containing a DetailKeeper header, date, compression/length, original text, summary, and preservation focus. Share should use the Web Share API when available, otherwise copy the text and explain that it can be shared manually. Rephrase should rerun with random variation, fade the output briefly, and show a small “Rephrased for variety” toast.

The Analyze navbar tab should inspect the current input and replace/show the output area with a Text Analysis card containing four statistic tiles—CHARACTERS, WORDS, SENTENCES, READ TIME calculated at 200 words/minute—and up to eight frequency-ranked non-stop-word keyword chips with counts. Include a Back to Summarizer action. If there is no input, alert the user and return to summarizer. The Summarize tab restores/focuses the input. Settings opens a centered dark translucent modal with a close button and a Default Summary Length select offering 20% Ultra concise, 35% Balanced (recommended), 55% Detailed, and 75% options; changing it updates the main slider. Theme toggle switches dark/light mode and persists the selection locally.

Below the workspace add three feature cards: “Detail Retention” with shield icon and copy about scoring entities, numbers, and unique context; “Smart Compression” with chart icon and copy about TF-IDF-style word frequencies plus entity detection; and “Fully Private” with sync/privacy icon and copy stating all processing runs locally. Finish with a subtle footer reading “DetailKeeper — Built for clarity. All processing happens locally.” and links Privacy, How it works, and API (coming soon). Ensure responsive stacking on narrow screens, accessible buttons/labels, smooth scrolling to output, hover states, subtle shadows, and the visual proportions shown: dark navy page, compact header, prominent centered hero, large input/control cards, and indigo primary actions.