times-square-integration
OfficialSeamlessly integrate Times Square notebooks.
Software Engineering#API integration#Next.js#Times Square#Jupyter notebooks#Web integration#Frontend development#Real-time updates
Authorlsst-sqre
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Integrating the Times Square notebook execution system into a web application can be complex, involving real-time updates, URL parameter management, and API interactions. This skill provides clear patterns and best practices for a smooth integration.
Core Features & Use Cases
- Notebook Display & Interaction: Guides on displaying Times Square pages, handling URL parameters, and managing real-time Server-Sent Events (SSE) updates.
- API & Data Fetching: Provides patterns for using custom SWR hooks to fetch Times Square data and setting up mock API endpoints for local development.
- Routing & Previews: Explains routing for regular pages and GitHub PR previews, simplifying navigation and review workflows.
- Use Case: To embed a dynamic Jupyter notebook from Times Square into a new application page, use this skill to set up the necessary context providers, data fetching hooks, and parameter handling.
Quick Start
Fetch and display metadata for a Times Square page with the slug 'my-notebook-page'.
useTimesSquarePage('my-notebook-page')
Dependency Matrix
Required Modules
reactswrnext.js
Components
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: times-square-integration Download link: https://github.com/lsst-sqre/squareone/archive/main.zip#times-square-integration Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.