{
  "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": {
    "downloadMode": "manual_only",
    "downloadUrl": "/downloads/lb-tailwindcss-skill",
    "sourceDownloadUrl": "https://wry-manatee-359.convex.site/api/v1/download?slug=lb-tailwindcss-skill",
    "sourcePlatform": "tencent",
    "targetPlatform": "OpenClaw",
    "installMethod": "Manual import",
    "extraction": "Extract archive",
    "prerequisites": [
      "OpenClaw"
    ],
    "packageFormat": "ZIP package",
    "includedAssets": [
      "README.md",
      "SKILL.md",
      "references/accent-color.mdx",
      "references/adding-custom-styles.mdx",
      "references/align-content.mdx",
      "references/align-items.mdx"
    ],
    "primaryDoc": "SKILL.md",
    "quickSetup": [
      "Wait for the source to recover or retry later.",
      "Review SKILL.md only after the source returns a real package.",
      "Do not rely on this source for automated install yet."
    ],
    "agentAssist": {
      "summary": "Use the source page and any available docs to guide the install because the item is currently unstable or timing out.",
      "steps": [
        "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."
      ],
      "prompts": [
        {
          "label": "New install",
          "body": "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."
        },
        {
          "label": "Upgrade existing",
          "body": "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."
        }
      ]
    },
    "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."
      ]
    },
    "downloadPageUrl": "https://openagent3.xyz/downloads/lb-tailwindcss-skill",
    "agentPageUrl": "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"
  },
  "agentAssist": {
    "summary": "Use the source page and any available docs to guide the install because the item is currently unstable or timing out.",
    "steps": [
      "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."
    ],
    "prompts": [
      {
        "label": "New install",
        "body": "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."
      },
      {
        "label": "Upgrade existing",
        "body": "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."
      }
    ]
  },
  "documentation": {
    "source": "clawhub",
    "primaryDoc": "SKILL.md",
    "sections": [
      {
        "title": "Tailwind CSS Documentation",
        "body": "Complete Tailwind CSS documentation embedded in markdown. Read from references/ to answer questions about utility classes, responsive design, customization, and best practices."
      },
      {
        "title": "Documentation Structure",
        "body": "All documentation is in references/ with individual files for each utility and concept:"
      },
      {
        "title": "Core Concepts",
        "body": "installation.mdx - Setup and installation\neditor-setup.mdx - IDE configuration\nusing-with-preprocessors.mdx - SCSS, PostCSS integration\noptimizing-for-production.mdx - Build optimization\nbrowser-support.mdx - Browser compatibility"
      },
      {
        "title": "Layout & Spacing",
        "body": "container.mdx, columns.mdx - Layout utilities\naspect-ratio.mdx - Aspect ratio control\nbox-sizing.mdx - Box model\ndisplay.mdx - Display properties\nfloat.mdx, clear.mdx - Floats\nposition.mdx - Positioning\ntop-right-bottom-left.mdx - Inset utilities\nvisibility.mdx, z-index.mdx - Z-index and visibility\npadding.mdx, margin.mdx - Spacing\nspace-between.mdx - Gap utilities"
      },
      {
        "title": "Flexbox & Grid",
        "body": "flex-direction.mdx, flex-wrap.mdx, flex.mdx - Flexbox\nflex-grow.mdx, flex-shrink.mdx, flex-basis.mdx - Flex sizing\norder.mdx - Flex/grid order\ngrid-template-columns.mdx, grid-template-rows.mdx - Grid\ngrid-column.mdx, grid-row.mdx - Grid placement\ngap.mdx - Grid/flex gap\njustify-content.mdx, justify-items.mdx, justify-self.mdx - Justify\nalign-content.mdx, align-items.mdx, align-self.mdx - Align\nplace-content.mdx, place-items.mdx, place-self.mdx - Place"
      },
      {
        "title": "Typography",
        "body": "font-family.mdx, font-size.mdx, font-weight.mdx - Fonts\nfont-smoothing.mdx, font-style.mdx, font-variant-numeric.mdx\nletter-spacing.mdx, line-height.mdx, line-clamp.mdx - Spacing\nlist-style-type.mdx, list-style-position.mdx - Lists\ntext-align.mdx, text-color.mdx, text-decoration.mdx - Text\ntext-transform.mdx, text-overflow.mdx, text-wrap.mdx\ntext-indent.mdx, vertical-align.mdx, whitespace.mdx\nword-break.mdx, hyphens.mdx"
      },
      {
        "title": "Backgrounds",
        "body": "background-attachment.mdx, background-clip.mdx - Background\nbackground-color.mdx, background-origin.mdx\nbackground-position.mdx, background-repeat.mdx\nbackground-size.mdx, background-image.mdx\ngradient-color-stops.mdx - Gradients"
      },
      {
        "title": "Borders",
        "body": "border-radius.mdx, border-width.mdx, border-color.mdx - Borders\nborder-style.mdx, divide-width.mdx, divide-color.mdx\ndivide-style.mdx, outline-width.mdx, outline-color.mdx\noutline-style.mdx, outline-offset.mdx, ring-width.mdx\nring-color.mdx, ring-offset-width.mdx, ring-offset-color.mdx"
      },
      {
        "title": "Effects & Filters",
        "body": "box-shadow.mdx, box-shadow-color.mdx - Shadows\nopacity.mdx, mix-blend-mode.mdx, background-blend-mode.mdx\nfilter.mdx - Filters\nblur.mdx, brightness.mdx, contrast.mdx, grayscale.mdx\nhue-rotate.mdx, invert.mdx, saturate.mdx, sepia.mdx\nbackdrop-filter.mdx - Backdrop filters\nbackdrop-blur.mdx, backdrop-brightness.mdx, etc."
      },
      {
        "title": "Transitions & Animations",
        "body": "transition-property.mdx, transition-duration.mdx - Transitions\ntransition-timing-function.mdx, transition-delay.mdx\nanimation.mdx - Animations"
      },
      {
        "title": "Transforms",
        "body": "scale.mdx, rotate.mdx, translate.mdx, skew.mdx - Transforms\ntransform-origin.mdx - Transform origin"
      },
      {
        "title": "Interactivity",
        "body": "accent-color.mdx, appearance.mdx, cursor.mdx - User interaction\ncaret-color.mdx, pointer-events.mdx, resize.mdx\nscroll-behavior.mdx, scroll-margin.mdx, scroll-padding.mdx\nscroll-snap-align.mdx, scroll-snap-stop.mdx, scroll-snap-type.mdx\ntouch-action.mdx, user-select.mdx, will-change.mdx"
      },
      {
        "title": "Customization",
        "body": "adding-custom-styles.mdx - Custom CSS\nconfiguration.mdx - tailwind.config.js\ncontent-configuration.mdx - Content paths\ntheme.mdx - Theme customization\nscreens.mdx - Breakpoints\ncolors.mdx - Color palette\nspacing.mdx - Spacing scale\nplugins.mdx - Plugin system\npresets.mdx - Config presets"
      },
      {
        "title": "Advanced Features",
        "body": "dark-mode.mdx - Dark mode\nreusing-styles.mdx - Component patterns\nfunctions-and-directives.mdx - @apply, @layer, etc."
      },
      {
        "title": "Common Tasks",
        "body": "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"
      },
      {
        "title": "When to Use This Skill",
        "body": "Working with Tailwind CSS utility classes\nResponsive design questions\nDark mode implementation\nCustom Tailwind configuration\nPlugin development\nMigration to Tailwind\nStyling patterns and best practices"
      },
      {
        "title": "How to Navigate",
        "body": "For specific utilities: Find the utility name file (e.g., flex.mdx, text-color.mdx)\nFor concepts: Check concept files (installation, dark-mode, responsive-design)\nFor customization: See configuration files (configuration, theme, plugins)\nFor best practices: Read reusing-styles, adding-custom-styles\n\nAll files are .mdx (Markdown + JSX) but readable as plain markdown."
      }
    ],
    "body": "Tailwind CSS Documentation\n\nComplete Tailwind CSS documentation embedded in markdown. Read from references/ to answer questions about utility classes, responsive design, customization, and best practices.\n\nDocumentation Structure\n\nAll documentation is in references/ with individual files for each utility and concept:\n\nCore Concepts\ninstallation.mdx - Setup and installation\neditor-setup.mdx - IDE configuration\nusing-with-preprocessors.mdx - SCSS, PostCSS integration\noptimizing-for-production.mdx - Build optimization\nbrowser-support.mdx - Browser compatibility\nLayout & Spacing\ncontainer.mdx, columns.mdx - Layout utilities\naspect-ratio.mdx - Aspect ratio control\nbox-sizing.mdx - Box model\ndisplay.mdx - Display properties\nfloat.mdx, clear.mdx - Floats\nposition.mdx - Positioning\ntop-right-bottom-left.mdx - Inset utilities\nvisibility.mdx, z-index.mdx - Z-index and visibility\npadding.mdx, margin.mdx - Spacing\nspace-between.mdx - Gap utilities\nFlexbox & Grid\nflex-direction.mdx, flex-wrap.mdx, flex.mdx - Flexbox\nflex-grow.mdx, flex-shrink.mdx, flex-basis.mdx - Flex sizing\norder.mdx - Flex/grid order\ngrid-template-columns.mdx, grid-template-rows.mdx - Grid\ngrid-column.mdx, grid-row.mdx - Grid placement\ngap.mdx - Grid/flex gap\njustify-content.mdx, justify-items.mdx, justify-self.mdx - Justify\nalign-content.mdx, align-items.mdx, align-self.mdx - Align\nplace-content.mdx, place-items.mdx, place-self.mdx - Place\nTypography\nfont-family.mdx, font-size.mdx, font-weight.mdx - Fonts\nfont-smoothing.mdx, font-style.mdx, font-variant-numeric.mdx\nletter-spacing.mdx, line-height.mdx, line-clamp.mdx - Spacing\nlist-style-type.mdx, list-style-position.mdx - Lists\ntext-align.mdx, text-color.mdx, text-decoration.mdx - Text\ntext-transform.mdx, text-overflow.mdx, text-wrap.mdx\ntext-indent.mdx, vertical-align.mdx, whitespace.mdx\nword-break.mdx, hyphens.mdx\nBackgrounds\nbackground-attachment.mdx, background-clip.mdx - Background\nbackground-color.mdx, background-origin.mdx\nbackground-position.mdx, background-repeat.mdx\nbackground-size.mdx, background-image.mdx\ngradient-color-stops.mdx - Gradients\nBorders\nborder-radius.mdx, border-width.mdx, border-color.mdx - Borders\nborder-style.mdx, divide-width.mdx, divide-color.mdx\ndivide-style.mdx, outline-width.mdx, outline-color.mdx\noutline-style.mdx, outline-offset.mdx, ring-width.mdx\nring-color.mdx, ring-offset-width.mdx, ring-offset-color.mdx\nEffects & Filters\nbox-shadow.mdx, box-shadow-color.mdx - Shadows\nopacity.mdx, mix-blend-mode.mdx, background-blend-mode.mdx\nfilter.mdx - Filters\nblur.mdx, brightness.mdx, contrast.mdx, grayscale.mdx\nhue-rotate.mdx, invert.mdx, saturate.mdx, sepia.mdx\nbackdrop-filter.mdx - Backdrop filters\nbackdrop-blur.mdx, backdrop-brightness.mdx, etc.\nTransitions & Animations\ntransition-property.mdx, transition-duration.mdx - Transitions\ntransition-timing-function.mdx, transition-delay.mdx\nanimation.mdx - Animations\nTransforms\nscale.mdx, rotate.mdx, translate.mdx, skew.mdx - Transforms\ntransform-origin.mdx - Transform origin\nInteractivity\naccent-color.mdx, appearance.mdx, cursor.mdx - User interaction\ncaret-color.mdx, pointer-events.mdx, resize.mdx\nscroll-behavior.mdx, scroll-margin.mdx, scroll-padding.mdx\nscroll-snap-align.mdx, scroll-snap-stop.mdx, scroll-snap-type.mdx\ntouch-action.mdx, user-select.mdx, will-change.mdx\nCustomization\nadding-custom-styles.mdx - Custom CSS\nconfiguration.mdx - tailwind.config.js\ncontent-configuration.mdx - Content paths\ntheme.mdx - Theme customization\nscreens.mdx - Breakpoints\ncolors.mdx - Color palette\nspacing.mdx - Spacing scale\nplugins.mdx - Plugin system\npresets.mdx - Config presets\nAdvanced Features\ndark-mode.mdx - Dark mode\nreusing-styles.mdx - Component patterns\nfunctions-and-directives.mdx - @apply, @layer, etc.\nQuick Reference\nCommon Tasks\nTask\tFile to Read\nSetup Tailwind\tinstallation.mdx\nResponsive design\tresponsive-design.mdx, screens.mdx\nDark mode\tdark-mode.mdx\nCustom colors\tcustomizing-colors.mdx, colors.mdx\nLayout utilities\tcontainer.mdx, display.mdx, position.mdx\nFlexbox\tflex-direction.mdx, justify-content.mdx, align-items.mdx\nGrid\tgrid-template-columns.mdx, gap.mdx\nTypography\tfont-size.mdx, font-weight.mdx, text-color.mdx\nSpacing\tpadding.mdx, margin.mdx, space-between.mdx\nBackgrounds\tbackground-color.mdx, background-image.mdx\nBorders\tborder-width.mdx, border-color.mdx, border-radius.mdx\nShadows\tbox-shadow.mdx\nTransitions\ttransition-property.mdx\nCustom config\tconfiguration.mdx, theme.mdx\nPlugins\tplugins.mdx\nWhen to Use This Skill\nWorking with Tailwind CSS utility classes\nResponsive design questions\nDark mode implementation\nCustom Tailwind configuration\nPlugin development\nMigration to Tailwind\nStyling patterns and best practices\nHow to Navigate\nFor specific utilities: Find the utility name file (e.g., flex.mdx, text-color.mdx)\nFor concepts: Check concept files (installation, dark-mode, responsive-design)\nFor customization: See configuration files (configuration, theme, plugins)\nFor best practices: Read reusing-styles, adding-custom-styles\n\nAll files are .mdx (Markdown + JSX) but readable as plain markdown."
  },
  "trust": {
    "sourceLabel": "tencent",
    "provenanceUrl": "https://clawhub.ai/leonaaardob/lb-tailwindcss-skill",
    "publisherUrl": "https://clawhub.ai/leonaaardob/lb-tailwindcss-skill",
    "owner": "leonaaardob",
    "version": "0.1.0",
    "license": null,
    "verificationStatus": "Indexed source record"
  },
  "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"
  }
}