setup-tailwind-typescript

80 / 100 · Low risk

Fine to try.

By roohe/agentic-super-skills (GitHub) · design · 10 stars · scanned at commit f483e54

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.

Works with any agent that supports SKILL.md skills.

What this skill can do

Runs commands on your computer

The author does not mention this.

Found in 4 places.

skills_library/setup-tailwind-typescript/SKILL.md, line 48npm install -D tailwindcss @tailwindcss/postcss postcss
skills_library/setup-tailwind-typescript/SKILL.md, line 54npm install -D tailwindcss postcss autoprefixer
skills_library/setup-tailwind-typescript/SKILL.md, line 158npm install clsx tailwind-merge

Show 1 more

skills_library/setup-tailwind-typescript/SKILL.md, line 229npm install -D @tailwindcss/typography @tailwindcss/forms

Downloads and installs other software

The author does not mention this.

Found in 3 places.

skills_library/setup-tailwind-typescript/SKILL.md, line 55npx tailwindcss init -p
skills_library/setup-tailwind-typescript/SKILL.md, line 58**Got:** `tailwindcss`, `postcss`, and `autoprefixer` installed as dev dependencies. For Next.js, `tailwind.config.ts` and `postcss.config.js` are generated by
skills_library/setup-tailwind-typescript/SKILL.md, line 60**If fail:** If `npx tailwindcss init` fails, install Tailwind first with `npm install -D tailwindcss` and retry. In a monorepo, run the command from the app's

Install

Paste this into your terminal. It downloads exactly the version we scanned, not whatever is newest.

if [ -e ~/.agents/skills/'setup-tailwind-typescript' ] || [ -L ~/.agents/skills/'setup-tailwind-typescript' ]; then echo 'A skill folder named setup-tailwind-typescript already exists — not replacing it' >&2; false; else d=$(mktemp -d) && git clone --quiet --filter=blob:none --no-checkout 'https://github.com/roohe/agentic-super-skills' "$d" && git -C "$d" checkout --quiet 'f483e54f3ad5f202a77d45f2e57f8d970b71195f' -- 'skills_library/setup-tailwind-typescript' && mkdir -p ~/.agents/skills && cp -R "$d"/'skills_library/setup-tailwind-typescript' ~/.agents/skills/'setup-tailwind-typescript' && rm -rf "$d"; fi

Codex reads ~/.agents/skills directly. For Claude Code, Cursor, Copilot, Gemini CLI, Antigravity or OpenCode, also link it. For Claude Code: ln -s ~/.agents/skills/'setup-tailwind-typescript' ~/.claude/skills/'setup-tailwind-typescript' (other agents: ~/.cursor/skills, ~/.copilot/skills, ~/.gemini/skills, ~/.gemini/config/skills, ~/.config/opencode/skills). Or install through the finder skill, which does both.

Badge for your README

The badge for roohe/agentic-super-skills shows the score of its lowest-scoring skill.

SkillTrust badge for roohe/agentic-super-skills

[![SkillTrust](https://zalavijaysinh.github.io/skilltrust/badges/roohe/agentic-super-skills.svg)](https://zalavijaysinh.github.io/skilltrust/repos/roohe/agentic-super-skills/)

Score history

Date	Version	Score
2026-11-08	`f483e54`	80