observable-framework-javascript

Community

Render dynamic content with JavaScript.

Authorspqw
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill enables developers to embed and execute JavaScript code directly within Observable Framework pages for dynamic content generation and interactivity.

Core Features & Use Cases

  • Fenced Code Blocks: Use ````js` blocks for displaying charts, inputs, and declaring variables.
  • Inline Expressions: Embed JavaScript directly into Markdown text using ${...} for dynamic values.
  • Reactivity: Code automatically re-runs when referenced reactive variables change.
  • Use Case: Create interactive data visualizations, custom input components, or dynamic text that updates in real-time within your Observable Framework documentation.

Quick Start

Use the observable-framework-javascript skill to display a reactive greeting message.

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

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.