AI Plugin Index
Tailwind v4 Architect
Skill by rahlplx · updated · ★ 0
Master guide for Tailwind CSS v4. Enforces CSS-first configuration, native container queries, and Vite-native performance patterns. Tailwind v4 Architect is published by rahlplx on GitHub.
Last commit 148 days ago
No licence found, so reuse rights are unclear
Clear description, installs from GitHub, original repository
Not checked yet. What we check
Install Tailwind v4 Architect
Built from the published package, never by AIgit clone --depth 1 https://github.com/rahlplx/New-Smile-Savers /tmp/New-Smile-Savers && mkdir -p ~/.claude/skills && cp -r /tmp/New-Smile-Savers/smile-savers-site/.agent/skills/tailwind-v4-architect ~/.claude/skills/tailwind-v4-architectRun in your terminal. Claude Code loads skills from ~/.claude/skills automatically.
git clone --depth 1 https://github.com/rahlplx/New-Smile-Savers /tmp/New-Smile-Savers && mkdir -p ~/.gemini/antigravity-cli/skills && cp -r /tmp/New-Smile-Savers/smile-savers-site/.agent/skills/tailwind-v4-architect ~/.gemini/antigravity-cli/skills/tailwind-v4-architectAntigravity CLI loads skills from ~/.gemini/antigravity-cli/skills, or .agents/skills for one project.
Step-by-step: install Tailwind v4 Architect in Antigravity CLI
Skills can run scripts on your machine. Some need an API key: check the README.
Weekly newsletter
Like Tailwind v4 Architect? Get the best new skills every week
The best new tools, security warnings before you install something risky, and one practical tip. Free, three minute read.
Alternatives to Tailwind v4 Architect
All alternatives →
Use when auditing slow page loads, heavy assets, or rendering delays related to Optimize CSS file size. Verify the actual bottleneck in DevTools, Lighthouse, or field data before recommending changes.
Use when reviewing stylesheets, component styles, and responsive behavior related to Order CSS files correctly. Check the rendered layout across breakpoints and interaction states before proposing a fix.
Use when an app uses @pierre/highlights to generate syntax-highlighted HTML or tokens, stream code, incrementally tokenize edits, or apply Zed-compatible themes and CSS variables.
Use when reviewing stylesheets, component styles, and responsive behavior related to Inline critical CSS for faster rendering. Check the rendered layout across breakpoints and interaction states before proposing a fix.
Generates Angular code and provides architectural guidance. Trigger when creating projects, components, or services, or for best practices on reactivity (signals, linkedSignal, resource), forms, dependency injection, routing, SSR, accessibility (ARIA), animations, styling (component styles, Tailwind CSS), testing, or CLI tooling.
Three.js asset loading - GLTF, textures, images, models, async patterns. Use when loading 3D models, textures, HDR environments, or managing loading progress.
Tailwind v4 Architect: common questions
How do I install Tailwind v4 Architect?
Run the command above to copy the skill into ~/.claude/skills/. Claude Code picks it up automatically.
Is Tailwind v4 Architect free?
The code is public, but no licence file was found, so check the repository before commercial use.
Is Tailwind v4 Architect safe to use?
It scores 19 of 100. Grades: maintenance C, licence F, quality C. The security check has not run for it yet. Review the code before you install. How grades work.
What are alternatives to Tailwind v4 Architect?
Similar skills: css-file-size, css-order, highlights, css-critical.