observable-framework-embeds

Community

Embed Observable Framework content.

Authorspqw
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill enables the seamless integration of interactive Observable Framework pages and components into external websites and applications, overcoming the limitations of standalone embedding.

Core Features & Use Cases

  • Exported Modules: Integrate dynamic data components (charts, tables) directly into your web applications using vanilla JavaScript or frameworks like React.
  • Exported Files: Publish static or dynamically generated assets (like SVGs) under stable URLs for easy linking.
  • Iframe Embeds: Utilize traditional iframe embedding for broad compatibility, with options for responsive resizing.
  • Use Case: Embed a live, interactive data visualization built with Observable Framework into a company's internal dashboard or a public-facing blog post.

Quick Start

Use the observable-framework-embeds skill to embed the page located at '/chart' into an iframe.

Dependency Matrix

Required Modules

None required

Components

references

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

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.