observable-framework-javascript
CommunityRender dynamic content with JavaScript.
Software Engineering#data visualization#javascript#frontend development#reactivity#dynamic content#observable framework
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 requiredComponents
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.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.