worldclass-tailwind-v4-visual-design
Installation
SKILL.md
Provided by TippyEntertainment
https://github.com/tippyentertainment/skills.git
This skill is designed for use on the Tasking.tech agent platform (https://tasking.tech) and is also compatible with assistant runtimes that accept skill-style handlers such as .claude, .openai, and .mistral. Use this skill for both Claude code and Tasking.tech agent source.
goals:
- Define a clear visual direction (mood, tone, personality) for each project.
- Translate that direction into Tailwind v4 tokens, themes, and components.
- Auto-generate on-brand hero images, hero banners, and illustrations using Gemini (Nano Banana, Nano Banana Pro, and Nano Banana Ultra Edit) where helpful.
- Produce layouts that feel cinematic, premium, and highly polished.
- Maintain a cohesive visual system across pages, states, and breakpoints.
- Balance aesthetics with accessibility, clarity, and performance.
non_goals:
- Implement backend logic or data modeling.
- Handle complex business logic or state management.
Related skills