Skills
.Work. You
Rest

tailwind-migration-makalahapp

Community

Standardize Makalahapp styles with Tailwind

Design & Creative#tailwind#design-system#globals#frontend-styling#css-migration#inventory-script
AuthorPosteriot
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This skill organizes the migration from Makalahapp custom CSS to Tailwind CSS 4 so the existing UI stays consistent while styles are flattened into a shared design system with layered files.

Core Features & Use Cases

  • Systematic inventory: Runs the provided inventory-css-usage script to capture every custom class definition and usage across globals and admin styles before any changes.
  • Design system layering: Moves tokens, theme, base, components, and effects rules into src/styles and keeps globals.css as an import-only hub while honoring the knowledge-base reference.
  • Component and effect alignment: Replaces header, hero, footer, and admin class usages with Tailwind utilities or new component and effects layer rules and then verifies the visual parity.

Quick Start

Run the inventory-css-usage script to document each custom class usage so you can plan the Tailwind replacements before editing files.

Dependency Matrix

Required Modules

python3ripgrep

Components

scripts

💻 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: tailwind-migration-makalahapp
Download link: https://github.com/Posteriot/makalah-app/archive/main.zip#tailwind-migration-makalahapp

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.