# Send TailwindCss Complete Documentation to your agent Use the source page and any available docs to guide the install because the item is currently unstable or timing out. ## Fast path - Open the source page via Review source status. - If you can obtain the package, extract it into a folder your agent can access. - Paste one of the prompts below and point your agent at the source page and extracted files. ## Suggested prompts ### New install ```text I tried to install a skill package from Yavira, but the item is currently unstable or timing out. Inspect the source page and any extracted docs, then tell me what you can confirm and any manual steps still required. Then review README.md for any prerequisites, environment setup, or post-install checks. ``` ### Upgrade existing ```text I tried to upgrade a skill package from Yavira, but the item is currently unstable or timing out. Compare the source page and any extracted docs with my current installation, then summarize what changed and what manual follow-up I still need. Then review README.md for any prerequisites, environment setup, or post-install checks. ``` ## Machine-readable fields ```json { "schemaVersion": "1.0", "item": { "slug": "lb-tailwindcss-skill", "name": "TailwindCss Complete Documentation", "source": "tencent", "type": "skill", "category": "内容创作", "sourceUrl": "https://clawhub.ai/leonaaardob/lb-tailwindcss-skill", "canonicalUrl": "https://clawhub.ai/leonaaardob/lb-tailwindcss-skill", "targetPlatform": "OpenClaw" }, "install": { "downloadUrl": "/downloads/lb-tailwindcss-skill", "sourceDownloadUrl": "https://wry-manatee-359.convex.site/api/v1/download?slug=lb-tailwindcss-skill", "sourcePlatform": "tencent", "targetPlatform": "OpenClaw", "packageFormat": "ZIP package", "primaryDoc": "SKILL.md", "includedAssets": [ "README.md", "SKILL.md", "references/accent-color.mdx", "references/adding-custom-styles.mdx", "references/align-content.mdx", "references/align-items.mdx" ], "downloadMode": "manual_only", "sourceHealth": { "source": "tencent", "slug": "lb-tailwindcss-skill", "status": "unstable", "reason": "timeout", "recommendedAction": "retry_later", "checkedAt": "2026-04-30T18:31:33.161Z", "expiresAt": "2026-05-01T06:31:33.161Z", "httpStatus": null, "finalUrl": null, "contentType": null, "probeMethod": "head", "details": { "probeUrl": "https://wry-manatee-359.convex.site/api/v1/download?slug=lb-tailwindcss-skill", "error": "Timed out after 5000ms", "slug": "lb-tailwindcss-skill" }, "scope": "item", "summary": "Item is unstable.", "detail": "This item is timing out or returning errors right now. Review the source page and try again later.", "primaryActionLabel": "Review source status", "primaryActionHref": "https://clawhub.ai/leonaaardob/lb-tailwindcss-skill" }, "validation": { "installChecklist": [ "Wait for the source to recover or retry later.", "Review SKILL.md only after the download returns a real package.", "Treat this source as transient until the upstream errors clear." ], "postInstallChecks": [ "Confirm the extracted package includes the expected docs or setup files.", "Validate the skill or prompts are available in your target agent workspace.", "Capture any manual follow-up steps the agent could not complete." ] } }, "links": { "detailUrl": "https://openagent3.xyz/skills/lb-tailwindcss-skill", "downloadUrl": "https://openagent3.xyz/downloads/lb-tailwindcss-skill", "agentUrl": "https://openagent3.xyz/skills/lb-tailwindcss-skill/agent", "manifestUrl": "https://openagent3.xyz/skills/lb-tailwindcss-skill/agent.json", "briefUrl": "https://openagent3.xyz/skills/lb-tailwindcss-skill/agent.md" } } ``` ## 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. ## Trust - Source: tencent - Verification: Indexed source record - Publisher: leonaaardob - Version: 0.1.0 ## Source health - Status: unstable - Item is unstable. - This item is timing out or returning errors right now. Review the source page and try again later. - Health scope: item - Reason: timeout - Checked at: 2026-04-30T18:31:33.161Z - Expires at: 2026-05-01T06:31:33.161Z - Recommended action: Review source status ## Links - [Detail page](https://openagent3.xyz/skills/lb-tailwindcss-skill) - [Send to Agent page](https://openagent3.xyz/skills/lb-tailwindcss-skill/agent) - [JSON manifest](https://openagent3.xyz/skills/lb-tailwindcss-skill/agent.json) - [Markdown brief](https://openagent3.xyz/skills/lb-tailwindcss-skill/agent.md) - [Download page](https://openagent3.xyz/downloads/lb-tailwindcss-skill)