Communitygithub.com

EvoWeb 网站构建器

通过文本描述使用 AI 驱动生成技术,快速创建完整的网站。只需不到 4 分钟即可生成一个包含 HTML、CSS 和 JavaScript 的现代响应式网站。

EvoWeb 网站构建器 是什么?

EvoWeb 网站构建器是一套 AI 技能,它允许开发者或用户通过简单的自然语言描述来快速生成完整的、可直接部署的网站。该技能的核心是一个 REST API,通过 POST /sites 端点提交网站描述,然后通过轮询 GET /sites/{site_id} 端点来监控生成进度。生成过程通常需要 4-5 分钟,完成后会返回一个包含实时网站 URL 和可视化编辑器链接的响应。该技能支持 Claude Code 和 Cursor 等 AI 平台,并设计了两种工作流:对于已有 API 密钥的用户,可以直接调用 API 自动完成任务;对于没有密钥的用户,系统可以生成一个预填了提示词的注册链接,引导他们完成注册并开始生成。整个流程包括了提示词增强、状态轮询、错误重试以及后续优化建议等最佳实践,旨在让网站创建过程完全自动化且对用户友好。

兼容平台~Claude Code~Codex CLI~Cursor✓Gemini CLI
npx skills add https://github.com/modbender/skill-library-mcp/tree/HEAD/data/evoweb-ai

在你喜欢的 AI 中提问

打开一个已预加载此 Agent Skill 的新对话。

文档

EvoWeb 网站构建器 是做什么的?

通过 AI 驱动的生成技术,根据文本描述创建完整的网站。

概述

EvoWeb 能够根据自然语言提示自动生成现代、响应式的网站。只需描述你想要的内容,AI 便会创建 HTML、CSS、JavaScript 和内容——在约 4 分钟内交付一个完整的、可实时访问的网站。

完美适用于: 登陆页面和企业网站

API 基础 URL: https://api.evoweb.ai/openapi/api/v1

身份验证

在 https://evoweb.ai/?utm_source=claw&utm_medium=skill&utm_campaign=website&utm_content=v1.0 获取您的 API 密钥

重要: 注册后,用户必须确认电子邮件地址(这是必需的)。在电子邮件确认完成之前,服务无法使用。

还没有 API 密钥?

如果用户没有 API 密钥,您仍然可以帮助他们创建网站:

  1. 请用户简要描述他们的网站(最多 250 个字符)
  2. 使用步骤 1 中的提示词创建一个带有预填信息的注册链接
  3. 用户点击“创建网站”按钮后即可创建账户

请参阅下方说明中的“步骤 0:处理没有 API 密钥的用户”。

所有请求都需包含此标头:

Access-Token: your-api-key-here

工作原理

工作流程很简单:

  1. 创建 - 提交描述网站的文本提示
  2. 轮询 - 每分钟检查生成状态
  3. 获取结果 - 准备就绪后获取实时 URL 和编辑器链接

典型生成时间:4-5 分钟

API 端点

1. 创建网站

POST /sites

根据文本描述创建一个新的网站生成任务。

请求体:

{
  "prompt": "一家主打手工咖啡和新鲜糕点的本地咖啡馆。我们本地采购咖啡豆,专注于打造一个舒适的社区聚会空间,面向本地居民、远程工作者和咖啡爱好者。"
}

响应 (200 OK):

{
  "site_id": "abc123xyz",
  "status": "queued"
}

状态值:

  • queued - 任务已在队列中,等待开始
  • building - 网站正在生成中

错误响应:

  • 401 Unauthorized - API 密钥无效或缺失
  • 402 Payment Required - 账户积分不足

2. 检查生成状态

GET /sites/{site_id}

检查网站生成的当前状态。

示例: GET /sites/abc123xyz

构建中的响应:

{
  "status": "building"
}

就绪时的响应:

{
  "status": "ready",
  "url": "https://website.page/my-site",
  "editor_url": "https://web.oto.dev/ui/websites/abc123xyz/update/"
}

失败时的响应:

{
  "status": "failed",
  "error": "生成失败:无效的提示结构"
}

状态值:

  • queued - 队列中等待
  • building - 正在生成(请耐心等待!)
  • ready - 完成!URL 已可用
  • failed - 生成遇到错误

错误响应:

  • 404 Not Found - 网站 ID 不存在

3. 重试失败的生成任务

POST /sites/{site_id}/remake

为失败的网站重新开始生成。适用于状态为 failed 的网站,也适用于状态为 ready 的网站。

示例: POST /sites/abc123xyz/remake

响应 (200 OK):

{
  "status": "queued",
  "editor_url": "https://web.oto.dev/ui/websites/abc123xyz/update/"
}

