skills.rest
Takazudo
TakazudoCOMMUNITY
Explore all skills by this author →
Website𝕏@TakazudoGitHub

docusaurus-doc-title-with-top-layout

Create a two-column Docusaurus landing page with a DocsSitemap component.

11|1|Updated Feb 10, 2026
Search Tags:#react#docs#docusaurus#landing-page#website-structure#two-column#docs-sitemap
One-click install
npx skills add https://github.com/Takazudo/claude-resources --skill docusaurus-doc-title-with-top-layout
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: docusaurus-doc-title-with-top-layout
Source: https://github.com/Takazudo/claude-resources/tree/main/skills/docusaurus-doc-title-with-top-layout
Command: npx skills add https://github.com/Takazudo/claude-resources --skill docusaurus-doc-title-with-top-layout

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes assets (resource) components.

What problem does it solve?

This Skill helps Docusaurus users implement a polished, two-column landing page with an always-visible left sidebar and a dynamic DocsSitemap on the right, streamlining documentation discovery.

Core Features & Use Cases

  • Two-column layout with a sticky left sidebar displaying title, tagline, logo, and quick links.
  • DocsSitemap on the right with collapsible sections reflecting docs structure.
  • One-click integration into existing Docusaurus projects to enhance docs navigation.

Quick Start

Copy the provided assets into your Docusaurus project and run the build to render the new landing page.

Frequently Asked Questions about docusaurus-doc-title-with-top-layout

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

FAQPage Schema
How do I add a two-column landing page to a Docusaurus site?▼

You can add a two-column landing page by copying the provided assets into your Docusaurus project root and running a build. This renders a layout with a sticky left sidebar and a dynamic DocsSitemap.

What is a DocsSitemap component in Docusaurus documentation?▼

A DocsSitemap component dynamically reflects your docs structure with collapsible sections. It streamlines documentation discovery by providing a navigable map within the Docusaurus landing page layout.

How do I keep a sidebar visible across Docusaurus documentation pages?▼

To keep a sidebar visible, implement a two-column layout using custom CSS modules. This makes the left sidebar sticky, persistently displaying your title, tagline, logo, and quick links.

Does this Docusaurus landing page layout require external dependencies?▼

No external dependencies are required. This Docusaurus landing page layout only needs an existing Docusaurus project root to integrate the provided assets and TSX/CSS modules.

Can I use a custom landing page layout with an existing Docusaurus project?▼

Yes, you can integrate a custom two-column landing page into an existing Docusaurus project. Copy the provided TSX and CSS assets into your project root and run the build to render the new layout.

Related Skills

Explore More Software Engineering Skills→
parisgroup-aiparisgroup-ai
1

pwa-audit

Detect mobile-first PWA usability violations in React/TSX components.

Official
Intermediate
TakazudoTakazudo
11

docusaurus-doc-title

Generate an expandable docs sitemap from Docusaurus sidebars and frontmatter.

Community
Advanced
Tuya-CommunityTuya-Community
4

tuyaopen-build-check

Verify Docusaurus builds for TuyaOpen documentation and detect link, MDX, and sidebar errors.

Official
Intermediate
Logos-LiberLogos-Liber
17

documentation-tools

Compare static site generators and documentation platforms for technical documentation workflows.

Official
Intermediate