observable-framework-jsx

Community

Render React components in Observable Framework.

Authorspqw
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill enables developers to seamlessly integrate React components and JSX syntax within Observable Framework projects, enhancing UI development capabilities.

Core Features & Use Cases

  • JSX Syntax Support: Write and render React components using familiar JSX markup.
  • Reactivity Integration: Combine React's state management (hooks like useState) with Observable's reactive programming model.
  • Component Reusability: Define and import custom React components for use across your Framework pages.
  • Use Case: Build interactive dashboards or data visualizations by leveraging React's component architecture within your Observable Framework project.

Quick Start

Use the observable-framework-jsx skill to display a React Greeting component with the subject 'World'.

Dependency Matrix

Required Modules

None required

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: observable-framework-jsx
Download link: https://github.com/spqw/skill-observable-framework/archive/main.zip#observable-framework-jsx

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.