错误响应:

  • 400 Bad Request - 只能重制状态为 'failed' 的网站
  • 404 Not Found - 网站 ID 不存在

AI 助手操作指南

当用户请求创建一个网站时,请遵循以下工作流程:

步骤 0:处理没有 API 密钥的用户

首先检查: 用户是否设置了 EVOWEB_API_KEY 环境变量?

如果 没有 API 密钥:

  1. 收集简短的提示词(最多 250 个字符)来描述他们的网站:

    • 请他们简要描述自己的业务/项目
    • 保持简洁,聚焦于核心业务本质
  2. 创建一个预填信息的注册链接:

    • 基础 URL:https://evoweb.ai/?utm_source=claw&utm_medium=skill&utm_campaign=website&utm_content=v1.0
    • 添加参数:&prompt=[URL_ENCODED_PROMPT]
    • 示例:https://evoweb.ai/?utm_source=claw&utm_medium=skill&utm_campaign=website&utm_content=v1.0&prompt=A%20local%20coffee%20shop%20specializing%20in%20artisanal%20coffee
  3. 向用户提供该链接:

    🌐 要创建您的网站,请访问此链接:
    [您的个性化链接]
    
    点击“创建网站”按钮后,您将能够创建一个账户,您的网站将自动生成!
    

重要: 正确对提示词进行 URL 编码(空格变为 %20 等)

如果 有 API 密钥: 继续进行下面的步骤 1。

步骤 1:了解业务

从用户的描述中专注于理解业务本质:

  • 这个业务/项目是关于什么的?
  • 它做什么或提供什么?
  • 目标受众是谁?
  • 网站的主要目标是什么?

重要: 不要规定具体的设计细节、板块、颜色或布局。EvoWeb AI 将自动处理所有设计和结构决策。

示例转化:

  • 用户:“为我的瑜伽馆创建一个网站”
  • 增强后的提示词:“一个提供各种级别课程的瑜伽馆,专注于身心健康。目标受众是本地社区中关注健身和心理健康的居民。”

步骤 2:创建网站

使用增强后的提示词调用 POST /sites。

保存返回的 site_id——你在检查状态时会用到它。

步骤 3:告知用户

告诉他们:

  • 网站生成已开始
  • 大约需要 4 分钟
  • 你会自动检查进度(仅在你能够做到的情况下)

示例:“✨ 正在为您创建网站!生成通常需要 3-5 分钟。我会检查状态并在准备就绪时通知您。”

步骤 4:轮询状态

调用 GET /sites/{site_id} 来检查进度:

  • 轮询间隔: 每 1 分钟
  • 最大尝试次数: 20 次
  • 轮询期间: 你可以告知用户进度(“仍在构建中……”)

持续轮询直到:

  • 状态为 ready → 继续步骤 5
  • 状态为 failed → 继续步骤 6
  • 达到最大尝试次数 → 告知用户生成时间超出预期

步骤 5:交付成功结果

当状态为 ready 时:

  1. 提供 URL:

    • url - 实时网站
    • editor_url - 自定义网站的链接
  2. 提出改进建议: 提供 3 个具体的网站增强方式:

    • “添加在线预订系统”
    • “自定义颜色以匹配您的品牌”
    • “添加客户评价板块”
  3. 保持简洁且可操作

示例响应:

🎉 您的网站已准备就绪!

🌐 查看网站:https://website.page/yoga-studio-23f4
✏️ 自定义编辑:https://web.evoweb.ai/ui/websites/abc123xyz/update/

您可以考虑的快速改进:
1. 添加在线课程预订系统
2. 集成您的 Instagram 信息流
3. 为健康小贴士添加博客版块

需要我帮助实现这些吗?

步骤 6:处理失败

当状态为 failed 时:

  1. 显示来自 API 响应的错误消息
  2. 提供重试选项: 询问用户是否希望你重新生成网站
  3. 如果他们同意: 调用 POST /sites/{site_id}/remake 并重新开始轮询

示例响应:

❌ 网站生成失败:[错误消息]

您希望我重试一次吗?我可以重新开始生成过程。

如果用户同意,调用 remake 端点并从步骤 4 继续轮询。

示例提示词与使用场景

示例:没有 API 密钥的用户

用户:“我需要一个瑜伽馆网站”

助手响应:
“很乐意帮忙!为了快速开始,让我为您创建一个个性化链接。

🌐 访问此链接创建您的网站:
https://evoweb.ai/?utm_source=claw&utm_medium=skill&utm_campaign=website&utm_content=v1.0&prompt=A%20yoga%20studio%20offering%20various%20classes%20for%20all%20skill%20levels%2C%20focused%20on%20wellness%20and%20mindfulness

