Skip to content

Conversation

@kylemclaren
Copy link
Collaborator

@kylemclaren kylemclaren commented Jan 3, 2026

Screenshot 2026-01-03 at 19 44 07

Summary

  • Replace plain markdown link lists with interactive spotlight cards across all documentation pages
  • Cards feature icons, titles, descriptions, and a spotlight hover effect that follows the cursor
  • All 17 documentation pages updated with card-based "Related Documentation" or "Next Steps" sections
  • Cards are fully theme-aware, adapting to light/dark mode

Test plan

  • Build passes (pnpm build)
  • Lint passes (pnpm lint)
  • Cypress tests pass (pnpm test:e2e)
  • Visual review of cards on various pages
  • Verify cards navigate to correct destinations
  • Test theme switching (light/dark mode)

🤖 Generated with Claude Code

Replace plain markdown link lists with interactive spotlight cards across all documentation pages. Cards feature icons, titles, descriptions, and a spotlight hover effect.

- Add SpotlightCard, LinkCard, and CardGrid components
- Update all 17 documentation pages with card-based navigation
- Add Cypress tests for card rendering and navigation
- Cards are theme-aware and use primary color from CSS variables

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <[email protected]>
@github-actions
Copy link

github-actions bot commented Jan 3, 2026

Preview Deployment

Name URL
Preview https://pr-32-superfly-sprites-docs.fly.dev

Commit: 63d5331

The new LinkCard components were being stripped from the markdown
output. Added regex handler to convert CardGrid/LinkCard JSX to
plain markdown link lists for the .md endpoint.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <[email protected]>
@github-actions
Copy link

github-actions bot commented Jan 3, 2026

E2E Test Results

✅ Tests success

Ran against: https://pr-32-superfly-sprites-docs.fly.dev

- Add assertion that href is an internal link
- Use cy.location('pathname') instead of cy.url() to avoid
  waiting for full page load event
- Increase timeout to 60s for slow CI environments

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <[email protected]>
Clicking links triggers full page load which times out in CI.
Using cy.request() to verify the linked page exists (returns 200)
is faster and more reliable.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <[email protected]>
🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <[email protected]>
@kylemclaren kylemclaren merged commit 6e6ab6e into main Jan 3, 2026
4 checks passed
@kylemclaren kylemclaren deleted the add-link-cards branch January 3, 2026 18:45
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