skills.rest
etewiah
etewiahCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

theme-creation

Scaffold multi-tenant PropertyWebBuilder themes with palettes, templates, and CSS hooks.

635|276|Updated Nov 4, 2016
Search Tags:#theming#multi-tenant#css#tailwind#rails#palettes#theme-creation
One-click install
npx skills add https://github.com/etewiah/property_web_builder --skill theme-creation-etewiah
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: theme-creation
Source: https://github.com/etewiah/property_web_builder/tree/main/.claude/skills/theme-creation
Command: npx skills add https://github.com/etewiah/property_web_builder --skill theme-creation-etewiah

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Theme Creation skill enables developers and designers to rapidly create, register, and customize multi-tenant themes for PropertyWebBuilder, allowing brand-consistent experiences across websites.

Core Features & Use Cases

  • Create and register new themes with per-website inheritance and style overrides
  • Define color palettes, CSS templates, and asset configurations for consistent branding
  • Apply themes to specific websites, switch themes via URL or admin controls, and support parent/child theme inheritance

Quick Start

Create a new theme named mytheme, configure its base palette and templates, register it in app/themes/config.json, and assign it to a website.

Frequently Asked Questions about theme-creation

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

FAQPage Schema
How do I create and register multi-tenant themes for PropertyWebBuilder?▼

To create multi-tenant themes for PropertyWebBuilder, you generate theme directories, define color palettes, scaffold templates, and register the configuration in app/themes/config.json to apply branding across specific websites.

Can I apply per-website style overrides in a multi-tenant Rails theming setup?▼

Yes, multi-tenant theming supports per-website style overrides and parent/child theme inheritance, allowing individual websites to customize branding while maintaining a consistent base experience across tenants.

How does CSS compilation work when defining color palettes for Tailwind themes?▼

Defining color palettes for Tailwind themes involves loading the palette configurations and compiling CSS through designated theme hooks, generating the final stylesheets needed for consistent branding implementation.

What's the best way to scaffold a new theme directory with CSS templates and hooks?▼

The best way to scaffold a new theme directory is by using automated generation to create the folder structure, populate CSS templates, establish inheritance hooks, and output documentation-ready instructions for seamless integration.

Does PropertyWebBuilder theming support switching themes via URL or admin controls?▼

Yes, PropertyWebBuilder theming allows you to switch themes via URL parameters or admin controls, dynamically loading the appropriate theme registry entry and palettes to render the correct branding per website.

Related Skills

Explore More Software Engineering Skills→
etewiahetewiah
635

seed-packs

Automate seed data pack deployment for PropertyWebBuilder tenant sites.

Community
Advanced
511avolo-dot511avolo-dot

theme-factory

Apply cohesive color and typography themes to unify branding across artifacts.

Community
Intermediate
arthun01arthun01

tailwind-design-system

Generate Tailwind CSS v4 design tokens, type scales, and color palettes for Rails applications.

Community
Advanced
1k-off1k-off
1

umbraco-theme

Register Umbraco backoffice themes via manifests and CSS custom properties.

Community
Intermediate