skills.rest
farming-labs
farming-labsOFFICIAL
Explore all skills by this author →
Website𝕏@KinfishTGitHub

creating-themes

Create and publish custom Docs themes with createTheme() and extendTheme().

52|7|Updated Feb 14, 2026
Search Tags:#npm#theme#docs#createTheme#extendTheme#theme-publishing#docs.config
One-click install
npx skills add https://github.com/farming-labs/docs --skill creating-themes
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: creating-themes
Source: https://github.com/farming-labs/docs/tree/main/examples/astro/.agents/skills/creating-themes
Command: npx skills add https://github.com/farming-labs/docs --skill creating-themes

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Creates and shares customizable themes for @farming-labs/docs, enabling branding consistency, faster setup across projects, and easy reuse of theme presets.

Core Features & Use Cases

  • Create a theme using createTheme() to define UI colors, typography, and layout.
  • Extend an existing theme with extendTheme() to tailor variants and maintain consistency.
  • Publish as an npm package or reuse across projects by importing into docs.config.

Quick Start

Create a new theme with createTheme(), customize colors and layout, and wire it into docs.config.

Frequently Asked Questions about creating-themes

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

FAQPage Schema
How do I create and share a custom Docs theme?▼

Build a custom Docs theme by defining UI colors, typography, and layout with createTheme(), then share it across projects by publishing it as an npm package.

What is the difference between createTheme and extendTheme?▼

Use createTheme() to build a new theme from scratch by defining base UI properties, whereas extendTheme() modifies an existing theme to tailor variants while maintaining design consistency.

Can I integrate a custom Docs theme with Next.js, SvelteKit, Astro, or Nuxt?▼

Yes, custom Docs themes can integrate with Next.js, SvelteKit, Astro, and Nuxt by importing your published theme package directly into the project's docs.config file.

How do I publish a Docs theme for reuse in other projects?▼

Publish your Docs theme as an npm package to enable branding consistency and faster setup, then reuse it across different projects by importing it into their docs.config files.

Do I need a valid SKILL.md file to define and publish a custom Docs theme?▼

Yes, defining a custom Docs theme requires a SKILL.md file with valid frontmatter containing the required name and description properties to ensure proper theme package structure.

What should I include in a custom Docs theme package?▼

A custom Docs theme package requires a SKILL.md with valid frontmatter, theme definitions via createTheme() or extendTheme(), and optional directories for scripts, references, or assets to support on-demand resources.

Related Skills

Explore More Design & Creative Skills→
farming-labsfarming-labs
52

farming-labs-docs

Scaffold MDX documentation projects across Next.js, SvelteKit, Astro, and Nuxt.

Official
Intermediate
smallnestsmallnest
190

theme-factory

Apply curated color and typography themes to presentations and reports.

Community
Basic
digirati-co-ukdigirati-co-uk
57

frontend-themes

Package and integrate Madoc TypeScript UI themes for consistent site and admin styling.

Official
Intermediate
artmsilvaartmsilva
2

create-theme

Define typed theme configurations for Stitches RSC with token exports.

Community
Advanced