返回顶部
a

ai-labs-builderAI实验室构建器

AI Labs Builder - Create modern websites, AI applications, dashboards, and automated workflows. Unified system for building production-ready projects with Next.js, TypeScript, Tailwind, shadcn/ui, and MCP integration. Use when creating new projects, building AI features, designing dashboards, or automating workflows. Triggers include "create website", "build ai app", "make dashboard", "setup workflow", or any project creation requests.

作者: admin | 来源: ClawHub
源自
ClawHub
版本
V 1.0.0
安全检测
已通过
804
下载量
免费
免费
0
收藏
概述
安装方式
版本历史

ai-labs-builder

AI Labs Builder

用于创建现代网站、AI应用、仪表盘和工作流的统一系统。

快速开始

bash

创建网站


ailabs create website my-portfolio --type portfolio

创建AI应用

ailabs create ai-app my-chatbot --type chat

创建仪表盘

ailabs create dashboard my-analytics --type analytics

创建工作流

ailabs create workflow my-automation --template automation

部署

ailabs deploy my-project --platform vercel

命令

网站创建

bash
ailabs create website <名称> [选项]

选项:
--type <类型> portfolio | saas | blog | ecommerce
--style <风格> modern | glassmorphism | brutalism | minimal
--components 包含shadcn/ui组件
--animations 包含Framer Motion动画
--seo 包含SEO优化

AI应用

bash
ailabs create ai-app <名称> [选项]

选项:
--type <类型> chat | agent | rag | multimodal
--provider 提供商 openai | claude | gemini | local
--streaming 启用流式响应
--memory 启用对话记忆
--tools 启用工具调用

仪表盘

bash
ailabs create dashboard <名称> [选项]

选项:
--type <类型> analytics | admin | personal | monitoring
--widgets 包含小部件系统
--realtime 启用实时更新
--charts 包含图表组件

工作流

bash
ailabs create workflow <名称> [选项]

选项:
--template 模板 automation | integration | pipeline
--mcp 包含MCP服务器设置
--schedule 添加定时任务调度
--webhook 添加Webhook触发器

项目类型

1. 网站

作品集

  • - 带动画的英雄区域
  • 项目展示
  • 技能/经历时间线
  • 联系表单
  • 博客集成

SaaS落地页

  • - 功能亮点
  • 定价表
  • 客户评价
  • 行动号召区域
  • 常见问题手风琴

博客

  • - MDX支持
  • 标签/分类
  • 搜索功能
  • RSS订阅
  • 新闻通讯注册

2. AI应用

聊天界面

  • - 消息历史
  • 流式响应
  • 代码语法高亮
  • 文件附件
  • 语音输入/输出

AI代理

  • - 自主任务执行
  • 工具调用
  • 记忆管理
  • 多步推理
  • 人机协作

RAG系统

  • - 文档导入
  • 向量数据库
  • 语义搜索
  • 来源引用
  • 上下文管理

3. 仪表盘

分析仪表盘

  • - KPI卡片
  • 图表(折线图、柱状图、饼图)
  • 日期范围选择器
  • 导出功能
  • 实时更新

管理面板

  • - 用户管理
  • 基于角色的访问控制
  • CRUD操作
  • 审计日志
  • 设置面板

个人仪表盘

  • - 天气小部件
  • 日历集成
  • 任务管理
  • 笔记/快速记录
  • 书签

4. 工作流

自动化

  • - 定时任务
  • 邮件通知
  • 数据处理
  • 报告生成

集成

  • - API连接
  • Webhook处理
  • 数据同步
  • 事件触发

流水线

  • - CI/CD自动化
  • 测试工作流
  • 部署流水线
  • 质量检查

设计系统

颜色

css
/ 现代风格 /
--primary: #6366f1;
--secondary: #8b5cf6;
--accent: #ec4899;

/ 玻璃态 /
--glass-bg: rgba(255, 255, 255, 0.05);
--glass-border: rgba(255, 255, 255, 0.1);
--glass-blur: blur(20px);

/ 粗野主义 /
--brutal-black: #000;
--brutal-white: #fff;
--brutal-accent: #ff00ff;

排版

  • - 标题:Inter、Geist 或 JetBrains Mono
  • 正文:Inter 或 system-ui
  • 代码:JetBrains Mono 或 Fira Code

