sumologic-documentation: Skill for Claude Code

Docusaurus 3 Reference — sumologic-documentation

Frontmatter Templates

Regular content page

---
id: my-page-name
title: My Page Title          # under 60 chars, include target keywords
sidebar_label: Sidebar Label  # short nav label
description: One or two sentences describing this page for search engines.
---

Index / hub page (custom URL)

---
slug: /section/subsection
title: Section Title
sidebar_label: Section Title
description: Description of this section.
keywords:
  - keyword1
  - keyword2
---

Standard Imports

import useBaseUrl from '@docusaurus/useBaseUrl';

For hub/card pages:

import useBaseUrl from '@docusaurus/useBaseUrl';
import DocCardList from '@theme/DocCardList';
import {useCurrentSidebarCategory} from '@docusaurus/theme-common';

For embedded videos:

import Iframe from 'react-iframe';

Hub/Index Page Layouts

Card grid (sumologic-documentation custom layout)

import useBaseUrl from '@docusaurus/useBaseUrl';

<div className="box-wrapper">
  <div className="box smallbox card">
    <div className="container">
      <a href={useBaseUrl('docs/section/page')}>
        <img src={useBaseUrl('img/icons/icon.png')} alt="icon description" width="40"/>
        <h4>Card Title</h4>
      </a>
      <p>Brief description of this section.</p>
    </div>
  </div>
</div>

DocCardList (auto-generated from sidebar)

import DocCardList from '@theme/DocCardList';
import {useCurrentSidebarCategory} from '@docusaurus/theme-common';

<DocCardList items={useCurrentSidebarCategory().items}/>

Admonitions

:::note
Informational note.
:::

:::tip
Helpful tip about a feature.
:::

:::important
Vital information.
:::

:::warning
Important and potentially problematic information.
:::

:::danger
Dangerous action that could result in data loss.
:::

:::sumo Best Practice
Sumo Logic-specific best practice. Title is customizable.
:::

:::training
Links to training courses or certifications.
:::