ranbot-ai/tailwind-design-system
skills/tailwind-design-system/SKILL.md
Build scalable design systems with Tailwind CSS, design tokens, component libraries, and responsive patterns. Use when creating component libraries, implementing design systems, or standardizing UI...
$ install --global
skillsauthnpx skillsauth add ranbot-ai/awesome-skills tailwind-design-systemInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
Security Scan Results
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
3
Scanners Passed
9
Scanners in report
Clean
TrivyContainer and dependency vulnerability scanner
95%
Clean
SemgrepStatic code analysis for vulnerabilities
95%
Clean
mcp-scan (Snyk)Model Context Protocol security validation
95%
Skipped
Snyk (dep)Open source security scanning
50%
Skipped
Socket.devSupply chain security analysis
50%
Skipped
VirusTotalMulti-engine malware detection
50%
Skipped
CrowdStrikeAdvanced threat intelligence
50%
Skipped
OSV-ScannerOpen Source Vulnerability database check
50%
Skipped
OWASP Dep-Check
50%
Last scanned: May 4, 2026, 5:10 AM159.5s1 file scanned
SKILL.md
- name:
- tailwind-design-system
- description:
- Build scalable design systems with Tailwind CSS, design tokens, component libraries, and responsive patterns. Use when creating component libraries, implementing design systems, or standardizing UI...
- category:
- Creative & Media
- source:
- antigravity
- tags:
- [ai, design, tailwind, cro]
- url:
- https://github.com/sickn33/antigravity-awesome-skills/tree/main/skills/tailwind-design-system
Tailwind Design System
Build production-ready design systems with Tailwind CSS, including design tokens, component variants, responsive patterns, and accessibility.
Use this skill when
- Creating a component library with Tailwind
- Implementing design tokens and theming
- Building responsive and accessible components
- Standardizing UI patterns across a codebase
- Migrating to or extending Tailwind CSS
- Setting up dark mode and color schemes
Do not use this skill when
- The task is unrelated to tailwind design system
- You need a different domain or tool outside this scope
Instructions
- Clarify goals, constraints, and required inputs.
- Apply relevant best practices and validate outcomes.
- Provide actionable steps and verification.
- If detailed examples are required, open
resources/implementation-playbook.md.
Resources
resources/implementation-playbook.mdfor detailed patterns and examples.
Related Skills
ranbot-ai/ditto
tools
VerifiedTrustedCommunity
Use when a user asks to mine or update a private, evidence-backed work profile from local Claude Code, Codex, Copilot CLI, or OpenCode sessions.
5SKILL.mdUpdated Jul 18, 2026
ranbot-ai/diagnose-android-overheating
data-ai
VerifiedTrustedCommunity
Use when diagnosing Android overheating, idle heat, thermal throttling, charging or radio heat, or abnormal battery drain with read-only ADB evidence and approval gates.
5SKILL.mdUpdated Jul 18, 2026
ranbot-ai/competitor-ad-intelligence
research
VerifiedTrustedCommunity
Research public competitor ads, analyze creative patterns and landing pages, and produce an evidence-labeled strategic teardown.
5SKILL.mdUpdated Jul 18, 2026
ranbot-ai/anywrite
tools
VerifiedTrustedCommunity
Compiled CLI covering all 52 endpoints of the Anytype local API — objects, properties, tags, search, chat, files — one binary, no MCP server needed.
5SKILL.mdUpdated Jul 18, 2026