Skip to main content

Search: #Web开发

面条的草稿箱
面条的草稿箱
无原创，纯转发

  1. WebClaw：OpenClaw 的轻量快速 Web 客户端（Beta）

    WebClaw 是一个面向 OpenClaw 的快速 Web 客户端，主打轻量、上手快，适合想用浏览器直接连接 OpenClaw Gateway 的用户与开发者。目前项目处于 Beta 阶段。

    你可以用它做什么

    • 在浏览器里访问/使用 OpenClaw（通过 Gateway 连接）
    • 本地快速启动，便于二次开发与调试

    本地安装（快速开始）

    • 克隆项目并启动开发环境：
    • gh repo clone ibelick/webclaw
    • cd webclaw
    • pnpm install
    • pnpm dev

    关键配置（连接 Gateway）
    在 apps/webclaw/.env.local 中配置：

    • CLAWDBOT_GATEWAY_URL
    • 认证二选一（推荐 Token）：
    • CLAWDBOT_GATEWAY_TOKEN（推荐）或 CLAWDBOT_GATEWAY_PASSWORD

    默认 Gateway 地址为：ws://127.0.0.1:18789
    相关文档：https://docs.openclaw.ai/gateway

    链接：

    • https://webclaw.dev/
    • https://github.com/ibelick/webclaw

    #OpenClaw #WebClaw #开源项目 #TypeScript #Web客户端
    webclaw.dev
    webclaw.dev
    Fast web client for OpenClaw.

  2. 如何更好地使用 AI 进行 UI 设计？Lovable 的 Prompt 指南

    这是一篇关于如何在使用 AI UI 构建工具 Lovable 时，写出更有效 Prompt 的实用指南。核心思想是通过结构化、系统化的方式与 AI 沟通，从而获得高质量、可控的设计成果。

    一个非常有效的技巧是让 AI 主动提问。在你的需求后面加上一句：“为了完全理解我的需求，请向我提问”，这样可以提前澄清细节，避免后期反复修改。

    指南将整个过程分为四个阶段：

    1. 奠定基础
    在动手前先做好规划，明确产品功能、目标用户和核心操作。从一开始就确定好整体的设计风格，是后续所有工作的基础。

    2. 系统化思考
    不要一次性生成整个页面，而是像搭积木一样，按组件（如导航栏、卡片）进行构建。使用真实内容而非占位符，并使用具体的 UI 术语（按钮、模态框）和风格关键词（如“极简”、“电影感”）来精确传达你的意图。

    3. 精确构建
    为常用布局创建可复用的 Prompt 模式以提高效率。通过 URL 直接添加图片或视频素材，并善用“编辑”功能进行微调，而不是每次都从头开始。

    4. 迭代与发布
    在设计阶段就考虑后端逻辑（如用户登录状态），并有意识地对设计进行版本管理，让迭代过程清晰可控。

    这套方法论不仅适用于 Lovable，对我们与其他 AI 工具进行高效协作也极具启发。

    原文链接：https://docs.lovable.dev/prompting/prompting-one

    #AI #提示工程 #UIDesign #Web开发 #Lovable
    Lovable Documentation
    Prompting best practices - Lovable Documentation
    Prompting best practices - Lovable Documentation
    Plan before you prompt, build by component, use real content, and apply design buzzwords to get consistent, high-quality results.
1px