强烈推荐
Layrr
设计师和开发者终于可以同屏协作了
所见即所得的终极进化
核心原理：
Layrr 是一个神奇的视觉编辑器，让你像玩拼图一样修改任何网站。直接拖拽元素、上传设计图让它自动生成代码，甚至用自然语言告诉AI你想怎么改——不用碰代码也能打造完美界面。
Layrr 是一个神奇的视觉编辑器，让你像玩拼图一样修改任何网站。直接拖拽元素、上传设计图让它自动生成代码，甚至用自然语言告诉AI你想怎么改——不用碰代码也能打造完美界面。
关键功能 (KEY FEATURES)
01拖拽即改
像玩Figma一样实时调整页面元素，AI自动同步到代码
02设计转码
上传设计稿秒变可交互组件，告别手动切图写CSS
03语音装修
对着页面说「这里加个渐变」，AI就给你实现
04框架智能
自动识别React/Vue代码结构，修改不破坏原有逻辑
github.com/thetronjohnson/layrr
content-media·thetronjohnson·2026-02-05·⭐ 212·🔱 24
精选导航站 agent-skills.cc
安装方式
下载HTTPS
git clone https://github.com/thetronjohnson/layrr.git
SSH
git clone [email protected]:thetronjohnson/layrr.git
GitHub CLI
gh repo clone thetronjohnson/layrr
常见问答
Q: Layrr Agent Skills 的安装步骤是什么？
1.启动代理: 连上你的开发服务器
2.选择模式: 视觉/文字/区域/设计四种编辑方式
3.动手改造: 拖拽、输入或语音描述你的修改
4.AI提交: 审查变更后一键更新代码库
Q: Layrr Agent Skills 的亮点是什么？
- 不挑框架，见网页就能改
- 修改记录可追溯
- 终端里看AI思考过程
- 玻璃拟态控制面板
Q: Layrr Agent Skills 的使用场景是什么？
- 产品经理快速原型设计
- 设计师实时调整开发中的UI
- 开发者秒修客户反馈的样式问题
- 教学演示网页设计原理
Q: Layrr Agent Skills 的局限性是什么？
- 目前仅支持macOS
- 复杂逻辑修改仍需手动编码
相关 Claude Code Skills
openclaw/openclaw
openclaw
OpenClaw 是一个强大的多模态 AI 助手框架，支持文本、语音、图像等多种交互方式。提供 Canvas 可视化协作界面、MCP 服务器集成、多平台部署能力，让用户能够构建个性化的 AI 助手应用。
157.6k24.4k
f/awesome-chatgpt-prompts
f
这是一个超全的AI提示词库，汇集了各种场景下的ChatGPT、Claude等AI助手的优质提示词模板。无论你是新手还是专家，都能在这里找到灵感，让你的AI对话效率翻倍。
14万人验证过的提示词库，哈佛教授都在用，让你3秒变成AI对话专家
142.4k18.9k
x1xhlol/system-prompts-and-models-of-ai-tools
x1xhlol
这是一个AI开发者必备的宝库，收录了30+主流AI工具的系统提示词和内部模型文档。相当于给你一本AI工具的'后厨食谱'，让你看透各大平台的运作机制。
30万行真实系统提示词，让你站在AI工具设计者的肩膀上开发
108.4k28.4k
anthropics/skills
anthropics
Claude技能库就像给AI装了个万能工具箱，无论是设计创意、文档处理还是技术开发，都能找到现成的解决方案。让你告别重复劳动，AI瞬间变身你的专属效率助手。
官方技能库质量有保障，开箱即用解决90%专业需求
56.7k5.5k
obra/superpowers
obra
Superpowers 是你代码开发的超级助手。它能像资深工程师一样思考，把你的模糊想法变成清晰计划，分解任务并监督执行。不再是机械写代码，而是帮你设计、规划和把关整个开发流程。
不仅写代码，更懂如何组织开发流程，就像免费雇了个技术主管
45.5k3.4k
upstash/context7
upstash
Context7就像给你的AI编程助手装上了实时更新的百科全书。它会自动拉取最新版本的库文档和代码示例，再也不用担心AI给你过时的解决方案或者根本不存在的API了。
彻底解决AI编程最头疼的问题——过时的文档和虚假API
42.0k2.0k