Skill
Frontend
Skill
/tailwind-responsive-layouts
Implement responsive CSS layout with Tailwind.
Install
$ npx -y skills add TheGoat395/Codex-Skills --skill tailwind-responsive-layouts --agent claude-codeHow it fires
How this skill gets triggered: by you, by Claude, or both.
- Fires itselfAuto-invocation. Claude auto-loads it when your prompt matches the work.Auto-invocation is when the right skill fires by itself at the right moment, driven by a FLOW.md router and a hook, instead of you invoking it by name. It is the difference between a skill being installed and a skill actually getting used.Read the full definition →
- You can call itInvoke it directly when you want it.
- Slash command
/tailwind-responsive-layouts
Context preview
The summary Claude sees to decide when to auto-load this skill.
Implement responsive CSS layout with Tailwind.
SKILL.md
tailwind-responsive-layouts.SKILL.mdname: tailwind-responsive-layouts description: "Implement responsive CSS layout with Tailwind."
Tailwind Responsive Layouts
For substantial web work, reuse the [scoped web contract](../website-operating-rules/references/scoped-web-contract.md) when available; it replaces duplicated policy here. Match the requested scope and existing decisions; a missing optional sibling does not block this local procedure.
Use This Skill
Use this skill to compose responsive tailwind layouts that feel designed on mobile and desktop.
Required Reference
Read [references/tailwind-responsive-layouts-guide.md](references/tailwind-responsive-layouts-guide.md) before making architectural or visible UI changes with this skill.
Ships withcodex-skills
An unofficial, open-source, Codex-first Agent Skills library for premium frontend, website, design-engineering, and reliable agent workflows.
Get the whole plugin
Stats
132
Stars
48
Forks
Active
Maintenance
Python
Language
MIT
License
2d ago
Last commit
4mo ago
Created
3h ago
Added
Other skills on codex-skills.
Skill
Skill
Skill
Skill
Skill