Customize with a coding agent - Mintlify

The mintlify skill helps your coding agent write documentation, configure your site, and customize its appearance and browser behavior. It includes references for selectors, component parts, CSS variables, browser APIs, script lifecycle, themes, and React snippets. Your agent loads only the references a task needs.

Install the skill

You need Node.js and a coding agent that supports skills.

npx skills@latest add \
  https://github.com/mintlify/docs/tree/main/agent-context/context/skills/mintlify \
  --skill mintlify

Select your agent and scope when prompted. Add --global to install it across all your projects. To update, rerun the same command with the same options, then start a new agent session. If you get the skill through a plugin, update the plugin instead.

Ask your agent to customize your site

Describe the result you want, your theme, and the affected pages or components. For example:

Use mintlify to make the left sidebar 320px wide on desktop in the mint theme.
Keep the content and footer aligned, and check at 1024px and 1440px.

Use mintlify to set body text to 17px with a 1.6 line height and widen
the content column to 768px on large screens.

Use mintlify to review my styles.css and replace selectors that depend on
generated class names with stable IDs or data attributes.

Use mintlify to hide breadcrumbs in search results.

The skill prefers configuration, component props, and React components over global CSS or JavaScript.

Related topics

Customize agent behavior Connect Mintlify Index to your coding agent Mintlify CLI command reference

⌘I