{
  "schemaVersion": "1.0",
  "item": {
    "slug": "lb-shadcn-ui-skill",
    "name": "Shadcn/Ui Complete Documentation",
    "source": "tencent",
    "type": "skill",
    "category": "内容创作",
    "sourceUrl": "https://clawhub.ai/leonaaardob/lb-shadcn-ui-skill",
    "canonicalUrl": "https://clawhub.ai/leonaaardob/lb-shadcn-ui-skill",
    "targetPlatform": "OpenClaw"
  },
  "install": {
    "downloadMode": "redirect",
    "downloadUrl": "/downloads/lb-shadcn-ui-skill",
    "sourceDownloadUrl": "https://wry-manatee-359.convex.site/api/v1/download?slug=lb-shadcn-ui-skill",
    "sourcePlatform": "tencent",
    "targetPlatform": "OpenClaw",
    "installMethod": "Manual import",
    "extraction": "Extract archive",
    "prerequisites": [
      "OpenClaw"
    ],
    "packageFormat": "ZIP package",
    "includedAssets": [
      "README.md",
      "SKILL.md",
      "docs/(root)/blocks.mdx",
      "docs/(root)/cli.mdx",
      "docs/(root)/components-json.mdx",
      "docs/(root)/directory.mdx"
    ],
    "primaryDoc": "SKILL.md",
    "quickSetup": [
      "Download the package from Yavira.",
      "Extract the archive and review SKILL.md first.",
      "Import or place the package into your OpenClaw setup."
    ],
    "agentAssist": {
      "summary": "Hand the extracted package to your coding agent with a concrete install brief instead of figuring it out manually.",
      "steps": [
        "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."
      ],
      "prompts": [
        {
          "label": "New install",
          "body": "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."
        },
        {
          "label": "Upgrade existing",
          "body": "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."
        }
      ]
    },
    "sourceHealth": {
      "source": "tencent",
      "status": "healthy",
      "reason": "direct_download_ok",
      "recommendedAction": "download",
      "checkedAt": "2026-04-23T16:43:11.935Z",
      "expiresAt": "2026-04-30T16:43:11.935Z",
      "httpStatus": 200,
      "finalUrl": "https://wry-manatee-359.convex.site/api/v1/download?slug=4claw-imageboard",
      "contentType": "application/zip",
      "probeMethod": "head",
      "details": {
        "probeUrl": "https://wry-manatee-359.convex.site/api/v1/download?slug=4claw-imageboard",
        "contentDisposition": "attachment; filename=\"4claw-imageboard-1.0.1.zip\"",
        "redirectLocation": null,
        "bodySnippet": null
      },
      "scope": "source",
      "summary": "Source download looks usable.",
      "detail": "Yavira can redirect you to the upstream package for this source.",
      "primaryActionLabel": "Download for OpenClaw",
      "primaryActionHref": "/downloads/lb-shadcn-ui-skill"
    },
    "validation": {
      "installChecklist": [
        "Use the Yavira download entry.",
        "Review SKILL.md after the package is downloaded.",
        "Confirm the extracted package contains the expected setup assets."
      ],
      "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-shadcn-ui-skill",
    "agentPageUrl": "https://openagent3.xyz/skills/lb-shadcn-ui-skill/agent",
    "manifestUrl": "https://openagent3.xyz/skills/lb-shadcn-ui-skill/agent.json",
    "briefUrl": "https://openagent3.xyz/skills/lb-shadcn-ui-skill/agent.md"
  },
  "agentAssist": {
    "summary": "Hand the extracted package to your coding agent with a concrete install brief instead of figuring it out manually.",
    "steps": [
      "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."
    ],
    "prompts": [
      {
        "label": "New install",
        "body": "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."
      },
      {
        "label": "Upgrade existing",
        "body": "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."
      }
    ]
  },
  "documentation": {
    "source": "clawhub",
    "primaryDoc": "SKILL.md",
    "sections": [
      {
        "title": "shadcn/ui Documentation",
        "body": "Complete shadcn/ui documentation extracted from the official shadcn/ui repository."
      },
      {
        "title": "Contents",
        "body": "This skill includes 201 MDX files (1.4MB) covering:"
      },
      {
        "title": "Getting Started",
        "body": "Installation - Setup for Next.js, Vite, Remix, Astro, Laravel, Gatsby, React Router, Tanstack Router\nCLI - shadcn/ui CLI commands and usage\nComponents JSON - Configuration and customization\nTheming - CSS variables, dark mode, theme customization\nTypography - Font setup and typography utilities"
      },
      {
        "title": "Components (50+)",
        "body": "Accordion - Collapsible content sections\nAlert - Contextual feedback messages\nAvatar - User profile images\nBadge - Status indicators\nButton - Interactive buttons with variants\nCalendar - Date picker and calendar views\nCard - Content containers\nCheckbox - Selection controls\nCombobox - Searchable select\nCommand - Command palette\nContext Menu - Right-click menus\nData Table - Sortable, filterable tables\nDate Picker - Date selection\nDialog - Modal dialogs\nDrawer - Slide-out panels\nDropdown Menu - Action menus\nForm - Form components with validation\nHover Card - Hoverable content cards\nInput - Text inputs\nLabel - Form labels\nMenubar - Application menu bar\nNavigation Menu - Site navigation\nPagination - Page navigation\nPopover - Floating content\nProgress - Progress indicators\nRadio Group - Radio button groups\nResizable - Resizable panels\nScroll Area - Custom scrollbars\nSelect - Dropdown selects\nSeparator - Visual dividers\nSheet - Slide-over panels\nSkeleton - Loading placeholders\nSlider - Range inputs\nSwitch - Toggle switches\nTable - Data tables\nTabs - Tabbed interfaces\nTextarea - Multi-line text inputs\nToast - Toast notifications\nToggle - Toggle buttons\nTooltip - Contextual hints\nAnd many more..."
      },
      {
        "title": "Advanced Features",
        "body": "Charts - Recharts integration (Area, Bar, Line, Pie, Radar, Radial)\nForms - React Hook Form, Tanstack Form, Zod integration\nData Tables - Advanced table patterns\nDark Mode - Theme switching\nFigma - Design system integration\nIcons - Icon libraries (Lucide, Radix Icons)"
      },
      {
        "title": "Framework Integration",
        "body": "Next.js - App Router, Pages Router\nVite - React + Vite setup\nRemix - Remix integration\nAstro - Astro integration\nLaravel - Inertia.js + Laravel\nGatsby - Gatsby integration\nReact Router - React Router v7\nTanstack Router - Tanstack Router integration"
      },
      {
        "title": "Registry & Distribution",
        "body": "Registry - Component registry system\nCustom Registry - Build your own component registry\nNamespace - Custom namespaces\nAuthentication - Registry authentication\nMCP - Model Context Protocol integration"
      },
      {
        "title": "Developer Resources",
        "body": "Changelog - Version history and updates\nAbout - Project philosophy and principles\nFAQ - Frequently asked questions\nCLI Reference - Complete CLI documentation\nRTL Support - Right-to-left language support"
      },
      {
        "title": "Usage",
        "body": "This skill provides comprehensive documentation for:\n\nComponent Installation - Adding components to your project\nCustomization - Theming, styling, and variants\nFramework Setup - Integration with Next.js, Vite, Remix, etc.\nForms & Validation - React Hook Form + Zod patterns\nCharts & Data - Recharts integration\nDesign System - Building custom design systems\nAccessibility - WCAG-compliant components"
      },
      {
        "title": "Philosophy",
        "body": "shadcn/ui is not a component library. It's a collection of re-usable components that you can copy and paste into your apps.\n\nKey Benefits:\n\nOwn the code - Components are copied to your project\nCustomizable - Full control over styling and behavior\nAccessible - Built on Radix UI primitives\nThemeable - CSS variables for easy theming\nFramework agnostic - Works with any React framework"
      },
      {
        "title": "File Structure",
        "body": "docs/\n├── installation/        # Framework-specific setup guides\n├── components/          # Component documentation (50+)\n├── charts/              # Chart components (Recharts)\n├── forms/               # Form integration guides\n├── cli.mdx              # CLI reference\n├── components-json.mdx  # Configuration reference\n├── theming.mdx          # Theming guide\n├── dark-mode.mdx        # Dark mode implementation\n├── typography.mdx       # Typography setup\n├── changelog.mdx        # Version history\n├── about.mdx            # Project philosophy\n├── figma.mdx            # Figma integration\n└── registry/            # Registry documentation"
      },
      {
        "title": "Documentation Source",
        "body": "Official shadcn/ui documentation extracted from:\n\nRepository: https://github.com/shadcn-ui/ui\nWebsite: https://ui.shadcn.com\nLast Updated: 2026-02-07"
      },
      {
        "title": "License",
        "body": "Documentation content © shadcn. Used for educational purposes under fair use.\nSkill package © OpenClaw Community, MIT License."
      }
    ],
    "body": "shadcn/ui Documentation\n\nComplete shadcn/ui documentation extracted from the official shadcn/ui repository.\n\nContents\n\nThis skill includes 201 MDX files (1.4MB) covering:\n\nGetting Started\nInstallation - Setup for Next.js, Vite, Remix, Astro, Laravel, Gatsby, React Router, Tanstack Router\nCLI - shadcn/ui CLI commands and usage\nComponents JSON - Configuration and customization\nTheming - CSS variables, dark mode, theme customization\nTypography - Font setup and typography utilities\nComponents (50+)\nAccordion - Collapsible content sections\nAlert - Contextual feedback messages\nAvatar - User profile images\nBadge - Status indicators\nButton - Interactive buttons with variants\nCalendar - Date picker and calendar views\nCard - Content containers\nCheckbox - Selection controls\nCombobox - Searchable select\nCommand - Command palette\nContext Menu - Right-click menus\nData Table - Sortable, filterable tables\nDate Picker - Date selection\nDialog - Modal dialogs\nDrawer - Slide-out panels\nDropdown Menu - Action menus\nForm - Form components with validation\nHover Card - Hoverable content cards\nInput - Text inputs\nLabel - Form labels\nMenubar - Application menu bar\nNavigation Menu - Site navigation\nPagination - Page navigation\nPopover - Floating content\nProgress - Progress indicators\nRadio Group - Radio button groups\nResizable - Resizable panels\nScroll Area - Custom scrollbars\nSelect - Dropdown selects\nSeparator - Visual dividers\nSheet - Slide-over panels\nSkeleton - Loading placeholders\nSlider - Range inputs\nSwitch - Toggle switches\nTable - Data tables\nTabs - Tabbed interfaces\nTextarea - Multi-line text inputs\nToast - Toast notifications\nToggle - Toggle buttons\nTooltip - Contextual hints\nAnd many more...\nAdvanced Features\nCharts - Recharts integration (Area, Bar, Line, Pie, Radar, Radial)\nForms - React Hook Form, Tanstack Form, Zod integration\nData Tables - Advanced table patterns\nDark Mode - Theme switching\nFigma - Design system integration\nIcons - Icon libraries (Lucide, Radix Icons)\nFramework Integration\nNext.js - App Router, Pages Router\nVite - React + Vite setup\nRemix - Remix integration\nAstro - Astro integration\nLaravel - Inertia.js + Laravel\nGatsby - Gatsby integration\nReact Router - React Router v7\nTanstack Router - Tanstack Router integration\nRegistry & Distribution\nRegistry - Component registry system\nCustom Registry - Build your own component registry\nNamespace - Custom namespaces\nAuthentication - Registry authentication\nMCP - Model Context Protocol integration\nDeveloper Resources\nChangelog - Version history and updates\nAbout - Project philosophy and principles\nFAQ - Frequently asked questions\nCLI Reference - Complete CLI documentation\nRTL Support - Right-to-left language support\nUsage\n\nThis skill provides comprehensive documentation for:\n\nComponent Installation - Adding components to your project\nCustomization - Theming, styling, and variants\nFramework Setup - Integration with Next.js, Vite, Remix, etc.\nForms & Validation - React Hook Form + Zod patterns\nCharts & Data - Recharts integration\nDesign System - Building custom design systems\nAccessibility - WCAG-compliant components\nPhilosophy\n\nshadcn/ui is not a component library. It's a collection of re-usable components that you can copy and paste into your apps.\n\nKey Benefits:\n\nOwn the code - Components are copied to your project\nCustomizable - Full control over styling and behavior\nAccessible - Built on Radix UI primitives\nThemeable - CSS variables for easy theming\nFramework agnostic - Works with any React framework\nFile Structure\ndocs/\n├── installation/        # Framework-specific setup guides\n├── components/          # Component documentation (50+)\n├── charts/              # Chart components (Recharts)\n├── forms/               # Form integration guides\n├── cli.mdx              # CLI reference\n├── components-json.mdx  # Configuration reference\n├── theming.mdx          # Theming guide\n├── dark-mode.mdx        # Dark mode implementation\n├── typography.mdx       # Typography setup\n├── changelog.mdx        # Version history\n├── about.mdx            # Project philosophy\n├── figma.mdx            # Figma integration\n└── registry/            # Registry documentation\n\nDocumentation Source\n\nOfficial shadcn/ui documentation extracted from:\n\nRepository: https://github.com/shadcn-ui/ui\nWebsite: https://ui.shadcn.com\nLast Updated: 2026-02-07\nLicense\n\nDocumentation content © shadcn. Used for educational purposes under fair use. Skill package © OpenClaw Community, MIT License."
  },
  "trust": {
    "sourceLabel": "tencent",
    "provenanceUrl": "https://clawhub.ai/leonaaardob/lb-shadcn-ui-skill",
    "publisherUrl": "https://clawhub.ai/leonaaardob/lb-shadcn-ui-skill",
    "owner": "leonaaardob",
    "version": "0.1.0",
    "license": null,
    "verificationStatus": "Indexed source record"
  },
  "links": {
    "detailUrl": "https://openagent3.xyz/skills/lb-shadcn-ui-skill",
    "downloadUrl": "https://openagent3.xyz/downloads/lb-shadcn-ui-skill",
    "agentUrl": "https://openagent3.xyz/skills/lb-shadcn-ui-skill/agent",
    "manifestUrl": "https://openagent3.xyz/skills/lb-shadcn-ui-skill/agent.json",
    "briefUrl": "https://openagent3.xyz/skills/lb-shadcn-ui-skill/agent.md"
  }
}