Skills
.Work. You
Rest

frontend-themes

Official

Streamline Madoc theme packaging and integration

Software Engineering#typescript#frontend#integration#themes#madoc#theme-packaging
Authordigirati-co-uk
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Inconsistent or missing theme assets and registration cause UI discrepancies in Madoc TypeScript sites and admin panels. This Skill provides a clear guide to structuring, packaging, and integrating themes so that changes remain consistent across environments.

Core Features & Use Cases

  • Theme Asset Management: Organize and package SCSS, images, and other assets in the services/madoc-ts/themes directory.
  • Theme Registration: Wire themes into the extension system via services/madoc-ts/src/extensions/themes.
  • Integration Workflow: Verify theme setup in services/madoc-ts/src/frontend/themes and ensure the build pipeline includes theme overrides.
  • Use Case: When adding a new visual style to Madoc, follow this Skill to create the theme folder, update registration, and test the site UI.

Quick Start

Request the frontend-themes skill to walk you through reviewing the current theme structure and updating the registration for a new theme.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: frontend-themes
Download link: https://github.com/digirati-co-uk/madoc-platform/archive/main.zip#frontend-themes

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.