Requirements
- Target platform
- OpenClaw
- Install method
- Manual import
- Extraction
- Extract archive
- Prerequisites
- OpenClaw
- Primary doc
- SKILL.md
Tencent SkillHub ยท Content Creation
TailwindCss Complete Documentation
Complete Tailwind CSS documentation. Use when working with Tailwind CSS utility classes, responsive design, dark mode, animations, custom configurations, plugins, or styling questions. Covers all utility classes, modifiers, configuration options, and best practices.
skill openclawclawhub Free
Complete Tailwind CSS documentation. Use when working with Tailwind CSS utility classes, responsive design, dark mode, animations, custom configurations, plugins, or styling questions. Covers all utility classes, modifiers, configuration options, and best practices.
โฌ 0 downloads โ
0 stars Unverified but indexed
Install for OpenClaw
Quick setup
- Download the package from Yavira.
- Extract the archive and review SKILL.md first.
- Import or place the package into your OpenClaw setup.
Package facts
- Download mode
- Yavira redirect
- Package format
- ZIP package
- Source platform
- Tencent SkillHub
- What's included
- README.md, SKILL.md, references/accent-color.mdx, references/adding-custom-styles.mdx, references/align-content.mdx, references/align-items.mdx
Validation
- Use the Yavira download entry.
- Review SKILL.md after the package is downloaded.
- Confirm the extracted package contains the expected setup assets.
Install with your agent
Agent handoff
Hand the extracted package to your coding agent with a concrete install brief instead of figuring it out manually.
- Download the package from Yavira.
- Extract it into a folder your agent can access.
- Paste one of the prompts below and point your agent at the extracted folder.
New install
I downloaded a skill package from Yavira. Read SKILL.md from the extracted folder and install it by following the included instructions. Then review README.md for any prerequisites, environment setup, or post-install checks. Tell me what you changed and call out any manual steps you could not complete.
Upgrade existing
I downloaded an updated skill package from Yavira. Read SKILL.md from the extracted folder, compare it with my current installation, and upgrade it while preserving any custom configuration unless the package docs explicitly say otherwise. Then review README.md for any prerequisites, environment setup, or post-install checks. Summarize what changed and any follow-up checks I should run.
Trust & source
Release facts
- Source
- Tencent SkillHub
- Verification
- Indexed source record
- Version
- 0.1.0
Provenance
- Publisher
- leonaaardob
- Source page
- View original listing
- Canonical URL
- Open canonical page
Documentation
Tailwind CSS Documentation
Complete Tailwind CSS documentation embedded in markdown. Read from references/ to answer questions about utility classes, responsive design, customization, and best practices.
Documentation Structure
All documentation is in references/ with individual files for each utility and concept:
Core Concepts
installation.mdx - Setup and installation editor-setup.mdx - IDE configuration using-with-preprocessors.mdx - SCSS, PostCSS integration optimizing-for-production.mdx - Build optimization browser-support.mdx - Browser compatibility
Layout & Spacing
container.mdx, columns.mdx - Layout utilities aspect-ratio.mdx - Aspect ratio control box-sizing.mdx - Box model display.mdx - Display properties float.mdx, clear.mdx - Floats position.mdx - Positioning top-right-bottom-left.mdx - Inset utilities visibility.mdx, z-index.mdx - Z-index and visibility padding.mdx, margin.mdx - Spacing space-between.mdx - Gap utilities
Flexbox & Grid
flex-direction.mdx, flex-wrap.mdx, flex.mdx - Flexbox flex-grow.mdx, flex-shrink.mdx, flex-basis.mdx - Flex sizing order.mdx - Flex/grid order grid-template-columns.mdx, grid-template-rows.mdx - Grid grid-column.mdx, grid-row.mdx - Grid placement gap.mdx - Grid/flex gap justify-content.mdx, justify-items.mdx, justify-self.mdx - Justify align-content.mdx, align-items.mdx, align-self.mdx - Align place-content.mdx, place-items.mdx, place-self.mdx - Place
Typography
font-family.mdx, font-size.mdx, font-weight.mdx - Fonts font-smoothing.mdx, font-style.mdx, font-variant-numeric.mdx letter-spacing.mdx, line-height.mdx, line-clamp.mdx - Spacing list-style-type.mdx, list-style-position.mdx - Lists text-align.mdx, text-color.mdx, text-decoration.mdx - Text text-transform.mdx, text-overflow.mdx, text-wrap.mdx text-indent.mdx, vertical-align.mdx, whitespace.mdx word-break.mdx, hyphens.mdx
Backgrounds
background-attachment.mdx, background-clip.mdx - Background background-color.mdx, background-origin.mdx background-position.mdx, background-repeat.mdx background-size.mdx, background-image.mdx gradient-color-stops.mdx - Gradients
Borders
border-radius.mdx, border-width.mdx, border-color.mdx - Borders border-style.mdx, divide-width.mdx, divide-color.mdx divide-style.mdx, outline-width.mdx, outline-color.mdx outline-style.mdx, outline-offset.mdx, ring-width.mdx ring-color.mdx, ring-offset-width.mdx, ring-offset-color.mdx
Effects & Filters
box-shadow.mdx, box-shadow-color.mdx - Shadows opacity.mdx, mix-blend-mode.mdx, background-blend-mode.mdx filter.mdx - Filters blur.mdx, brightness.mdx, contrast.mdx, grayscale.mdx hue-rotate.mdx, invert.mdx, saturate.mdx, sepia.mdx backdrop-filter.mdx - Backdrop filters backdrop-blur.mdx, backdrop-brightness.mdx, etc.
Transitions & Animations
transition-property.mdx, transition-duration.mdx - Transitions transition-timing-function.mdx, transition-delay.mdx animation.mdx - Animations
Transforms
scale.mdx, rotate.mdx, translate.mdx, skew.mdx - Transforms transform-origin.mdx - Transform origin
Interactivity
accent-color.mdx, appearance.mdx, cursor.mdx - User interaction caret-color.mdx, pointer-events.mdx, resize.mdx scroll-behavior.mdx, scroll-margin.mdx, scroll-padding.mdx scroll-snap-align.mdx, scroll-snap-stop.mdx, scroll-snap-type.mdx touch-action.mdx, user-select.mdx, will-change.mdx
Customization
adding-custom-styles.mdx - Custom CSS configuration.mdx - tailwind.config.js content-configuration.mdx - Content paths theme.mdx - Theme customization screens.mdx - Breakpoints colors.mdx - Color palette spacing.mdx - Spacing scale plugins.mdx - Plugin system presets.mdx - Config presets
Advanced Features
dark-mode.mdx - Dark mode reusing-styles.mdx - Component patterns functions-and-directives.mdx - @apply, @layer, etc.
Common Tasks
TaskFile to ReadSetup Tailwindinstallation.mdxResponsive designresponsive-design.mdx, screens.mdxDark modedark-mode.mdxCustom colorscustomizing-colors.mdx, colors.mdxLayout utilitiescontainer.mdx, display.mdx, position.mdxFlexboxflex-direction.mdx, justify-content.mdx, align-items.mdxGridgrid-template-columns.mdx, gap.mdxTypographyfont-size.mdx, font-weight.mdx, text-color.mdxSpacingpadding.mdx, margin.mdx, space-between.mdxBackgroundsbackground-color.mdx, background-image.mdxBordersborder-width.mdx, border-color.mdx, border-radius.mdxShadowsbox-shadow.mdxTransitionstransition-property.mdxCustom configconfiguration.mdx, theme.mdxPluginsplugins.mdx
When to Use This Skill
Working with Tailwind CSS utility classes Responsive design questions Dark mode implementation Custom Tailwind configuration Plugin development Migration to Tailwind Styling patterns and best practices
How to Navigate
For specific utilities: Find the utility name file (e.g., flex.mdx, text-color.mdx) For concepts: Check concept files (installation, dark-mode, responsive-design) For customization: See configuration files (configuration, theme, plugins) For best practices: Read reusing-styles, adding-custom-styles All files are .mdx (Markdown + JSX) but readable as plain markdown.
Category context
Writing, remixing, publishing, visual generation, and marketing content production.
Source: Tencent SkillHub
Largest current source with strong distribution and engagement signals.
Package contents
Included in package
4 Files2 Docs
- SKILL.md
- README.md
- references/accent-color.mdx
- references/adding-custom-styles.mdx
- references/align-content.mdx
- references/align-items.mdx