强烈推荐
Agentation Design Feadback
从此设计改稿不再是一场噩梦
设计师和开发者的连心桥
核心原理：
这是一个帮你把设计反馈直接变成代码的神器。当设计师在你的网站上圈圈画画提建议时，它会自动解析那些标注，找到对应的前端元素，然后把修改意见直接转换成TailwindCSS代码变更。你再也不用在代码和设计稿之间来回切换了。
这是一个帮你把设计反馈直接变成代码的神器。当设计师在你的网站上圈圈画画提建议时，它会自动解析那些标注，找到对应的前端元素，然后把修改意见直接转换成TailwindCSS代码变更。你再也不用在代码和设计稿之间来回切换了。
关键功能 (KEY FEATURES)
01精准定位
通过CSS选择器+Tailwind类名双重校验，确保改的是对的元素
02副作用预警
修改前告诉你哪些其他元素会受影响，避免误伤
03响应式守护
自动保留原有的响应式断点配置
04暗黑模式
智能同步亮色/暗色模式的样式变更
github.com/clyde-yoonjae/agentation-design-feadback
development·clyde-yoonjae·2026-02-02·⭐ 3·🔱 0
精选导航站 agent-skills.cc
安装方式
下载HTTPS
git clone https://github.com/clyde-yoonjae/agentation-design-feadback.git
SSH
git clone [email protected]:clyde-yoonjae/agentation-design-feadback.git
GitHub CLI
gh repo clone clyde-yoonjae/agentation-design-feadback
常见问答
Q: Agentation Design Feadback Agent Skills 的安装步骤是什么？
1.解析反馈: 提取CSS选择器、Tailwind类和修改要求
2.定位代码: 在代码库中找到对应元素
3.安全校验: 检查修改是否会波及其他元素
4.生成变更: 应用修改并保留响应式/暗黑模式配置
Q: Agentation Design Feadback Agent Skills 的亮点是什么？
- 设计反馈秒变代码
- 修改前智能确认
- 组件提取建议
- 完整变更记录
Q: Agentation Design Feadback Agent Skills 的使用场景是什么？
- 收到设计师的页面标注反馈时
- 需要批量修改相似组件样式时
- 维护大型项目的设计一致性时
- 进行A/B测试的视觉调整时
Q: Agentation Design Feadback Agent Skills 的局限性是什么？
- 仅支持TailwindCSS项目
- 需要规范的CSS选择器结构
相关 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
anthropics/skills
anthropics
Claude技能库就像给AI装了个万能工具箱，无论是设计创意、文档处理还是技术开发，都能找到现成的解决方案。让你告别重复劳动，AI瞬间变身你的专属效率助手。
官方技能库质量有保障，开箱即用解决90%专业需求
56.7k5.5k
upstash/context7
upstash
Context7就像给你的AI编程助手装上了实时更新的百科全书。它会自动拉取最新版本的库文档和代码示例，再也不用担心AI给你过时的解决方案或者根本不存在的API了。
彻底解决AI编程最头疼的问题——过时的文档和虚假API
42.0k2.0k
CherryHQ/cherry-studio
CherryHQ
Cherry Studio 是你的 AI 超级工具箱，一个桌面端就能同时调用 OpenAI、Claude、Gemini 等主流大模型。300+预置助手任选，支持文档处理、代码高亮，还能多模型协同对话。
聚合主流AI服务，文档处理与代码开发无缝衔接，开源免费却有商业级体验
38.7k3.6k
affaan-m/everything-claude-code
affaan-m
这是一份Node.js后端开发的黄金指南，收录了RESTful API设计、数据库优化、缓存策略等实战模式。就像有个资深架构师手把手教你写出工业级代码，从此告别低效的后端开发。
37k星标验证的实战精华，直接提升代码质量和开发效率
33.3k4.1k