Does this skill require a TailAdmin license?

This skill specifically targets the TailAdmin Free Tailwind Dashboard template patterns available on GitHub, which are open-source.

What UI components are supported?

It includes support for stats cards, charts, data tables, form elements, alerts, modals, sidebars, headers, and full page layout wrappers.

Does it support dark mode?

Yes, it uses TailAdmin's specific dark mode classes like 'dark:bg-boxdark' and 'dark:border-strokedark' for native dark theme support.

Can I use this for non-Rails projects?

Yes. While part of the rails-enterprise-dev plugin, the UI patterns and Tailwind classes are generic and portable to any web project using Tailwind CSS.

Why does the skill clone a repository first?

It clones the official repository to ensure Claude uses real CSS classes and configurations rather than guessing or generating non-existent Tailwind utilities.

TailAdmin Dashboard UI Patterns

Name: TailAdmin Dashboard UI Patterns
Author: Kaakati

byKaakati

•

디자인 도구

Implements professional admin dashboards using verified TailAdmin framework components and custom Tailwind CSS configurations.

소개

This skill provides a standardized workflow for building enterprise-grade admin panels and dashboards using the TailAdmin framework. It enforces a strict fetch-before-implement rule, ensuring that Claude uses authentic CSS classes, custom color schemes, and exact component structures directly from the official TailAdmin source code. It is ideal for developers who need consistent, production-ready UI elements like KPI cards, data tables, and complex navigation layouts without the risk of style hallucinations or incorrect utility usage.

주요 기능

Support for TailAdmin's custom color palettes, shadows, and spacing scales
Strict class verification process to prevent the use of non-existent Tailwind utilities
2 GitHub stars
Library of verified dashboard components including charts, tables, and form elements
Automated fetching of official TailAdmin source code and Tailwind configurations
Pre-configured layout structures for sidebars, headers, and breadcrumb navigation

사용 사례

Creating consistent KPI metric displays and statistical charts using verified patterns
Building data-heavy admin dashboards for enterprise Rails or JavaScript applications
Developing responsive form layouts and data tables for internal management tools

소개

주요 기능

Support for TailAdmin's custom color palettes, shadows, and spacing scales
Strict class verification process to prevent the use of non-existent Tailwind utilities
2 GitHub stars
Library of verified dashboard components including charts, tables, and form elements
Automated fetching of official TailAdmin source code and Tailwind configurations
Pre-configured layout structures for sidebars, headers, and breadcrumb navigation

사용 사례

Creating consistent KPI metric displays and statistical charts using verified patterns
Building data-heavy admin dashboards for enterprise Rails or JavaScript applications
Developing responsive form layouts and data tables for internal management tools