Coderick AI 支持文件上传：把已有的 HTML/CSS/JS 代码直接带进对话

用 Coderick AI 建站是很神奇的体验：你描述你想要什么，它就把东西搭出来。从想法开始时，这套流程非常顺。但有时候你不是从想法开始的——你已经在别处做出了一些东西，只想拿过来用或者作为参考。

也许你用 Claude Design 打了个页面原型，现在想把它作为首页；也许 Claude 生成的一个 artifact 已经把某个组件做得八九不离十，你只想把它放进一个真正上线的项目里；也许你找到了一个 HTML 模板，几乎就是你要的样子——你更愿意把这个文件交给 Coderick、再提几处改动，而不是用三段话从头描述一遍。

这就是 Coderick AI 文件上传功能要解决的问题。

在已有基础上搭建，而不是从零开始

把文件上传当作起点，然后基于它给 Coderick 提要求：给上传的首页布局加新板块；把单页拓展成多页站点；在静态设计稿周围接上真实的功能。

Coderick 会在你的基础上继续构建——加新元素、优化你的草稿、把项目收尾，而不是每次都从头开始。你省下的不只是时间，还有 credit，同时把已经完成的工作的价值放大了。

保留你自己的样式

你可以直接告诉 Coderick"应用这个文件"：你上传的 HTML 变成首页的基础，你上传的样式在整个项目里被沿用。Coderick 读取源码，然后在你的项目里重建它——你的结构、你的样式、你的那些具体元素，一个不少。

在此之前，你只能用文字描述你已经做好的东西——间距、栏目、悬停效果、任何你在意的视觉细节。任何试过跟 AI 描述设计细节的人都知道结果通常是啥样：拿到一个 80% 像你要的东西，剩下 20% 就得靠一轮轮追问慢慢磨。

更快把作品推上线

把工作文件上传到 Coderick AI，能让你从"进行中"更快走到"已上线"。你省下了重复描述已有成果的时间，把这些时间用来把设计变成真正在跑的网站或 web 应用。

Coderick AI 支持哪些文件类型

Coderick AI 接受你手头最可能已经有的文本类文件：

| 文件类型 | 常见用途 | |----------|----------| | .html | 页面结构、落地页、导出的模板 | | .css / .scss | 样式、布局、设计系统 | | .js / .jsx | JavaScript 行为、交互元素、React 组件 | | .ts / .tsx | TypeScript 逻辑、带类型的前端文件、React + TypeScript 组件 | | .md | 文档、规格说明、内容 brief、项目笔记 |

一次最多上传 30 个文件，总大小 500KB。图片上传走单独的通道，最多支持 10 张图。

用好文件上传的几个建议

文件上传给 Coderick 提供了更多可用素材，但你怎么用它，决定了结果的好坏。

依然要说清楚："把这个设计应用为首页"永远比"用这个文件"好——Coderick 会读你上传的内容，但你还是得告诉它这个文件放在哪、扮演什么角色。

相关文件一起上传：如果你的设计拆成一个 HTML 文件加一个 CSS 文件，把它们一起传上去，让 Coderick 拿到完整信息。

上传前把文件清理一下：这个动作值得花时间——没用的样式、遗留的注释、其他工具生成的包装代码，都可能被 Coderick 误认为是你的意图。文件更干净，产出就更干净。

有一点值得说清楚：文件上传不是"整个项目导入"（暂时还不是）。它是给你想让 Coderick 重点处理的那些具体文件用的——一个页面、一个组件、一份样式表。挑关键的部分传上去，让 Coderick 从那里开始。

去 Coderick AI 里把你手头已有的东西扔进去——Claude 导出的文件、一个模板、或者你打磨了很久的一个组件，然后从那里继续搭。

开始用 Coderick AI 建站