design-to-tailwind
Design to Tailwind
Convert design component specifications to HTML with Tailwind CSS.
Overview
This skill transforms design specifications into semantic HTML with Tailwind utility classes, following utility-first best practices.
This skill covers:
- Converting design frames to HTML structure
- Mapping design properties to Tailwind utilities
- Generating responsive variants
- Creating reusable component patterns
This skill does NOT cover:
More from arustydev/ai
cross-browser-compatibility
Browser API differences, polyfills, and feature detection for Firefox, Chrome, Safari, and Edge extensions
16pkgmgr-homebrew-formula-dev
Create, test, and maintain Homebrew formulas. Use when adding packages to a Homebrew tap, debugging formula issues, running brew audit/test, or automating version updates with livecheck. Use when creating a new Homebrew formula for a project.
15seo-for-developers
SEO fundamentals for technical blog posts — meta tags, structured data, keyword placement, and readability optimization
15extension-anti-patterns
Common mistakes, performance pitfalls, and store rejection reasons in browser extension development
12wxt-framework-patterns
Comprehensive WXT browser extension framework patterns, security hardening rules, and cross-browser configuration
12beads
>
11