rspress-frontmatter — rspress-frontmatter install rspress-frontmatter, claude-design-coordinator, community, rspress-frontmatter install, ide skills, configuring yaml frontmatter, rspress markdown configuration, controlling page metadata, Claude Code, Cursor, Windsurf

v1.0.0
GitHub

About this Skill

Ideal for Markdown Agents requiring precise control over RSPress page metadata and layout configuration. rspress-frontmatter is a configuration skill for controlling YAML frontmatter in RSPress markdown/mdx files to manage page metadata and layout.

Features

Configures YAML frontmatter in RSPress markdown/mdx files
Supports core metadata fields like title, description, and titleSuffix
Enables page layout control using specific fields
Overrides H1 heading with custom page title
Generates SEO meta tags using page description

# Core Topics

rspress-frontmatter install configuring yaml frontmatter rspress markdown configuration controlling page metadata
spencerbeggs spencerbeggs
[0]
[0]
Updated: 3/8/2026

Agent Capability Analysis

The rspress-frontmatter skill by spencerbeggs is an open-source community AI agent skill for Claude Code and other IDE workflows, helping agents execute tasks with better context, repeatability, and domain-specific guidance. Optimized for rspress-frontmatter install, configuring yaml frontmatter, rspress markdown configuration.

Ideal Agent Persona

Ideal for Markdown Agents requiring precise control over RSPress page metadata and layout configuration.

Core Value

Empowers agents to configure YAML frontmatter in RSPress markdown/mdx files, controlling page metadata, layout, and special page types using fields like title, description, and titleSuffix, thereby enhancing SEO meta tags and page customization.

↓ Capabilities Granted for rspress-frontmatter

Configuring page metadata for improved SEO
Customizing page layouts using YAML frontmatter
Creating special page types with tailored metadata

! Prerequisites & Limits

  • Requires RSPress environment
  • Limited to markdown/mdx file formats
  • Dependent on YAML frontmatter configuration
Labs Demo

Browser Sandbox Environment

⚡️ Ready to unleash?

Experience this Agent in a zero-setup browser environment powered by WebContainers. No installation required.

Boot Container Sandbox

rspress-frontmatter

Install rspress-frontmatter, an AI agent skill for AI agent workflows and automation. Works with Claude Code, Cursor, and Windsurf with one-command setup.

SKILL.md
Readonly

RSPress Frontmatter Configuration

Configure YAML frontmatter in RSPress markdown/mdx files to control page metadata, layout, and special page types.

Core Metadata Fields

FieldTypeDescription
titlestringPage title (overrides H1 heading)
descriptionstringPage description for SEO meta tags
titleSuffixstringCustom suffix for page title

Page Layout Control

FieldTypeDescription
pageTypestringPage type: doc, home, blank, custom
sidebarbooleanShow/hide sidebar (default: true)
outlinebooleanShow/hide table of contents outline (default: true)
footerbooleanShow/hide footer (default: true)
navbarbooleanShow/hide navigation bar (default: true)

Overview Page Configuration

Configure automatic overview pages that list child pages:

yaml
1---
2pageType: overview
3overview: true
4overviewHeaders:
5  - 2
6  - 3
7---

Home Page Configuration

Configure hero sections and feature cards:

yaml
1---
2pageType: home
3hero:
4  name: Project Name
5  text: Tagline text
6  tagline: Subtitle description
7  actions:
8    - text: Get Started
9      link: /guide/getting-started
10      theme: brand
11    - text: View on GitHub
12      link: https://github.com/user/repo
13      theme: alt
14features:
15  - title: Feature One
16    details: Description of first feature
17    icon: 🚀
18  - title: Feature Two
19    details: Description of second feature
20    icon: ⚡
21---

Common Examples

Standard documentation page:

yaml
1---
2title: Getting Started
3description: Learn how to install and configure the project
4sidebar: true
5outline: true
6---

Home page:

yaml
1---
2pageType: home
3title: Welcome
4navbar: true
5sidebar: false
6hero:
7  name: My Project
8  text: Build amazing things
9  tagline: Fast, flexible, and powerful
10---

API reference page:

yaml
1---
2title: API Reference
3description: Complete API documentation
4outline: true
5pageType: doc
6---

Blank page (custom layout):

yaml
1---
2pageType: blank
3navbar: false
4sidebar: false
5footer: false
6---

Overview page:

yaml
1---
2title: Guides
3pageType: overview
4overview: true
5---

Notes

  • Frontmatter must be at the very top of the file
  • All frontmatter blocks must use triple-dash (---) delimiters
  • Use YAML syntax for all field values
  • Boolean values should be lowercase: true, false
  • The title field overrides the first H1 heading in the document

FAQ & Installation Steps

These questions and steps mirror the structured data on this page for better search understanding.

? Frequently Asked Questions

What is rspress-frontmatter?

Ideal for Markdown Agents requiring precise control over RSPress page metadata and layout configuration. rspress-frontmatter is a configuration skill for controlling YAML frontmatter in RSPress markdown/mdx files to manage page metadata and layout.

How do I install rspress-frontmatter?

Run the command: npx killer-skills add spencerbeggs/claude-design-coordinator. It works with Cursor, Windsurf, VS Code, Claude Code, and 19+ other IDEs.

What are the use cases for rspress-frontmatter?

Key use cases include: Configuring page metadata for improved SEO, Customizing page layouts using YAML frontmatter, Creating special page types with tailored metadata.

Which IDEs are compatible with rspress-frontmatter?

This skill is compatible with Cursor, Windsurf, VS Code, Trae, Claude Code, OpenClaw, Aider, Codex, OpenCode, Goose, Cline, Roo Code, Kiro, Augment Code, Continue, GitHub Copilot, Sourcegraph Cody, and Amazon Q Developer. Use the Killer-Skills CLI for universal one-command installation.

Are there any limitations for rspress-frontmatter?

Requires RSPress environment. Limited to markdown/mdx file formats. Dependent on YAML frontmatter configuration.

↓ How To Install

  1. 1. Open your terminal

    Open the terminal or command line in your project directory.

  2. 2. Run the install command

    Run: npx killer-skills add spencerbeggs/claude-design-coordinator. The CLI will automatically detect your IDE or AI agent and configure the skill.

  3. 3. Start using the skill

    The skill is now active. Your AI agent can use rspress-frontmatter immediately in the current project.

Related Skills

Looking for an alternative to rspress-frontmatter or another community skill for your workflow? Explore these related open-source skills.

View All

widget-generator

Logo of f
f

f.k.a. Awesome ChatGPT Prompts. Share, discover, and collect prompts from the community. Free and open source — self-host for your organization with complete privacy.

★ 149.6k
⑂ 0
AI

flags

Logo of vercel
vercel

flags is a Next.js feature management skill that enables developers to efficiently add or modify framework feature flags, streamlining React application development.

★ 138.4k
⑂ 0
Browser

zustand

Logo of lobehub
lobehub

The ultimate space for work and life — to find, build, and collaborate with agent teammates that grow with you. We are taking agent harness to the next level — enabling multi-agent collaboration, effortless agent team design, and introducing agents as the unit of work interaction.

★ 72.8k
⑂ 0
AI

data-fetching

Logo of lobehub
lobehub

The ultimate space for work and life — to find, build, and collaborate with agent teammates that grow with you. We are taking agent harness to the next level — enabling multi-agent collaboration, effortless agent team design, and introducing agents as the unit of work interaction.

★ 72.8k
⑂ 0
AI