Add /cursor ASCII dither route

[nwthomas]

Ticket

Problem

We need a dedicated /cursor route that renders a black-background ASCII composition with centered white logo glyphs and a char-grid flicker effect.

Solution

• Added a new App Router route at app/cursor/page.tsx.
• Implemented CursorAsciiCanvas as a client component that:
  • Builds a full-screen monospaced character grid around the logo.
  • Stores each character as an object with metadata (value, displayValue, isBackground, row/col/id, lit state).
  • Centers the ASCII logo in the matrix.
  • Runs a 200ms probabilistic flicker pass for a dither-like character animation.
  • Keeps logo/foreground characters white while still allowing flicker via glyph substitution.

Testing

• bun run lint
• bun run build
• Manual verification at http://localhost:3000/cursor:
  • black full-viewport background
  • centered logo in a larger monospace grid
  • white logo characters
  • black-on-black background characters
  • visible ~200ms flicker/churn effect

Walkthrough artifacts

cursor_ascii_dither_route_demo_final.mp4
Final centered ASCII logo state

_{To show artifacts inline, enable in settings.}

  

[vercel]

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

Project	Deployment	Actions	Updated (UTC)
personal-portfolio	Ready	Preview, Comment	Apr 4, 2026 8:52pm

[cursor]

Cursor Bugbot has reviewed your changes and found 2 potential issues.

^{❌ Bugbot Autofix is OFF. To automatically fix reported issues with cloud agents, enable autofix in the Cursor dashboard.}

^{Reviewed by Cursor Bugbot for commit 9fe2756. Configure here.}

[cursor]

Filter removes intentional blank line from ASCII logo

Medium Severity

The .filter((line) => line.length > 0) on LOGO_LINES removes all empty lines, including the intentional blank line between the cursor icon graphic and the "CURSOR" logotype text (the empty line between /(* and the .#######, row). This collapses the vertical gap between the two visual sections of the logo, making it appear compressed. The filter is needed to strip leading/trailing empty strings from the template literal, but it also strips internal blank lines that are part of the art.

Additional Locations (1)

• app/cursor/CursorAsciiCanvas.tsx#L48-L50

 

^{Reviewed by Cursor Bugbot for commit 9fe2756. Configure here.}

[cursor]

isLit field is redundant dead state

Low Severity

The isLit field on AsciiCell never changes from its initial value. Background cells always get isLit: false and foreground cells always get isLit: true in every flicker code path, making it permanently equal to !isBackground. The render expression cell.isBackground || !cell.isLit simplifies to just cell.isBackground. The field, its assignments, and its conditional checks add unnecessary complexity and could mislead developers into thinking it controls a meaningful visual toggle.

Additional Locations (2)

• app/cursor/CursorAsciiCanvas.tsx#L134-L179
• app/cursor/CursorAsciiCanvas.tsx#L206-L207

 

^{Reviewed by Cursor Bugbot for commit 9fe2756. Configure here.}