Skip to content

Add “See it in action” section with real app screenshots - #7

Open
antonarnaudov wants to merge 4 commits into
masterfrom
add-app-screenshots
Open

Add “See it in action” section with real app screenshots#7
antonarnaudov wants to merge 4 commits into
masterfrom
add-app-screenshots

Conversation

@antonarnaudov

Copy link
Copy Markdown
Contributor

Adds a Showcase section to the landing page (right after the fork band) with four faithful screenshots of the real app — no mockups — running the Uncaged Midnight theme, matched to the site's own palette (cold blue-black + one ember accent).

What's in it

Four alternating hairline-framed rows, each with a low ember glow, on-brand with the Midnight design system:

  1. the terminal — a colourful git log --graph of Uncaged's own release history
  2. your models — AI Models settings: bring your own model, account-free, keys stay local
  3. agentic — a new agent conversation on a local model
  4. make it yours — Appearance: the Uncaged Midnight theme + window opacity/blur

Files

  • src/components/Showcase.astro — new section component (scoped styles, responsive: stacks on mobile)
  • src/pages/index.astro — imports + places <Showcase /> after <DiffBand />
  • public/shots/{terminal,ai-models,agent,appearance}.png — the four screenshots (1600px wide)

Verified

  • npm run build passes; no console errors
  • Section renders correctly (checked in-browser): alternating layout, all four frames equal width, screenshots crisp and legible
  • Screenshots are real captures with no personal data (the git-log is the public Uncaged repo)

Note: a matching "Uncaged Midnight" terminal theme (mirroring this site's palette) was created to take these shots.

🤖 Generated with Claude Code

@vercel

vercel Bot commented Jul 23, 2026

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
getuncaged.dev Ready Ready Preview, Comment Jul 24, 2026 8:16am

antonarnaudov and others added 4 commits July 24, 2026 10:10
A new Showcase section (after the fork band) showing three faithful
screenshots of the app running the "Uncaged Midnight" theme — matched to
the site's palette (cold blue-black + one ember accent):

  - AI Models — bring your own model, account-free, keys stay local
  - Appearance — theme studio + window opacity/blur (Uncaged Midnight)
  - Agent — an agent in the terminal, on a local model

Alternating hairline-framed rows with a low ember glow, on-brand with the
Midnight design system. Real screenshots, no mockups.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
Add a terminal screenshot — a colourful git-log graph of Uncaged's own
release history in the Uncaged Midnight theme — as the opening row, so the
section leads with the actual terminal. Now four rows: terminal → models →
agent → appearance. Tightened the Appearance copy (no colour wheel in shot).

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
Retook two screenshots so the section reads as the app *doing* something:
- terminal: a fuller frame — git-log graph of Uncaged's own history plus a
  colourful file listing, single clean tab.
- agent: the agent writing code — a syntax-highlighted Rust ring-buffer diff
  with the Accept / Refine / Edit review UI (replaces the sparse empty prompt).
  Copy updated to match the code-editing workflow.

Both on the Uncaged Midnight theme, no personal data, tabs tidied.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
- Remove the ember radial "glow" behind each frame — clean hairline cards now.
- Crop ~22px off the right of all four screenshots to remove a near-white
  strip the capture caught past the window edge (the "white sidebar").
- Now rebased on the latest master design (responsive section padding etc.).

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant