observable-framework-params

Generate dynamic web pages in Observable Framework using parameterized routes and data loaders.

Updated Feb 28, 2026
One-click install
npx skills add https://github.com/spqw/skill-observable-framework --skill observable-framework-params
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: observable-framework-params
Source: https://github.com/spqw/skill-observable-framework/tree/main/skills/observable-framework-params
Command: npx skills add https://github.com/spqw/skill-observable-framework --skill observable-framework-params

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill enables the creation of dynamic web pages within the Observable Framework, where page content is generated based on data or parameters, rather than static files.

Core Features & Use Cases

  • Parameterized Routes: Define file or directory names with placeholders (e.g., [param]) to create multiple pages from a single source.
  • Dynamic Content Generation: Use data loaders or page loaders to populate these parameterized routes with specific information.
  • Use Case: Generate individual product pages for an e-commerce site by using a [product].md file and a dynamicPaths configuration that lists all product IDs.

Quick Start

Use the observable-framework-params skill to create dynamic pages based on URL parameters.

Frequently Asked Questions about observable-framework-params

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

FAQPage Schema
How do I create dynamic pages in Observable Framework from a single source file?

To create dynamic pages in Observable Framework, use parameterized routes by adding placeholders like [param] to file names. This generates multiple pages from a single source based on dynamic path segments.

How do parameterized routes work with data loaders in Observable Framework?

Parameterized routes work with data loaders by capturing URL path segments as parameters. Data loaders then use these parameters to fetch and populate the specific data required for server-side rendering.

Can I generate multiple product pages using a parameterized route in markdown?

Yes, you can generate multiple product pages using a [product].md markdown file. By configuring dynamicPaths with a list of product IDs, the Observable Framework creates individual pages for each item.

Does Observable Framework support client-side access to URL parameters for dynamic content?

Observable Framework supports client-side parameter access alongside server-side rendering. This allows your data-driven content to dynamically respond to URL parameters on both the server and the client.

What is the best way to build data-driven content with dynamic URLs in Observable Framework?

The best way to build data-driven content is using parameterized routes with data loaders. This approach populates dynamic web pages based on specific data parameters rather than relying on static files.

When should I use parameterized routes instead of static markdown files in Observable Framework?

You should use parameterized routes instead of static markdown files when you need to generate multiple pages from a single source. This is ideal for data-driven content like e-commerce product pages that rely on dynamic path segments.