为什么做 PixelCrab
我们做 PixelCrab 的起点很简单：AI 已经很会写代码了，但很多人拿到代码以后，还是不知道下一步怎么办。
代码怎么运行？页面哪里需要调整？改完以后怎么预览，又怎样把作品分享出去？这些问题，决定了一个想法能不能变成真正可以使用的应用。
PixelCrab 希望把这些环节连接起来：提出需求，让 AI 生成代码；运行和预览，直接指出需要修改的位置；继续开发、调试，最后构建和发布。我们关注的不只是代码生成，而是用户能否得到一个看得见、能操作、可以持续修改的作品。
看到哪里不满意，就直接选择哪里，告诉 AI 怎么改。
本地优先：项目代码由你掌握
项目源码保存在自己的电脑和工作目录中。你可以继续使用 Git、GitHub 或企业内部 Git 服务管理代码，也可以打开已有项目，让 AI 阅读真实工程并继续开发。
本地项目、预览和自有模型不以 PixelCrab 登录为前提。PixelCrab 账号用于平台模型、云端发布、空间和其他平台服务。
本地保存不等于所有 AI 请求都离线：使用云模型时，任务所需的提示、代码和图片等上下文会发送给你选择的模型服务。对数据路径有要求的团队，可以配置企业内部模型或本地模型服务。
AI 网页开发与 Web 全栈开发
从个人主页、企业官网、活动页面，到预约系统、表单、数据看板和 Web App，PixelCrab 让自然语言需求回到真实项目代码中。你可以从一句“帮我做一个咖啡店官网”开始，也可以打开已有工程，让 AI 调整页面、组件、接口与业务逻辑。
常见 Web 项目会涉及 HTML、CSS、JavaScript、TypeScript，以及 React、Vue、Angular、Next.js、Nuxt、Vite、Tailwind CSS、Node.js 和 Express 等技术。AI 按项目已有技术栈工作；具体运行方式取决于项目脚本、依赖和可用预览工具，不要求所有项目改成同一种框架。
简单 HTML 页面可以直接预览；框架项目按需准备依赖。预览是检查开发结果的起点，实际业务仍需要验证交互、数据、权限和异常处理。
Flutter、uni-app 与多端应用开发
AI App 开发不止是生成几张页面。PixelCrab 可以围绕 Flutter、uni-app 等项目进行页面编写、组件调整、接口接入和业务逻辑修改，并利用适配的开发预览检查结果。
Flutter Web、uni-app H5 等开发运行态，帮助你更早看到和修改界面。面向 Android、iOS 或桌面端构建时，仍需对应的 SDK、构建工具和签名环境；Web 预览不能代替目标设备的实际验证。
我们希望按项目需要逐步准备环境，而不是让每个用户在开始之前就安装所有平台工具。
AI 小程序开发：连接各平台的工具链
微信、支付宝、抖音小程序有不同的运行环境和交付要求。PixelCrab 通过对应的平台工具与适配能力，连接项目开发、构建、预览和上传流程；实际可执行的操作以当前版本提供的平台入口和检查结果为准。
你可以先在可用的 H5 开发态中完善页面与交互，再用目标平台的官方工具和真机验证。AppID、开发者账号、权限和必要凭证由相应平台决定。上传开发版本与审核上线是不同阶段，最终发布仍需满足平台规则。
百度智能小程序、钉钉、快手、QQ 小程序以及其他轻应用平台，是可以通过独立工具和适配器继续探索的扩展方向，不代表当前版本已经全部提供完整发布支持。
可视化 AI 编程：从界面出发修改代码
传统 AI 编程往往需要描述“第二行第三个卡片”，再猜测它对应哪个组件。PixelCrab 的可视化工作方式，让你从实际运行的界面出发，用点选、框选、截图和自然语言表达修改意图。
例如，选中一组卡片后告诉 AI：“把它们的间距和标题样式统一一下。”AI 结合视觉上下文与项目源码完成修改，再通过预览检查效果。Web 页面可使用点选、多选等交互；不同渲染框架的支持范围不同，截图与区域框选也能提供视觉上下文。
这种 AI Design & Dev 工作流把 AI Coding、Vibe Coding 和可视化开发连接起来。界面帮助你表达意图，真实源码仍是应用的基础。
从设计参考到代码，让 Skill 带入工作方法
设计稿、截图、原型和现有页面都可以成为 Design to Code 的参考。你可以借助 Skill，把 Design System、组件库、品牌、UI 文案、无障碍检查或前端代码规范带入 AI 任务。
Skills 是供 AI Agent 使用的专业知识、规则和工作方法。PixelCrab 支持本地 Skill，也提供公开 Skill 的下载与安装入口。安装完成后按照提示重启软件，再通过真实的 /Skill名称 调用。
Skill 不会自动保证设计还原或代码质量；它让任务有更明确的方法与约束，最终效果仍通过真实页面和项目验证。
多模型与 BYOK：你的模型，你做主
PixelCrab 不绑定单一 AI 厂商。你可以使用 Pixel 平台模型，也可以通过 OpenCode 的 Provider 配置自己的 API Key、自定义服务地址、企业模型或兼容接口。
模型生态包括 OpenAI、Anthropic Claude、Google Gemini、通义千问 Qwen、DeepSeek、Kimi、智谱 GLM、MiniMax，以及豆包与火山引擎等服务。具体接入方式取决于当前 Provider 支持、服务商 API 和账号权限。OpenAI / Codex 等服务的可用能力也以对应授权和接口为准。
Ollama、LM Studio 和企业内部模型网关可通过适配的接口配置。本地模型是否适合编程 Agent，还取决于上下文、工具调用及模型自身能力。
支持接入不等于 PixelCrab 免费提供这些模型，也不代表某项订阅可以直接用于所有 API。你可以按质量、速度、成本和数据要求选择自己的模型服务。
基于 OpenCode，专注应用开发的最后一公里
我们并不打算重新造一个 Agent Engine。OpenCode 负责不断进化 Agent 能力，PixelCrab 更愿意把精力花在预览、可视化修改、多端适配和真正发布应用这些“最后一公里”上。
PixelCrab 以开源 OpenCode 为通用编程底座，复用会话、模型、工具调用和代码修改能力。预览、视觉证据、环境准备及平台交付通过 Tool / Adapter 接入。
Tools、Adapters 与 Extensions 是能力扩展的方向：新的预览工具、平台 CLI、设计资源或第三方服务，可以拥有独立的能力和边界。扩展体系持续完善中，并不意味着所有扩展都已具备一键安装与热更新能力。
应用发布与蟹创市场：从作品开始做同款
在适用的网页发布流程中，你可以登录 PixelCrab，把作品发布到平台并获得访问链接。发布前需要确认公开范围，并检查作品中的内容和资源是否适合公开。
对于作者开放做同款的应用，你可以先查看运行效果，再下载公开源码副本，让 AI 运行、修改并继续开发。公开应用下载免 Pixel 登录，生成和修改仍需要可用的模型。
从一个已经能运行的应用开始，往往比面对空白工程更容易。我们希望把“AI 帮我写了一段代码”，推进到“我做出了一个可以打开和使用的应用”。
个人与团队：清楚管理资源和模型使用
PixelCrab 的账号与空间用于组织平台资源、成员权限及模型服务。通过平台结算的模型可以结合空间查看额度、用量和账单；自有 API 和企业模型的费用由相应服务方管理。
企业可以结合本地项目、内部模型和自己的开发工具安排工作流程。更广泛的审计、资源管理和扩展治理，需要按具体部署与已有能力逐项配置，不把本地优先等同于所有企业管理需求都已满足。
面向希望把想法做出来的人
设计师可以从视觉参考和页面修改开始；产品经理可以把需求变成可交互的应用；开发者可以在真实工程中使用 AI、预览和工具；初学者可以从市场作品和做同款开始，逐步理解自己的项目。
无论目标是一个个人主页、预约系统、数据看板，还是 App 与小程序，我们都希望缩短从想法到可用应用的距离。
告诉 AI 你想做什么，让它生成；看到哪里不满意，直接指出来；完成以后，把应用真正交到使用者手里。