skill-observable-framework

Agent skills for Observable Framework documentation — one skill per doc page.

Installation

npx skills add user/skill-observable-framework

Or install specific skills:

npx skills add user/skill-observable-framework --skill observable-framework-getting-started

Skills (61 total)

Core

Skill	Description
observable-framework-overview	Overview and introduction to Observable Framework
observable-framework-what-is	What is Framework?
observable-framework-getting-started	Installation, creating a project, and development workflow
observable-framework-deploying	Build, preview, and deployment options
observable-framework-embeds	Embedding pages and components into other websites
observable-framework-convert	Converting Observable notebooks to Framework projects
observable-framework-contributing	Contributing to Observable Framework
observable-framework-sample-datasets	Built-in sample datasets
observable-framework-telemetry	Telemetry data collection and opt-out

Reference

Skill	Description
observable-framework-project-structure	Directory layout, conventions, and file organization
observable-framework-markdown	Markdown syntax and features — front matter, code blocks, HTML, cards, grids
observable-framework-javascript	JavaScript code blocks and inline expressions
observable-framework-reactivity	Reactive programming model and data flow
observable-framework-jsx	Using JSX (React components)
observable-framework-imports	Importing modules, libraries, and local files
observable-framework-data-loaders	Server-side data processing with any language
observable-framework-files	File attachments, file-based routing, and FileAttachment API
observable-framework-sql	SQL with DuckDB, SQL code blocks, and database connectors
observable-framework-themes	Light mode, dark mode, modifiers, aliases, and CSS custom properties
observable-framework-page-loaders	Dynamically generated pages via server-side rendering
observable-framework-params	Parameterized routes — dynamic pages from data
observable-framework-config	Configuration reference (observablehq.config.js)

Inputs

Skill	Description
observable-framework-inputs	Overview of Observable Inputs
observable-framework-input-button	Button input — trigger actions on click
observable-framework-input-checkbox	Checkbox input — select multiple options
observable-framework-input-color	Color picker input
observable-framework-input-date	Date picker input
observable-framework-input-file	File upload input
observable-framework-input-form	Form input — combine multiple inputs
observable-framework-input-radio	Radio button input — select one option
observable-framework-input-range	Range slider input — select a numeric value
observable-framework-input-search	Search input — filter tabular data
observable-framework-input-select	Select dropdown input
observable-framework-input-table	Table input — display and select tabular data
observable-framework-input-text	Text input — freeform text
observable-framework-input-textarea	Textarea input — multi-line text
observable-framework-input-toggle	Toggle switch input — boolean on/off

Libraries

Skill	Description
observable-framework-lib-arrow	Apache Arrow — columnar data processing
observable-framework-lib-arquero	Arquero — data transformation and analysis
observable-framework-lib-csv	CSV — parsing and generation with d3-dsv
observable-framework-lib-d3	D3.js — data visualization
observable-framework-lib-deckgl	Deck.gl — large-scale geospatial visualization
observable-framework-lib-dot	DOT/Graphviz — graph and network diagrams
observable-framework-lib-duckdb	DuckDB — in-browser SQL analytics
observable-framework-lib-echarts	Apache ECharts — interactive charts
observable-framework-lib-generators	Observable Generators — async data streams
observable-framework-lib-htl	Hypertext Literal — safe HTML templating
observable-framework-lib-jquery-ui	jQuery UI — UI widgets and interactions
observable-framework-lib-leaflet	Leaflet — interactive maps
observable-framework-lib-lodash	Lodash — utility functions
observable-framework-lib-mapbox-gl	Mapbox GL JS — vector tile maps
observable-framework-lib-mermaid	Mermaid — diagrams and flowcharts
observable-framework-lib-mosaic	Mosaic vgplot — linked interactive visualizations
observable-framework-lib-plot	Observable Plot — exploratory data visualization
observable-framework-lib-shapefile	Shapefile — reading ESRI shapefiles
observable-framework-lib-sqlite	SQLite — client-side SQL databases
observable-framework-lib-tex	TeX — mathematical typesetting
observable-framework-lib-topojson	TopoJSON — topological geospatial data
observable-framework-lib-vega-lite	Vega-Lite — declarative visualizations
observable-framework-lib-xlsx	Microsoft Excel (XLSX) — reading and writing Excel files
observable-framework-lib-zip	ZIP — reading and creating ZIP archives

Structure

skill-observable-framework/
├── manifest.json
├── skills/
│   ├── index.json
│   └── <skill-name>/
│       └── SKILL.md
└── README.md

License

ISC

Documentation content is from the Observable Framework project (ISC License).