即刻App年轻人的同好社区
下载
置顶Readwise Reader 是最好用的阅读软件之一。
但作为一款海外产品，Readwise Reader 在中国有些许水土不服。
为了让你更好地使用 Readwise Reader ，我们做了一款小工具—— wechat 2 reader
这款小工具解决了两个问题：
1. 让收藏文章更加便捷，在微信内转发文章或链接，即可以收藏文章。
2. 解决了Readwise Reader 在收藏中文文章时，图片丢失的问题。
但作为一款海外产品，Readwise Reader 在中国有些许水土不服。
为了让你更好地使用 Readwise Reader ，我们做了一款小工具—— wechat 2 reader
这款小工具解决了两个问题：
1. 让收藏文章更加便捷，在微信内转发文章或链接，即可以收藏文章。
2. 解决了Readwise Reader 在收藏中文文章时，图片丢失的问题。
45 2520
每一个 skills 都应该补充的两个能力。
1. /faq：增加一个快速解决用户问题的能力，每个人的 skills 都是定制化的。因为运行环境，文件夹不同，python 版本可能，其他用户安装 skills 后使用起来，可能不是 skill 的最优解。
2. /optimize：增加一个的 command 让用户可以在 skills 执行完成后，针对 skills 的执行过程，进行提问和让模型对 skills 进行优化
1. /faq：增加一个快速解决用户问题的能力，每个人的 skills 都是定制化的。因为运行环境，文件夹不同，python 版本可能，其他用户安装 skills 后使用起来，可能不是 skill 的最优解。
2. /optimize：增加一个的 command 让用户可以在 skills 执行完成后，针对 skills 的执行过程，进行提问和让模型对 skills 进行优化
2 00
个人网站已上线：liaocaoxuezhe.com
浏览器插件也已经上线：chromewebstore.google.com
当然你也可以直接使用 skills:github.com
或者访问我们的官网： getwebdesign.top
浏览器插件也已经上线：chromewebstore.google.com
当然你也可以直接使用 skills:github.com
或者访问我们的官网： getwebdesign.top
潦草学者: 做了一个获取任何网页的 design.md 的 skills 开源在了https://github.com/liaocaoxuezhe/get-web-design 我进行了很多测试： 让 AI 获取一个网站的 design.md 的时候。 一种方案是通过网站的 css 来分析； 另外一种是截图让多模态模型进行分析； 但实际测试下来， 如果提供太详细的 css，只有在想实现功能和布局与目标网站一模一样的网站时，效果比较好。 提供截图让模型进行多模态分析的方案，虽然没办法实现那么准确，有时候反而模仿的神韵会更好。 所以这个 skills 会结合两者的优势，使用截图进行多模态分析 + CSS 处理的方式，生成网站的 design.md，输出效果是我测试的网站里最好的。 同时，https://getwebdesign.top 的浏览器插件也在审核中了。 接下来也会上线给大家使用。 效果展示：图片中是我模仿设计师 @haxfenx 的网站做的个人网站截图。 ps. 1. 使用的时候需要你知行配置支持多模态的模型 api。 2. 获取 design.md，推荐大家模仿学习，不建议 1:1 抄袭。
9 23
不写代码，也可以
用 agent 来记录行动，复盘，获取信息
用 agent 来记录行动，复盘，获取信息
不是写代码：普通人每天能用上的 Agent 自动化清单
6 20
做了一个获取任何网页的 design.md 的 skills
开源在了github.com
我进行了很多测试：
让 AI 获取一个网站的 design.md 的时候。
一种方案是通过网站的 css 来分析；
另外一种是截图让多模态模型进行分析；
但实际测试下来，
如果提供太详细的 css，只有在想实现功能和布局与目标网站一模一样的网站时，效果比较好。
提供截图让模型进行多模态分析的方案，虽然没办法实现那么准确，有时候反而模仿的神韵会更好。
所以这个 skills 会结合两者的优势，使用截图进行多模态分析 + CSS 处理的方式，生成网站的 design.md，输出效果是我测试的网站里最好的。
同时，getwebdesign.top 的浏览器插件也在审核中了。
接下来也会上线给大家使用。
效果展示：图片中是我模仿设计师
@haxfenx
的网站做的个人网站截图。
ps.
1. 使用的时候需要你知行配置支持多模态的模型 api。
2. 获取 design.md，推荐大家模仿学习，不建议 1:1 抄袭。
开源在了github.com
我进行了很多测试：
让 AI 获取一个网站的 design.md 的时候。
一种方案是通过网站的 css 来分析；
另外一种是截图让多模态模型进行分析；
但实际测试下来，
如果提供太详细的 css，只有在想实现功能和布局与目标网站一模一样的网站时，效果比较好。
提供截图让模型进行多模态分析的方案，虽然没办法实现那么准确，有时候反而模仿的神韵会更好。
所以这个 skills 会结合两者的优势，使用截图进行多模态分析 + CSS 处理的方式，生成网站的 design.md，输出效果是我测试的网站里最好的。
同时，getwebdesign.top 的浏览器插件也在审核中了。
接下来也会上线给大家使用。
效果展示：图片中是我模仿设计师
@haxfenx
的网站做的个人网站截图。
ps.
1. 使用的时候需要你知行配置支持多模态的模型 api。
2. 获取 design.md，推荐大家模仿学习，不建议 1:1 抄袭。
100 156
Google Stitch 发布了 DESIGN.MD 的规范
github.com
说一下我的观点。
接下来 DESIGN.MD 一定会成为下一个各家 Agent 都默认支持的规范文件。
---
整个 DESIGN.MD 文件的规范，要求内容包含
1. 顶部有 YAML 属性来展示基础信息，包含名称，作者，版本等等。
2. 主要内容要求包a括
1 Overview 概览 | Brand & Style 品牌与风格
2 Colors 颜色
3 Typography 字体样式
4 Layout 布局 Layout & Spacing 布局与间距
5 Elevation & Depth 高度与深度 Elevation 高度
6 Shapes 形状
7 Components 组件
8 Do's and Don'ts 注意事项和禁忌
---btw
我正在开发一款可以提取任何页面的设计风格 DESIGN.MD 的浏览器插件。（还在审核中）
大家可以来先看看~ getwebdesign.top
github.com
说一下我的观点。
接下来 DESIGN.MD 一定会成为下一个各家 Agent 都默认支持的规范文件。
---
整个 DESIGN.MD 文件的规范，要求内容包含
1. 顶部有 YAML 属性来展示基础信息，包含名称，作者，版本等等。
2. 主要内容要求包a括
1 Overview 概览 | Brand & Style 品牌与风格
2 Colors 颜色
3 Typography 字体样式
4 Layout 布局 Layout & Spacing 布局与间距
5 Elevation & Depth 高度与深度 Elevation 高度
6 Shapes 形状
7 Components 组件
8 Do's and Don'ts 注意事项和禁忌
---btw
我正在开发一款可以提取任何页面的设计风格 DESIGN.MD 的浏览器插件。（还在审核中）
大家可以来先看看~ getwebdesign.top
8 23
2 10