skills.rest
spqw
spqwCOMMUNITY
Explore all skills by this author →
GitHub

observable-framework-markdown

Explain extended Markdown syntax for Observable Framework content.

Updated Feb 28, 2026
Search Tags:#documentation#markdown#html#syntax#cards#grids#observable framework
One-click install
npx skills add https://github.com/spqw/skill-observable-framework --skill observable-framework-markdown
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: observable-framework-markdown
Source: https://github.com/spqw/skill-observable-framework/tree/main/skills/observable-framework-markdown
Command: npx skills add https://github.com/spqw/skill-observable-framework --skill observable-framework-markdown

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps users understand and effectively utilize the extended Markdown syntax within Observable Framework for creating rich, interactive documentation and data applications.

Core Features & Use Cases

  • Markdown Extensions: Learn about YAML front matter, HTML embedding, grids, cards, and notes.
  • Syntax Examples: See practical examples of headings, styling, tables, lists, links, and images.
  • Use Case: You're building a dashboard in Observable Framework and want to create a responsive layout using grids and cards to display different data visualizations. This skill will guide you on how to structure your content using the framework's Markdown extensions.

Quick Start

Explain how to use the grid and card classes to create a responsive layout for displaying content in Observable Framework.

Frequently Asked Questions about observable-framework-markdown

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I create responsive dashboard layouts using Observable Framework markdown?▼

To create a responsive layout, wrap your content blocks in grid and card classes within your markdown file. This structures different data visualizations side-by-side.

What extended markdown syntax does Observable Framework support?▼

Observable Framework supports extended markdown syntax including YAML front matter for configuration, HTML embedding, grids, cards, and notes to build rich data-driven content.

Can I embed HTML directly inside Observable Framework markdown files?▼

Yes, you can embed HTML directly within Observable Framework markdown files. This allows you to integrate custom elements and interactive components alongside standard markdown formatting.

How do I configure page properties in Observable Framework markdown?▼

Configure page properties in Observable Framework markdown by using YAML front matter at the top of your file to define metadata and control how your data application behaves.

Does Observable Framework markdown support standard tables and lists?▼

Yes, Observable Framework markdown supports basic features like headings, styling, tables, lists, links, and images, ensuring compatibility with standard markdown while adding framework-specific extensions.

Related Skills

Explore More Software Engineering Skills→
MakisuoMakisuo
1.6k

clickhousectl-local-dev

Install and configure a local ClickHouse environment with clickhousectl.

Community
Intermediate
h4vzzh4vzz
33

data-visualization

Generate static and interactive charts from structured data using matplotlib, seaborn, and plotly.

Community
Intermediate
NITRR-OfficialNITRR-Official
4

d3-viz

Builds custom charts, graphs, and diagrams with d3.js data binding and DOM manipulation.

Official
Advanced
forgivesam168forgivesam168
2

markdown-to-html

Convert Markdown documents to HTML using marked.js, pandoc, or gomarkdown.

Community
Intermediate