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
Installs
1
First Seen
Apr 8, 2026