Times Square Integration
Integrates the Times Square notebook execution system into web applications using established patterns for data fetching, real-time updates, and URL management.
The source repository doesn't declare a license. Check its terms before reusing the code.
Key features
- Offers a custom SWR-based hook for efficient data fetching and caching.
- Defines routing patterns for both standard pages and GitHub pull request previews.
- Provides patterns for real-time notebook execution updates via Server-Sent Events (SSE).
- Includes guidance on creating mock API endpoints for local development.
- Manages URL-based parameters for notebook execution using React Context.
Use cases
- Adding features to preview computational notebooks directly from GitHub pull requests.
- Building a user interface to display and interact with notebooks from a Times Square backend.
- Implementing live updates for a notebook's execution progress in a web application.
FAQ
When should I use this Claude skill?
Use this skill when you need to build web pages that display and interact with Times Square notebooks, implement real-time execution updates using Server-Sent Events (SSE), manage notebook parameters via URL, or set up mock APIs for local development.
What key capabilities does this skill provide?
It offers patterns for URL parameter management using React Context, a custom SWR-based hook for efficient data fetching, real-time notebook updates via SSE, routing for both standard pages and GitHub PR previews, and guidance for creating mock API endpoints.
What does the Times Square Integration skill do?
This skill equips Claude with the knowledge to generate code for integrating the Times Square notebook execution system into web applications, focusing on established patterns for Next.js, React, and the Rubin Science Platform.
How does this skill improve my development workflow?
It accelerates development by providing Claude with ready-to-use patterns for data fetching with SWR, state management with React Context, and API interaction. This ensures you get consistent, efficient, and best-practice code for your integration tasks.