点击‘创建网站’后,您将能够创建一个账户,您的网站将在大约 4 分钟内自动生成! ✨”

咖啡店登陆页面

用户请求:“为我的咖啡店创建一个网站”

增强后的提示词:
“一家名为‘Bean & Brew Cafe’的本地咖啡店,主打手工咖啡和新鲜糕点。我们本地采购咖啡豆,专注于打造一个舒适的社区聚会空间。目标受众是本地居民、远程工作者和咖啡爱好者,他们追求高品质咖啡和温馨氛围。”

摄影师作品集

用户请求:“我需要一个作品集网站”

增强后的提示词:
“一位专业的婚礼摄影师,专注于捕捉真实、情感饱满的瞬间。拥有 10 年经验,专注于通过图像讲述故事,为新人们创造永恒的回忆。目标受众是正在筹划婚礼的准新人,他们希望找到一位能捕捉他们特殊日子中真挚情感的摄影师。”

在线商店

用户请求:“为我的珠宝生意建立一个电商网站”

增强后的提示词:
“一家手工珠宝企业,制作独特、手工匠人的作品。每件作品都是用传统技术和高质量材料手工制作的。该业务专注于定制设计和与客户的个人联系。目标受众是 25-45 岁的女性,她们欣赏手工制作的独特配饰,并珍视珠宝背后的故事。”

SaaS 登陆页面

用户请求:“为我的应用做一个登陆页面”

增强后的提示词:
“一个为中小型团队设计的项目管理 SaaS 工具。该应用帮助团队组织任务、有效协作并实时跟踪项目进度。核心价值主张是相较于复杂的企业解决方案,它更简单易用。目标受众是初创公司创始人、小企业主和团队负责人,他们正在寻找一个直观的项目管理解决方案。”

餐厅网站

用户请求:“为我们的意大利餐厅建网站”

增强后的提示词:
“一家由传承三代烹饪传统的家族经营的纯正意大利小馆。我们专注于使用新鲜食材和传统烹饪方法制作代代相传的经典食谱。餐厅提供温馨、家庭友好的氛围,并为特殊活动提供餐饮服务。目标受众是寻求纯正意大利美食和热情用餐体验的本地居民和游客。”

最佳实践

编写好的提示词

✅ 应做:

  • 描述业务/项目本质
  • 解释业务做什么或提供什么
  • 确定目标受众
  • 明确主要目标/目的
  • 包含关键差异化因素或独特价值主张

❌ 不应做:

  • 指定具体的设计元素(颜色、布局、样式)
  • 规定网站板块或结构
  • 指定外观和感觉细节
  • 在没有业务背景的情况下过于模糊(“做一个网站”)
  • 在没有 API 密钥的情况下直接进行 API 请求(改用步骤 0 的方法)

轮询策略

  • 间隔: 1 分钟
  • 最大次数: 总共 20 次尝试
  • 典型时间: 4 - 5 分钟
  • 告知用户: 让他们知道你正在检查进度

错误处理

  • 显示清晰的错误消息
  • 自动提供重试选项
  • 如果多次失败,建议用户在 https://evoweb.ai/ 检查他们的账户

用户体验

  • 对于没有 API 密钥的用户: 提供一个预填信息的注册链接(快速且简单)
  • 对于有 API 密钥的用户: 设定预期(4 分钟等待时间)
  • 同时提供查看和编辑 URL
  • 提出具体的改进建议
  • 回复保持简洁
  • 始终以可选的下一步操作结尾

