skills.rest
michaelayoade
michaelayoadeCOMMUNITY
Explore all skills by this author →
GitHub

add-page-template

Generate Jinja2 admin page templates for DotMac Omni CRM views.

Updated Feb 3, 2026
Search Tags:#scaffolding#jinja2#tailwind#admin templates#ui macros#htmx partials#domain theming
One-click install
npx skills add https://github.com/michaelayoade/dotmac_crm --skill add-page-template
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: add-page-template
Source: https://github.com/michaelayoade/dotmac_crm/tree/main/.claude/skills/add-page-template
Command: npx skills add https://github.com/michaelayoade/dotmac_crm --skill add-page-template

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

It solves the problem of repeatedly building consistent admin page layouts by hand, which wastes time and leads to UI inconsistency.

Core Features & Use Cases

  • Admin page scaffolding with design-system macros: Produces list, detail, and form templates using shared Industrial Modern Jinja2 macro components.
  • Domain-aware theming: Applies the correct Tailwind color pair based on the target CRM domain (e.g., Network/IP Management, Fiber/OLTs, Tickets/Support).
  • UI structure coverage: Includes page headers, cards, tables, filters/search patterns, stats blocks, breadcrumbs, sidebars, and destructive action affordances.
  • Optional partial pattern for HTMX: Defines a partial template approach (prefixed with _) for dynamic sections when needed.

Quick Start

Provide the desired page_info (page type and domain) and ask the skill to generate the corresponding templates for list, detail, and form pages using the Industrial Modern macros.

Frequently Asked Questions about add-page-template

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

FAQPage Schema
How do I generate Jinja2 admin page templates for CRM list, detail, and form views?▼

You can generate Jinja2 admin page templates by providing the desired page type and CRM domain, which scaffolds complete list, detail, and form views using shared Industrial Modern macros to eliminate repetitive layout work.

Can I apply domain-specific Tailwind color schemes to my admin CRUD screens?▼

Yes, domain-aware theming applies the correct Tailwind color pair based on the target CRM domain, such as Network/IP Management or Tickets/Support, ensuring visual consistency across administrative CRUD screens.

How do HTMX partials work with Jinja2 admin templates for dynamic content?▼

HTMX partials use a prefixed template approach to render dynamic sections within admin pages, allowing you to update specific UI elements without reloading the entire layout.

What UI structure elements are included in a scaffolded admin page template?▼

Scaffolded admin page templates include structured UI elements like page headers, cards, tables, filters, search patterns, stats blocks, breadcrumbs, sidebars, and validated form fields.

Does this scaffolding tool require specific layout extensions to function?▼

Yes, the generated templates extend layouts/admin.html and import UI macros from components/ui/macros.html, requiring these base files to exist in your project structure for proper inheritance.

What is the best way to maintain UI consistency across multiple admin pages?▼

The best way to maintain UI consistency is to use shared Jinja2 macro components that enforce a unified Industrial Modern design system across all generated list, detail, and form templates.

Related Skills

Explore More Design & Creative Skills→
liamtran96liamtran96

shadcn-ui

Implement shadcn/ui components in React projects with Tailwind and Radix.

Community
Intermediate
MGurtDMGurtD
2

frontend-patterns

Provide standardized Vue 3 patterns for list views, detail views, and dialog CRUD.

Community
Intermediate
litestar-orglitestar-org
13

litestar-htmx

Integrate HTMX with Litestar using the first-party HTMXPlugin and response objects.

Official
Intermediate
ReshzyReshzy

tailwindcss-development

Fix Tailwind utility classes in Blade, JSX, or Vue templates for responsive layouts and dark mode support.

Community
Intermediate