{
  "schemaVersion": "1.0",
  "item": {
    "slug": "ai-labs-builder",
    "name": "AI Labs Builder",
    "source": "tencent",
    "type": "skill",
    "category": "开发工具",
    "sourceUrl": "https://clawhub.ai/slemo54/ai-labs-builder",
    "canonicalUrl": "https://clawhub.ai/slemo54/ai-labs-builder",
    "targetPlatform": "OpenClaw"
  },
  "install": {
    "downloadMode": "redirect",
    "downloadUrl": "/downloads/ai-labs-builder",
    "sourceDownloadUrl": "https://wry-manatee-359.convex.site/api/v1/download?slug=ai-labs-builder",
    "sourcePlatform": "tencent",
    "targetPlatform": "OpenClaw",
    "installMethod": "Manual import",
    "extraction": "Extract archive",
    "prerequisites": [
      "OpenClaw"
    ],
    "packageFormat": "ZIP package",
    "includedAssets": [
      "SKILL.md",
      "assets/css/brutalism.css",
      "assets/css/glassmorphism.css",
      "assets/js/dashboard-widgets.js",
      "scripts/ailabs.sh",
      "scripts/create-ai-app.sh"
    ],
    "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. 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. Summarize what changed and any follow-up checks I should run."
        }
      ]
    },
    "sourceHealth": {
      "source": "tencent",
      "slug": "ai-labs-builder",
      "status": "healthy",
      "reason": "direct_download_ok",
      "recommendedAction": "download",
      "checkedAt": "2026-04-29T03:28:45.294Z",
      "expiresAt": "2026-05-06T03:28:45.294Z",
      "httpStatus": 200,
      "finalUrl": "https://wry-manatee-359.convex.site/api/v1/download?slug=ai-labs-builder",
      "contentType": "application/zip",
      "probeMethod": "head",
      "details": {
        "probeUrl": "https://wry-manatee-359.convex.site/api/v1/download?slug=ai-labs-builder",
        "contentDisposition": "attachment; filename=\"ai-labs-builder-1.0.0.zip\"",
        "redirectLocation": null,
        "bodySnippet": null,
        "slug": "ai-labs-builder"
      },
      "scope": "item",
      "summary": "Item download looks usable.",
      "detail": "Yavira can redirect you to the upstream package for this item.",
      "primaryActionLabel": "Download for OpenClaw",
      "primaryActionHref": "/downloads/ai-labs-builder"
    },
    "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/ai-labs-builder",
    "agentPageUrl": "https://openagent3.xyz/skills/ai-labs-builder/agent",
    "manifestUrl": "https://openagent3.xyz/skills/ai-labs-builder/agent.json",
    "briefUrl": "https://openagent3.xyz/skills/ai-labs-builder/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. 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. Summarize what changed and any follow-up checks I should run."
      }
    ]
  },
  "documentation": {
    "source": "clawhub",
    "primaryDoc": "SKILL.md",
    "sections": [
      {
        "title": "AI Labs Builder",
        "body": "Unified system for creating modern websites, AI applications, dashboards, and workflows."
      },
      {
        "title": "Quick Start",
        "body": "# Create a website\nailabs create website my-portfolio --type portfolio\n\n# Create an AI app\nailabs create ai-app my-chatbot --type chat\n\n# Create a dashboard\nailabs create dashboard my-analytics --type analytics\n\n# Create a workflow\nailabs create workflow my-automation --template automation\n\n# Deploy\nailabs deploy my-project --platform vercel"
      },
      {
        "title": "Website Creation",
        "body": "ailabs create website <name> [options]\n\nOptions:\n  --type <type>      portfolio | saas | blog | ecommerce\n  --style <style>    modern | glassmorphism | brutalism | minimal\n  --components       Include shadcn/ui components\n  --animations       Include Framer Motion animations\n  --seo              Include SEO optimization"
      },
      {
        "title": "AI Application",
        "body": "ailabs create ai-app <name> [options]\n\nOptions:\n  --type <type>      chat | agent | rag | multimodal\n  --provider         openai | claude | gemini | local\n  --streaming        Enable streaming responses\n  --memory           Enable conversation memory\n  --tools            Enable tool calling"
      },
      {
        "title": "Dashboard",
        "body": "ailabs create dashboard <name> [options]\n\nOptions:\n  --type <type>      analytics | admin | personal | monitoring\n  --widgets          Include widget system\n  --realtime         Enable real-time updates\n  --charts           Include chart components"
      },
      {
        "title": "Workflow",
        "body": "ailabs create workflow <name> [options]\n\nOptions:\n  --template         automation | integration | pipeline\n  --mcp              Include MCP server setup\n  --schedule         Add cron scheduling\n  --webhook          Add webhook triggers"
      },
      {
        "title": "1. Websites",
        "body": "Portfolio\n\nHero section with animations\nProjects showcase\nSkills/Experience timeline\nContact form\nBlog integration\n\nSaaS Landing\n\nFeature highlights\nPricing tables\nTestimonials\nCTA sections\nFAQ accordion\n\nBlog\n\nMDX support\nTag/categories\nSearch functionality\nRSS feed\nNewsletter signup"
      },
      {
        "title": "2. AI Applications",
        "body": "Chat Interface\n\nMessage history\nStreaming responses\nCode syntax highlighting\nFile attachments\nVoice input/output\n\nAI Agent\n\nAutonomous task execution\nTool calling\nMemory management\nMulti-step reasoning\nHuman-in-the-loop\n\nRAG System\n\nDocument ingestion\nVector database\nSemantic search\nSource citations\nContext management"
      },
      {
        "title": "3. Dashboards",
        "body": "Analytics\n\nKPI cards\nCharts (line, bar, pie)\nDate range picker\nExport functionality\nReal-time updates\n\nAdmin Panel\n\nUser management\nRole-based access\nCRUD operations\nAudit logs\nSettings panel\n\nPersonal Dashboard\n\nWeather widget\nCalendar integration\nTask management\nNotes/quick capture\nBookmarks"
      },
      {
        "title": "4. Workflows",
        "body": "Automation\n\nScheduled tasks\nEmail notifications\nData processing\nReport generation\n\nIntegration\n\nAPI connections\nWebhook handling\nData sync\nEvent triggers\n\nPipeline\n\nCI/CD automation\nTesting workflows\nDeployment pipelines\nQuality checks"
      },
      {
        "title": "Colors",
        "body": "/* Modern */\n--primary: #6366f1;\n--secondary: #8b5cf6;\n--accent: #ec4899;\n\n/* Glassmorphism */\n--glass-bg: rgba(255, 255, 255, 0.05);\n--glass-border: rgba(255, 255, 255, 0.1);\n--glass-blur: blur(20px);\n\n/* Brutalism */\n--brutal-black: #000;\n--brutal-white: #fff;\n--brutal-accent: #ff00ff;"
      },
      {
        "title": "Typography",
        "body": "Headings: Inter, Geist, or JetBrains Mono\nBody: Inter or system-ui\nCode: JetBrains Mono or Fira Code"
      },
      {
        "title": "Components",
        "body": "All projects include:\n\nButton variants (primary, secondary, ghost, outline)\nCards (default, hover, glass)\nForms (input, textarea, select, checkbox, radio)\nNavigation (header, sidebar, breadcrumbs)\nFeedback (toast, alert, modal, tooltip)\nData (table, pagination, tabs)"
      },
      {
        "title": "OpenAI",
        "body": "import { OpenAI } from 'openai';\n\nconst openai = new OpenAI({\n  apiKey: process.env.OPENAI_API_KEY,\n});\n\n// Streaming chat\nconst stream = await openai.chat.completions.create({\n  model: 'gpt-4',\n  messages: [{ role: 'user', content: prompt }],\n  stream: true,\n});"
      },
      {
        "title": "Claude",
        "body": "import Anthropic from '@anthropic-ai/sdk';\n\nconst anthropic = new Anthropic({\n  apiKey: process.env.ANTHROPIC_API_KEY,\n});\n\nconst message = await anthropic.messages.create({\n  model: 'claude-3-opus-20240229',\n  max_tokens: 1024,\n  messages: [{ role: 'user', content: prompt }],\n});"
      },
      {
        "title": "Vector Database (Pinecone/Memory)",
        "body": "import { Pinecone } from '@pinecone-database/pinecone';\n\nconst pc = new Pinecone({\n  apiKey: process.env.PINECONE_API_KEY,\n});\n\n// Store embeddings\nawait index.upsert([{\n  id: '1',\n  values: embedding,\n  metadata: { text: content }\n}]);"
      },
      {
        "title": "Vercel (Recommended)",
        "body": "ailabs deploy my-project --platform vercel\n\nFeatures:\n\nAutomatic Git integration\nPreview deployments\nEdge functions\nAnalytics"
      },
      {
        "title": "Netlify",
        "body": "ailabs deploy my-project --platform netlify\n\nFeatures:\n\nGit-based deployment\nBranch previews\nForm handling\nEdge functions"
      },
      {
        "title": "GitHub Pages",
        "body": "ailabs deploy my-project --platform github\n\nFeatures:\n\nFree hosting\nCustom domains\nJekyll support\nActions integration"
      },
      {
        "title": "Performance",
        "body": "Use Next.js Image component\nImplement lazy loading\nOptimize fonts with next/font\nUse React Server Components"
      },
      {
        "title": "SEO",
        "body": "Meta tags with next/head\nSitemap generation\nrobots.txt\nStructured data"
      },
      {
        "title": "Security",
        "body": "Environment variables\nInput validation\nCSRF protection\nContent Security Policy"
      },
      {
        "title": "Accessibility",
        "body": "ARIA labels\nKeyboard navigation\nColor contrast\nScreen reader support"
      },
      {
        "title": "Create a Portfolio",
        "body": "ailabs create website portfolio \\\n  --type portfolio \\\n  --style glassmorphism \\\n  --components \\\n  --animations \\\n  --seo"
      },
      {
        "title": "Create an AI Chatbot",
        "body": "ailabs create ai-app chatbot \\\n  --type chat \\\n  --provider openai \\\n  --streaming \\\n  --memory"
      },
      {
        "title": "Create an Analytics Dashboard",
        "body": "ailabs create dashboard analytics \\\n  --type analytics \\\n  --widgets \\\n  --realtime \\\n  --charts"
      },
      {
        "title": "Create an Automation Workflow",
        "body": "ailabs create workflow daily-report \\\n  --template automation \\\n  --mcp \\\n  --schedule \"0 9 * * *\""
      },
      {
        "title": "Integration with Other Skills",
        "body": "mcp-workflow: For advanced workflow automation\ngcc-context: For version controlling project context\nagent-reflect: For continuous improvement"
      },
      {
        "title": "Resources",
        "body": "Next.js Documentation\nTailwind CSS\nshadcn/ui\nOpenAI API\nMCP Specification"
      }
    ],
    "body": "AI Labs Builder\n\nUnified system for creating modern websites, AI applications, dashboards, and workflows.\n\nQuick Start\n# Create a website\nailabs create website my-portfolio --type portfolio\n\n# Create an AI app\nailabs create ai-app my-chatbot --type chat\n\n# Create a dashboard\nailabs create dashboard my-analytics --type analytics\n\n# Create a workflow\nailabs create workflow my-automation --template automation\n\n# Deploy\nailabs deploy my-project --platform vercel\n\nCommands\nWebsite Creation\nailabs create website <name> [options]\n\nOptions:\n  --type <type>      portfolio | saas | blog | ecommerce\n  --style <style>    modern | glassmorphism | brutalism | minimal\n  --components       Include shadcn/ui components\n  --animations       Include Framer Motion animations\n  --seo              Include SEO optimization\n\nAI Application\nailabs create ai-app <name> [options]\n\nOptions:\n  --type <type>      chat | agent | rag | multimodal\n  --provider         openai | claude | gemini | local\n  --streaming        Enable streaming responses\n  --memory           Enable conversation memory\n  --tools            Enable tool calling\n\nDashboard\nailabs create dashboard <name> [options]\n\nOptions:\n  --type <type>      analytics | admin | personal | monitoring\n  --widgets          Include widget system\n  --realtime         Enable real-time updates\n  --charts           Include chart components\n\nWorkflow\nailabs create workflow <name> [options]\n\nOptions:\n  --template         automation | integration | pipeline\n  --mcp              Include MCP server setup\n  --schedule         Add cron scheduling\n  --webhook          Add webhook triggers\n\nProject Types\n1. Websites\n\nPortfolio\n\nHero section with animations\nProjects showcase\nSkills/Experience timeline\nContact form\nBlog integration\n\nSaaS Landing\n\nFeature highlights\nPricing tables\nTestimonials\nCTA sections\nFAQ accordion\n\nBlog\n\nMDX support\nTag/categories\nSearch functionality\nRSS feed\nNewsletter signup\n2. AI Applications\n\nChat Interface\n\nMessage history\nStreaming responses\nCode syntax highlighting\nFile attachments\nVoice input/output\n\nAI Agent\n\nAutonomous task execution\nTool calling\nMemory management\nMulti-step reasoning\nHuman-in-the-loop\n\nRAG System\n\nDocument ingestion\nVector database\nSemantic search\nSource citations\nContext management\n3. Dashboards\n\nAnalytics\n\nKPI cards\nCharts (line, bar, pie)\nDate range picker\nExport functionality\nReal-time updates\n\nAdmin Panel\n\nUser management\nRole-based access\nCRUD operations\nAudit logs\nSettings panel\n\nPersonal Dashboard\n\nWeather widget\nCalendar integration\nTask management\nNotes/quick capture\nBookmarks\n4. Workflows\n\nAutomation\n\nScheduled tasks\nEmail notifications\nData processing\nReport generation\n\nIntegration\n\nAPI connections\nWebhook handling\nData sync\nEvent triggers\n\nPipeline\n\nCI/CD automation\nTesting workflows\nDeployment pipelines\nQuality checks\nDesign System\nColors\n/* Modern */\n--primary: #6366f1;\n--secondary: #8b5cf6;\n--accent: #ec4899;\n\n/* Glassmorphism */\n--glass-bg: rgba(255, 255, 255, 0.05);\n--glass-border: rgba(255, 255, 255, 0.1);\n--glass-blur: blur(20px);\n\n/* Brutalism */\n--brutal-black: #000;\n--brutal-white: #fff;\n--brutal-accent: #ff00ff;\n\nTypography\nHeadings: Inter, Geist, or JetBrains Mono\nBody: Inter or system-ui\nCode: JetBrains Mono or Fira Code\nComponents\n\nAll projects include:\n\nButton variants (primary, secondary, ghost, outline)\nCards (default, hover, glass)\nForms (input, textarea, select, checkbox, radio)\nNavigation (header, sidebar, breadcrumbs)\nFeedback (toast, alert, modal, tooltip)\nData (table, pagination, tabs)\nAI Integration\nOpenAI\nimport { OpenAI } from 'openai';\n\nconst openai = new OpenAI({\n  apiKey: process.env.OPENAI_API_KEY,\n});\n\n// Streaming chat\nconst stream = await openai.chat.completions.create({\n  model: 'gpt-4',\n  messages: [{ role: 'user', content: prompt }],\n  stream: true,\n});\n\nClaude\nimport Anthropic from '@anthropic-ai/sdk';\n\nconst anthropic = new Anthropic({\n  apiKey: process.env.ANTHROPIC_API_KEY,\n});\n\nconst message = await anthropic.messages.create({\n  model: 'claude-3-opus-20240229',\n  max_tokens: 1024,\n  messages: [{ role: 'user', content: prompt }],\n});\n\nVector Database (Pinecone/Memory)\nimport { Pinecone } from '@pinecone-database/pinecone';\n\nconst pc = new Pinecone({\n  apiKey: process.env.PINECONE_API_KEY,\n});\n\n// Store embeddings\nawait index.upsert([{\n  id: '1',\n  values: embedding,\n  metadata: { text: content }\n}]);\n\nDeployment\nVercel (Recommended)\nailabs deploy my-project --platform vercel\n\n\nFeatures:\n\nAutomatic Git integration\nPreview deployments\nEdge functions\nAnalytics\nNetlify\nailabs deploy my-project --platform netlify\n\n\nFeatures:\n\nGit-based deployment\nBranch previews\nForm handling\nEdge functions\nGitHub Pages\nailabs deploy my-project --platform github\n\n\nFeatures:\n\nFree hosting\nCustom domains\nJekyll support\nActions integration\nBest Practices\nPerformance\nUse Next.js Image component\nImplement lazy loading\nOptimize fonts with next/font\nUse React Server Components\nSEO\nMeta tags with next/head\nSitemap generation\nrobots.txt\nStructured data\nSecurity\nEnvironment variables\nInput validation\nCSRF protection\nContent Security Policy\nAccessibility\nARIA labels\nKeyboard navigation\nColor contrast\nScreen reader support\nExamples\nCreate a Portfolio\nailabs create website portfolio \\\n  --type portfolio \\\n  --style glassmorphism \\\n  --components \\\n  --animations \\\n  --seo\n\nCreate an AI Chatbot\nailabs create ai-app chatbot \\\n  --type chat \\\n  --provider openai \\\n  --streaming \\\n  --memory\n\nCreate an Analytics Dashboard\nailabs create dashboard analytics \\\n  --type analytics \\\n  --widgets \\\n  --realtime \\\n  --charts\n\nCreate an Automation Workflow\nailabs create workflow daily-report \\\n  --template automation \\\n  --mcp \\\n  --schedule \"0 9 * * *\"\n\nIntegration with Other Skills\nmcp-workflow: For advanced workflow automation\ngcc-context: For version controlling project context\nagent-reflect: For continuous improvement\nResources\nNext.js Documentation\nTailwind CSS\nshadcn/ui\nOpenAI API\nMCP Specification"
  },
  "trust": {
    "sourceLabel": "tencent",
    "provenanceUrl": "https://clawhub.ai/slemo54/ai-labs-builder",
    "publisherUrl": "https://clawhub.ai/slemo54/ai-labs-builder",
    "owner": "slemo54",
    "version": "1.0.0",
    "license": null,
    "verificationStatus": "Indexed source record"
  },
  "links": {
    "detailUrl": "https://openagent3.xyz/skills/ai-labs-builder",
    "downloadUrl": "https://openagent3.xyz/downloads/ai-labs-builder",
    "agentUrl": "https://openagent3.xyz/skills/ai-labs-builder/agent",
    "manifestUrl": "https://openagent3.xyz/skills/ai-labs-builder/agent.json",
    "briefUrl": "https://openagent3.xyz/skills/ai-labs-builder/agent.md"
  }
}