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

•

Design Tools

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.

Key Features

01Support for TailAdmin's custom color palettes, shadows, and spacing scales

02Strict class verification process to prevent the use of non-existent Tailwind utilities

032 GitHub stars

04Library of verified dashboard components including charts, tables, and form elements

05Automated fetching of official TailAdmin source code and Tailwind configurations

06Pre-configured layout structures for sidebars, headers, and breadcrumb navigation

Use Cases

01Creating consistent KPI metric displays and statistical charts using verified patterns

02Building data-heavy admin dashboards for enterprise Rails or JavaScript applications

03Developing responsive form layouts and data tables for internal management tools

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add kaakati/rails-enterprise-dev tailadmin-patterns

For use in Claude.ai and ChatGPT

Download Skill