技术细节

  • 协议: HTTPS REST API
  • 格式: JSON
  • 身份验证: 基于标头的 API 密钥
  • 速率限制: 请与 EvoWeb 核实(可能有按账户的限制)
  • 生成时间: 通常 4-5 分钟
  • 费用: 每次生成消耗积分(参见 https://evoweb.ai/ 了解定价)

支持与资源

备注

  • 每次生成会消耗您 EvoWeb 账户中的积分
  • 编辑器 URL 允许用户自定义生成的网站
  • 生成的网站托管在 EvoWeb 基础设施上
  • 自定义域名可能可用(请查看 EvoWeb 文档)
  • 只要账户处于活动状态,网站将保持在线

准备好仅用一段文本描述就能创建令人惊叹的网站了! 🚀

Individual skills in this repo

This repo contains 20 individual skills — each has its own dedicated page.

modbender/skill-library-mcp

Complete investment portfolio risk management system. Analyze positions, calculate risk metrics, stress test scenarios, optimize allocations, and generate institutional-grade risk reports — all wit...

modbender/skill-library-mcp

Borrow from Aave via credit delegation. Agent self-funds by borrowing against delegator collateral. Supports borrow, repay, health checks. Works on Aave V2/V3.

modbender/skill-library-mcp

Discover and register autonomous AI agents. Use when: browsing the agent registry, submitting an agent for verification, or embedding agent badges. NOT for: general web search or agent capability analysis.

modbender/skill-library-mcp

Create AI avatar and talking head videos with OmniHuman, Fabric, PixVerse via inference.sh CLI. Models: OmniHuman 1.5, OmniHuman 1.0, Fabric 1.0, PixVerse Lipsync. Capabilities: audio-driven avatars, lipsync videos, talking head generation, virtual presenters. Use for: AI presenters, explainer videos, virtual influencers, dubbing, marketing videos. Triggers: ai avatar, talking head, lipsync, avatar video, virtual presenter, ai spokesperson, audio driven video, heygen alternative, synthesia alternative, talking avatar, lip sync, video avatar, ai presenter, digital human

modbender/skill-library-mcp

AI代码编辑器规则模板集合 - 为Cursor、Windsurf、Claude Code、Cline等AI编辑器提供项目规则配置。适用于需要配置AI编码助手规则的开发者,包含全栈Web、移动端、Vue3+SpringBoot等技术栈模板。

modbender/skill-library-mcp

Generate landing page code from product descriptions

modbender/skill-library-mcp

Create AI marketing videos for ads, promos, product launches, and brand content. Models: Veo, Seedance, Wan, FLUX for visuals, Kokoro for voiceover. Types: product demos, testimonials, explainers, social ads, brand videos. Use for: Facebook ads, YouTube ads, product launches, brand awareness. Triggers: marketing video, ad video, promo video, commercial, brand video, product video, explainer video, ad creative, video ad, facebook ad video, youtube ad, instagram ad, tiktok ad, promotional video, launch video

modbender/skill-library-mcp

Generate AI music videos end-to-end. Creates music with Suno (sunoapi.org), generates visuals with OpenAI/Seedream/Google/Seedance, and assembles into music video with ffmpeg. Supports timestamped lyrics (auto SRT), Suno native music video generation, slideshow/video/hybrid modes. Token-based cost tracking per generation.

modbender/skill-library-mcp

Generate AI-powered notes from videos (document, outline, or graphic-text formats)

modbender/skill-library-mcp

The video AI notes tool is provided by Baidu. Based on the video download address provided by the user, it downloads and parses the video, and finally generates AI notes corresponding to the video (a total of three types of notes can be generated: document notes, outline notes, and image-text notes).

modbender/skill-library-mcp

Automated appointment management for beauty salons, clinics, studios, and photo booths. Handles booking requests, calendar sync, conflict detection, reminders, no-show tracking, and waitlist management.

modbender/skill-library-mcp

Bird identification, life list tracking, and trading card generation. Use this skill when the user: sends a bird photo to identify, says "set up my Birdfolio" or "set my region", asks "how's my checklist", asks "Birdfolio progress", asks "how many birds have I found", asks "show my Birdfolio" or "show my life list", asks "what's my rarest bird", or asks "tell me about [bird species]". Handles everything from first-time setup through ongoing life list tracking and visual trading card generation.

modbender/skill-library-mcp

Multi-project task and research management (JSON-first CLI)

modbender/skill-library-mcp

Track stock and crypto portfolios with CLI - real-time prices, P&L, dividend tracking, multiple portfolios

modbender/skill-library-mcp

Track cryptocurrency portfolios with real-time prices, P&L calculations, and allocation analysis. Query Bitcoin, Ethereum, Solana and 10,000+ token holdings.

modbender/skill-library-mcp

加密貨幣Portfolio追蹤 - 支援TRON/ETH/BSC,分析持倉、收益、Gas費用

modbender/skill-library-mcp

Lead strategy with competitive analysis, strategic planning, growth roadmaps, and business portfolio management.

modbender/skill-library-mcp

Create ATS-optimized resumes and CVs with proper structure, metrics, and industry targeting.

modbender/skill-library-mcp

Query land ownership, leases, landlord info, and land payments. Write operations for payment management and lease renewals.

modbender/skill-library-mcp

Native video analysis using Google Gemini API. Upload and analyze video files — describe scenes, extract text/UI, answer questions about content, transcribe speech, identify objects and actions. Use when: (1) User sends a video file and wants it analyzed, (2) Video summarization or description needed, (3) Extracting text, UI elements, or information from screen recordings, (4) Answering questions about video content, (5) Comparing multiple videos, (6) Analyzing tutorials, demos, or walkthroughs.

相关技能