generating-markdown

Generate markdown export and copy button components for Next.js pages.

Updated Feb 17, 2026
One-click install
npx skills add https://github.com/0xHoneyJar/construct-beacon --skill generating-markdown
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: generating-markdown
Source: https://github.com/0xHoneyJar/construct-beacon/tree/main/skills/generating-markdown
Command: npx skills add https://github.com/0xHoneyJar/construct-beacon --skill generating-markdown

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill facilitates the automatic generation of markdown content for web pages, enabling content to be served flexibly via content negotiation and providing convenient copy buttons for user interaction.

Core Features & Use Cases

  • Content Negotiation: Implements server-side handlers to serve pages as markdown when requested with Accept: text/markdown.
  • Copy Button UI: Provides React components allowing users to easily copy page content in markdown format.
  • Quick Start: Use the /add-markdown command to add markdown export capabilities to an existing page, such as /pricing, with default settings.

Quick Start

Invoke /add-markdown /page-path to embed markdown serving and copying features into your Next.js project.

Frequently Asked Questions about generating-markdown

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

FAQPage Schema
How do I serve markdown from a Next.js page using content negotiation?

To serve markdown from a Next.js page, you need server-side handlers that respond to the `Accept: text/markdown` header. This Skill automates creating those handlers, allowing your routes to return markdown content directly for AI agents and API requests.

What is the best way to add a copy button for markdown content in a Next.js app?

The best way to add a markdown copy button is using a pre-built React component integrated into your page. This Skill provides the necessary UI components, allowing users to easily copy page content in markdown format with minimal setup.

How do I make my web page content accessible to AI agents?

Making web page content accessible to AI agents involves serving it in a machine-readable format like markdown. This Skill enables content negotiation for markdown exports, enhancing discoverability for AI agents and automated tools.

Can I add markdown export capabilities to an existing Next.js page without complex setup?

Yes, you can add markdown export capabilities to an existing page with minimal setup. By invoking the `/add-markdown /page-path` command, this Skill embeds markdown serving and copying features into your Next.js project automatically.

Does this markdown generation approach work with custom Next.js API endpoints?

Yes, it works with custom API endpoints by implementing server-side handlers for content negotiation. This allows your endpoints to serve pages as markdown when requested, supporting flexible content delivery alongside your existing routes.

Why use content negotiation for markdown instead of separate API routes?

Using content negotiation for markdown avoids maintaining separate API routes by serving the same resource in different formats. This Skill automates returning markdown based on the `Accept: text/markdown` header, keeping your Next.js routing structure clean.