YOURWARE 这个工具非常有潜力！ 抓住了一个很🐂🍺的痛点，能将 Claude 3.7 生成的前端项目快速上线 你可以非常方便的分享自己用 AI 写的项目，而且没有那些云平台那么复杂 比如我用 Claude 3.7 写的这个带渐变动画输入框的搜索卡片组件 只需要复制、粘贴然后就会获得对应的链接 后面这种工具甚至会变成你的 AI 编程作品集和产品，帮你展示你的作品和能力，甚至加上付费和订阅功能 随着 AI 编程的门槛越来越低，我们每个人都会写很多跟自己工作相关的 AI 小工具，我自己现在就有好几个了 如何去更好的分发我们的 AI 项目以及如何让优秀的 AI 项目被看见是一个非常大的机会点

帮我生成一个跟图片一样的前端组件，需要充分考虑组件不同状态的交互，同时在状态变化的时候加上过渡动画，比如输入时输入框的描边渐变需要变化，不输入时就是普通的灰色描边，点击 Find 按钮后需要有新的搜索结果出现

一键生成，100%成功，八十老太都能操作 很多朋友问如何将下面的这种全是字的文档，变成上面这种美观、直观的网页。 👇分享一下提示词和逻辑： 新玩法 get，一套提示词将任何文档变成可视化网页 这不比 PPT 和 PDF 更方便传播和理解？ 比如这个全是文字的 Stripe 年度报告 PDF 文件 - 支持响应式设计、夜间模式切换 - 一次成功无需调整 以后随着模型能力增强估计内容展示方式也需要变化

如何生成设计稿： 昨天群里一个朋友提了一嘴能不能转设计稿想了一下，居然还真可以，而且可以帮你生成带自动布局的 Figma 设计稿和对应可复用的组件。具体的方法也很简单 只需要将你生成的代码部署到线上，如果你用 Claude 或者 POE 都有这个功能，如果你用的软件没有发布能力的话可以用这个 http://yourware.so 产品。 获得了线上的链接之后，我们只需要使用 http://html.to.design 这个 Figma 插件就可以很好的将网页转换为设计稿，不过每天只免费十次，如果你高强度用的话还是付费。 我又加了几条要求，确保你可以将任何文件扔进去，不需要一个字的修改就能生成美观的网页。 因为我们很多的文件都是英文的，所以我加了让他变成中文的要求

整个大活，我用 AI 写了个工具 帮大家更低成本、更可控的用 AI 生成漂亮的网页！ 优雅的解决上个版本提示词不可控和有时候没那么漂亮的问题 👇下面是使用方式和我的开发过程 你可以在我这个网页工具上自定义各种基础的样式，或者你可以直接点击随机生成，直到随机到你喜欢的。 不用担心每次随机都很丑，我做了很多的视觉约束，会保证每次生成的基本美学表现。 可以来试试： 我知道你们看着左边密密麻麻的元素头疼，所以还给大家两个兜底 首先你可以选择预设的各种风格模板，另外的话可以点击「随机生成」按钮，点完所有的元素都会变化，多点几次选你们喜欢的就好了。 最后就是导出和如何使用了。 点击导出样式之后，你可以在左侧的 Tab 抽屉看到提示词和对应的代码，觉得看不懂是吧，没问题，我已经考虑到了，你只需要复制提示词、点击下载文件。 之后将你自己的内容文档、提示词和下载下来的 Json 文件一起扔给 Claude 回车就行，其他一概不用管。