Skip to content

Website/v2#90

Open
aidenybai wants to merge 60 commits intofirst-minorfrom
website/v2
Open

Website/v2#90
aidenybai wants to merge 60 commits intofirst-minorfrom
website/v2

Conversation

@aidenybai
Copy link
Copy Markdown
Member

@aidenybai aidenybai commented Apr 7, 2026

@ben-million new site


Note

Medium Risk
Large client-side rewrite of the landing page plus new UI dependencies and a client fetch to the GitHub API; primary risks are UI regressions, hydration/SSR quirks, and rate-limit/failure handling for the star count fetch.

Overview
Replaces the website home page with a new Paper-derived landing experience centered around a looping terminal+browser animation (cursor actions, diff states, “fix” flow, reload), now parameterized/tunable via dialkit and supported by a new ClaudeSpinner component.

Updates global styling to include pasito styles, add the JetBrains Mono font, adjust scrollbar behavior, and apply stronger font overrides for dial controls. The layout now loads react-grab via a small client component (ReactGrab) instead of a dev-only <Script> tag.

Refreshes marketing content and interactions: clickable/copy install command UI, live GitHub star count fetched from the GitHub API, and a new FAQ accordion section. Also adds npm version/download badges to the CLI README and introduces new website deps (dialkit, pasito, zustand).

Reviewed by Cursor Bugbot for commit 8871a27. Bugbot is set up for automated code reviews on this repo. Configure here.


Summary by cubic

Rebuilds the landing page (website v2) with a centered light‑mode layout and a looping agent demo (spinner → diff → alert → fix → reload). Adds a new Test Security section, improves the pasito install stepper copy, and polishes the banner with gradient edges and a border alongside the live GitHub star button.

  • New Features

    • Looping terminal+browser demo with animated cursor and phase status; longer diff and browser loads after the diff.
    • Replaces the custom editor with dialkit; adds soft springs, scroll fades, JetBrains Mono, Display‑P3 off‑white, a browser loading bar and network panel; loads react-grab in dev via a tiny client component; adds zustand; refreshed FAQ; redesigned GitHub star button with live count; pasito install stepper with real step copy; new Test Security section; gradient banner edges and border; polished terminal command; CLI README/docs synced.
  • Bug Fixes

    • Animation stability: split illustration components, key‑based remount, fix ref updates; pointer‑events on cards; FAQ text selection; locked terminal x on reset.
    • BrowserPreview polish: derive loading from prop; scale/caption/spacing tweaks; correct network panel z‑order; removed tooltip; simplified cursor; clearer phase labels; reduced shadows; hide login during the network tab.

Written for commit 8871a27. Summary will update on new commits.

Three-phase animation: spinner -> diff -> expect skill checklist.
Browser preview card slides out from behind terminal on diff phase.
Claude Code spinner with cycling glyph and glimmer effect.

Made-with: Cursor
…r trigger, subtle scroll fades, and grey banner

Made-with: Cursor
…rphing, and caption styling

Made-with: Cursor
…inal, and speed up animation

Made-with: Cursor
…ed UI, xl label, and cursor edge movement

Made-with: Cursor
…, and label state transitions

Made-with: Cursor
@vercel
Copy link
Copy Markdown
Contributor

vercel bot commented Apr 7, 2026

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

Project Deployment Actions Updated (UTC)
expect Error Error Apr 7, 2026 10:25am

Copy link
Copy Markdown
Contributor

@cubic-dev-ai cubic-dev-ai bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

1 issue found across 6 files (changes from recent commits).

Prompt for AI agents (unresolved issues)

Check if these issues are valid — if so, understand the root cause of each and fix them. If appropriate, use sub-agents to investigate and fix each issue separately.


<file name="apps/website/pnpm-workspace.yaml">

<violation number="1" location="apps/website/pnpm-workspace.yaml:5">
P1: This override points `react-grab` to a machine-local path outside the repo, which can fail dependency installation in CI/clean environments.</violation>
</file>

Reply with feedback, questions, or to request a fix. Tag @cubic-dev-ai to re-run a review, or fix all with cubic.

- sharp
- unrs-resolver
overrides:
react-grab: link:../../../react-grab/packages/react-grab
Copy link
Copy Markdown
Contributor

@cubic-dev-ai cubic-dev-ai bot Apr 7, 2026

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

P1: This override points react-grab to a machine-local path outside the repo, which can fail dependency installation in CI/clean environments.

Prompt for AI agents
Check if this issue is valid — if so, understand the root cause and fix it. At apps/website/pnpm-workspace.yaml, line 5:

<comment>This override points `react-grab` to a machine-local path outside the repo, which can fail dependency installation in CI/clean environments.</comment>

<file context>
@@ -1,3 +1,5 @@
   - sharp
   - unrs-resolver
+overrides:
+  react-grab: link:../../../react-grab/packages/react-grab
</file context>
Suggested change
react-grab: link:../../../react-grab/packages/react-grab
react-grab: ^0.1.28
Fix with Cubic

Copy link
Copy Markdown
Contributor

@cubic-dev-ai cubic-dev-ai bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

3 issues found across 2 files (changes from recent commits).

Prompt for AI agents (unresolved issues)

Check if these issues are valid — if so, understand the root cause of each and fix them. If appropriate, use sub-agents to investigate and fix each issue separately.


<file name="apps/cli/README.md">

<violation number="1">
P3: Fix the typo `having giving` in the FAQ sentence.</violation>

<violation number="2" location="apps/cli/README.md:63">
P2: README documents `--headless`, but the CLI exposes `--headed`; this will mislead users and cause invalid command usage.</violation>
</file>

<file name="packages/browser/src/mcp/resources/responsive/rule.md">

<violation number="1" location="packages/browser/src/mcp/resources/responsive/rule.md:3">
P1: `name` was changed from a YAML frontmatter key to a Markdown heading, which breaks frontmatter parsing for this rule file.</violation>
</file>

Reply with feedback, questions, or to request a fix. Tag @cubic-dev-ai to re-run a review, or fix all with cubic.

---
name: responsive

## name: responsive
Copy link
Copy Markdown
Contributor

@cubic-dev-ai cubic-dev-ai bot Apr 7, 2026

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

P1: name was changed from a YAML frontmatter key to a Markdown heading, which breaks frontmatter parsing for this rule file.

Prompt for AI agents
Check if this issue is valid — if so, understand the root cause and fix it. At packages/browser/src/mcp/resources/responsive/rule.md, line 3:

<comment>`name` was changed from a YAML frontmatter key to a Markdown heading, which breaks frontmatter parsing for this rule file.</comment>

<file context>
@@ -1,11 +1,12 @@
 ---
-name: responsive
+
+## name: responsive
+
 description: >
</file context>
Fix with Cubic

@aidenybai aidenybai changed the base branch from main to first-minor April 7, 2026 04:24
@cubic-dev-ai
Copy link
Copy Markdown
Contributor

cubic-dev-ai bot commented Apr 7, 2026

You're iterating quickly on this pull request. To help protect your rate limits, cubic has paused automatic reviews on new pushes for now—when you're ready for another review, comment @cubic-dev-ai review.

Copy link
Copy Markdown

@cursor cursor bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Cursor Bugbot has reviewed your changes and found 1 potential issue.

There are 2 total unresolved issues (including 1 from previous review).

Fix All in Cursor

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

Reviewed by Cursor Bugbot for commit 69db76a. Configure here.

…pper, polish terminal command

Made-with: Cursor
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.

2 participants