组件

所有项目包含:

  • - 按钮变体(主要、次要、幽灵、轮廓)
  • 卡片(默认、悬停、玻璃态)
  • 表单(输入框、文本域、选择框、复选框、单选按钮)
  • 导航(头部、侧边栏、面包屑)
  • 反馈(提示、警告、模态框、工具提示)
  • 数据(表格、分页、标签页)

AI集成

OpenAI

typescript
import { OpenAI } from openai;

const openai = new OpenAI({
apiKey: process.env.OPENAIAPIKEY,
});

// 流式聊天
const stream = await openai.chat.completions.create({
model: gpt-4,
messages: [{ role: user, content: prompt }],
stream: true,
});

Claude

typescript
import Anthropic from @anthropic-ai/sdk;

const anthropic = new Anthropic({
apiKey: process.env.ANTHROPICAPIKEY,
});

const message = await anthropic.messages.create({
model: claude-3-opus-20240229,
max_tokens: 1024,
messages: [{ role: user, content: prompt }],
});

向量数据库(Pinecone/Memory)

typescript
import { Pinecone } from @pinecone-database/pinecone;

const pc = new Pinecone({
apiKey: process.env.PINECONEAPIKEY,
});

// 存储嵌入向量
await index.upsert([{
id: 1,
values: embedding,
metadata: { text: content }
}]);

部署

Vercel(推荐)

bash
ailabs deploy my-project --platform vercel

功能:

  • - 自动Git集成
  • 预览部署
  • 边缘函数
  • 分析

Netlify

bash
ailabs deploy my-project --platform netlify

功能:

  • - 基于Git的部署
  • 分支预览
  • 表单处理
  • 边缘函数

GitHub Pages

bash
ailabs deploy my-project --platform github

功能:

  • - 免费托管
  • 自定义域名
  • Jekyll支持
  • Actions集成

最佳实践

性能

  • - 使用Next.js Image组件
  • 实现懒加载
  • 使用next/font优化字体
  • 使用React服务端组件

SEO

  • - 使用next/head设置元标签
  • 站点地图生成
  • robots.txt
  • 结构化数据

安全

  • - 环境变量
  • 输入验证
  • CSRF保护
  • 内容安全策略

可访问性

  • - ARIA标签
  • 键盘导航
  • 颜色对比度
  • 屏幕阅读器支持

示例

创建作品集网站

bash
ailabs create website portfolio \
--type portfolio \
--style glassmorphism \
--components \
--animations \
--seo

创建AI聊天机器人

bash
ailabs create ai-app chatbot \
--type chat \
--provider openai \
--streaming \
--memory

创建分析仪表盘

bash
ailabs create dashboard analytics \
--type analytics \
--widgets \
--realtime \
--charts

创建自动化工作流

bash
ailabs create workflow daily-report \
--template automation \
--mcp \
--schedule 0 9 *

与其他技能的集成

  • - mcp-workflow:用于高级工作流自动化
  • gcc-context:用于版本控制项目上下文
  • agent-reflect:用于持续改进

资源

标签

skill ai

通过对话安装

该技能支持在以下平台通过对话安装:

OpenClaw WorkBuddy QClaw Kimi Claude

方式一:安装 SkillHub 和技能

帮我安装 SkillHub 和 ai-labs-builder-1776419936 技能

方式二:设置 SkillHub 为优先技能安装源

设置 SkillHub 为我的优先技能安装源,然后帮我安装 ai-labs-builder-1776419936 技能

通过命令行安装

skillhub install ai-labs-builder-1776419936

下载

⬇ 下载 ai-labs-builder v1.0.0(免费)

文件大小: 28.53 KB | 发布时间: 2026-4-17 18:11

v1.0.0 最新 2026-4-17 18:11
Unified system for creating websites, AI applications, dashboards, and workflows with Next.js, TypeScript, Tailwind, and MCP integration

Archiver·手机版·闲社网·闲社论坛·羊毛社区· 多链控股集团有限公司 · 苏ICP备2025199260号-1

Powered by Discuz! X5.0   © 2024-2025 闲社网·线报更新论坛·羊毛分享社区·http://xianshe.com

p2p_official_large
返回顶部