Files
OpenJarvis/docs/showcase/CONTRIBUTING.md
T
68b27654a8 docs(showcase): add outcome-first gallery tier above Tutorials (#500)
Addresses feedback from our Discord admin curating #config-showcase: the
existing docs land non-technical users straight into Tutorials, which
are script-first and TOML-heavy ("standalone script you can run
immediately, a TOML recipe, a detailed walkthrough"). For a curious-
but-non-technical reader trying to decide whether OpenJarvis is worth
their weekend, that's the wrong first contact — they bounce before they
ever see what the framework can do for them.

This PR inserts a new Showcase tier *above* Tutorials in the docs
information architecture. Each entry is outcome-first: hook sentence,
hero screenshot, 2-3 short paragraphs of personal context, then a
"How I set this up →" link that lands on the relevant Tutorial /
User Guide. The Showcase is the funnel; Tutorials are the build steps.

Five inaugural entries — drafted to be paste-ready for #config-showcase:

- showcase/morning-brief.md          — Slack/email/GitHub overnight digest
- showcase/persistent-memory.md      — SOUL.md/MEMORY.md/USER.md story
- showcase/cost-savings.md           — the public leaderboard as motivation
- showcase/discord-companion.md      — DM Jarvis from anywhere
- showcase/coding-assistant.md       — code review on an airplane

Plus the contributor template and an assets directory:

- showcase/CONTRIBUTING.md           — format skeleton + editorial conventions
                                       (screenshot specs, what to redact, tone)
- assets/showcase/README.md          — asset directory conventions
- assets/showcase/*.png              — placeholder hero screenshots (1600x1000,
                                       6 KB each, dark gradient) so the gallery
                                       renders cleanly before community
                                       submissions populate real screenshots

Information-architecture changes:

- mkdocs.yml — insert "Showcase" tier between Getting Started and
  Tutorials. Funnel order is now: land → "what's possible?" → "build it."
- docs/index.md — new hero card directly under the tagline, pointing to
  the Showcase. The research-framework framing stays, but no longer
  occupies the first scroll-fold.

CSS:

- docs/stylesheets/extra.css — `.showcase-screenshot` class adds rounded
  corners + subtle border so hero images (placeholder or real) read as
  intentional rather than as broken-image artifacts.

Validation:

- `uv run mkdocs build` (CI mode) succeeds.
- `uv run mkdocs build --strict` produces zero showcase-specific
  warnings. The 18 remaining strict-mode warnings are all pre-existing
  on main (`desktop-auto-update.md`, `telemetry.md`, griffe parser
  warnings on existing source, mkdocs_autorefs cross-reference issues).

Explicit non-goals (deferred to follow-up PRs in the showcase-tier
roadmap):

- `jarvis showcase` CLI for personal recaps (PR #2)
- Showcase-aligned recipes in `src/openjarvis/recipes/data/` so
  "How I set this up →" links into 2-command installs (PR #2)
- Automated screenshot regeneration via Playwright on release tags (PR #3)
- Replacing placeholder PNGs with real screenshots — that happens
  organically as community contributors and team members submit their
  own setups (see CONTRIBUTING.md for the format)

Co-authored-by: krypticmouse <herumbshandilya123@gmail.com>
Co-authored-by: Claude Opus 4.7 <noreply@anthropic.com>
2026-06-04 17:42:23 -07:00

4.6 KiB
Raw Permalink Blame History

title, description
title description
Contributing a Showcase Entry How to add your setup to the OpenJarvis Showcase

Contributing a Showcase Entry

The Showcase exists for one reason: to help a confused, curious, non-technical reader figure out whether OpenJarvis is worth their weekend. That goal sets every editorial choice on this page.

The format

---
title: <Your Title — short, capitalized>
description: <One sentence. The hook a stranger sees in search results.>
---

# <emoji> <One-sentence hook — what it does FOR you, in plain English>

<figure markdown>
  ![<alt text>](../assets/showcase/<your-image>.png){ .showcase-screenshot loading=lazy }
  <figcaption>A one-sentence caption that adds context the image can't show on its own.</figcaption>
</figure>

<23 short paragraphs of context: when do you use this, what changed for
you, what the experience feels like. Concrete > abstract. "I read it on
my phone before coffee" > "improves morning productivity."

A bulleted list of two or three CONCRETE OUTCOMES works well — your
calendar, your inbox, your code. Specific verbs and proper nouns.>

## Why it's nice

- **<one-line benefit>.** <one or two sentences of evidence>
- **<one-line benefit>.** <one or two sentences of evidence>
- **<one-line benefit>.** <one or two sentences of evidence>

## How I set this up
**[Tutorial: <name>](../tutorials/<file>.md)** is the closest match.

→ **[Recipe: <name>](https://github.com/open-jarvis/OpenJarvis/tree/main/src/openjarvis/recipes/data)** if you want the exact config.

→ **[<one more related doc>](../<path>.md)** if the reader is going deeper.

Editorial conventions

These are guardrails, not rules. Break them if you have a reason.

Lead with the outcome, not the technology

"Multi-channel routing with MCP-backed memory and an orchestrator agent."
"Jarvis answers my Discord messages while I sleep."

The reader doesn't know what an "orchestrator agent" is yet. They know what a Discord message is.

Show one screenshot. Make it the headline.

A single, large, interesting screenshot beats five small ones. Crop it to show the result, not the UI chrome. If you can convey it in an image, don't write the paragraph.

Screenshot specs:

  • 1600×1000 PNG, sRGB, no alpha
  • File path: docs/assets/showcase/<your-slug>.png
  • Redact: real email addresses, API keys, personal phone numbers, conversation partners' faces or full names (unless they've signed off)
  • Keep: model names, timestamps, dollar amounts, emoji reactions, your own first name

Specific over impressive

"Saves significant time every morning."
"Cut my morning catch-up from 25 minutes to 2."

Numbers, durations, dollar amounts, and named tools build trust. Adjectives don't.

Three paragraphs is plenty

A reader who wants more clicks the "How I set this up →" link at the bottom. Showcase pages are a funnel into the docs, not a replacement for them. If you find yourself explaining configuration in the showcase entry, that material belongs in the linked tutorial.

"Why it's nice" is for the experience, not the architecture

The bullets under Why it's nice should answer "what's different for you?" — not "what's different about how the framework works?". Save the architecture talk for the linked docs.

"Uses local SQLite for state with WAL mode for concurrent reads."
"I can read my own memory file in a text editor. I can delete a line and the memory is gone."

Every entry must end with at least one "How I set this up →" link

If there isn't a relevant tutorial yet, link to the closest User Guide and open an issue noting that the tutorial is missing. We will write it.

Submitting

  1. Fork the repo and create a branch: docs/showcase-<your-slug>.
  2. Add your markdown file at docs/showcase/<your-slug>.md and screenshot at docs/assets/showcase/<your-slug>.png.
  3. Add a tile to the grid in docs/showcase/index.md (matches the existing pattern — emoji + title + 1-sentence summary + [:octicons-arrow-right-24: See it](<your-slug>.md)).
  4. Open a PR with the title docs(showcase): <your title>. Tag a maintainer if you'd like editorial feedback before merge.

Where this goes after merge

Hannah and the docs team post merged showcase entries to #config-showcase in the OpenJarvis Discord. You'll get tagged in the post — you don't have to do it yourself.

Questions, drafts, half-finished ideas

Drop them in #config-showcase on Discord before opening a PR. Editorial feedback is faster on chat than in a PR review, and you'll save yourself a round of revisions.