observable-framework-project-structure

Community

Understand Observable Framework project layout.

Authorspqw
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill clarifies the organization and conventions of files and directories within an Observable Framework project, making it easier to navigate and manage your codebase.

Core Features & Use Cases

  • Directory Structure: Explains the purpose of key directories like src, components, and data.
  • File Conventions: Details the roles of files such as index.md, observablehq.config.js, and data loaders.
  • Routing: Illustrates how file names and locations map to URL routes.
  • Use Case: When starting a new Observable Framework project or onboarding a new team member, this Skill provides a clear map of the project's architecture.

Quick Start

Review the typical directory structure for an Observable Framework project.

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

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.