Configure Tailwind CSS with TypeScript in a Next.js or React project. Covers installation, configuration, custom theme extensions, component patterns, and type-safe styling utilities. Use to add Tailwind CSS to an existing TypeScript project, customize the Tailwind theme for a project's design system, set up type-safe component styling patterns, or configure Tailwind plugins and extensions.
Install
npx skills add pjt222/agent-almanac --skill setup-tailwind-typescriptnpx skills add pjt222/agent-almanac --skill setup-tailwind-typescript -a claude-code -gnpx skills add pjt222/agent-almanac --skill setup-tailwind-typescript -a codex -ggemini skills install https://github.com/pjt222/agent-almanac.git --path i18n/caveman-lite/skills/setup-tailwind-typescriptgh skill install pjt222/agent-almanac setup-tailwind-typescriptgit clone --depth 1 https://github.com/pjt222/agent-almanac /tmp/pjt222__agent-almanac
mkdir -p ~/.claude/skills ~/.agents/skills
cp -R /tmp/pjt222__agent-almanac/i18n/caveman-lite/skills/setup-tailwind-typescript ~/.claude/skills/setup-tailwind-typescript # Claude Code
cp -R /tmp/pjt222__agent-almanac/i18n/caveman-lite/skills/setup-tailwind-typescript ~/.agents/skills/setup-tailwind-typescript # Codex, Cursor, Gemini CLI, Copilot, OpenCode