[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"product:impeccable":3},{"id":4,"name":5,"slug":6,"slogan":7,"description":8,"organization":9,"images":10,"avatar_url":11,"image_url":12,"website_url":13,"access_links":14,"status":19,"build_by":20,"categories":21,"stats":28,"upload_relationship":32,"create_at":33,"update_at":34,"owner_id":29,"upload_user_id":35,"reviewer_id":35,"video_info":36,"prerelease_cover_url":37,"scheduled_publish_at":36,"user_scheduled":38,"emoji_reacts":39,"tag":41,"pass_review":36,"user_star":38},3974,"Impeccable","impeccable","为编程智能体补充设计指引，帮助开发者检查界面问题并持续改进页面","{\"type\": \"doc\", \"content\": [{\"type\": \"heading\", \"attrs\": {\"level\": 2}, \"content\": [{\"text\": \"产品详细介绍\", \"type\": \"text\"}]}, {\"type\": \"paragraph\", \"content\": [{\"text\": \"Impeccable 是 Paul Bakaus 创建的开源界面设计工具集，面向使用编程智能体开发网页的开发者与设计人员。它把设计判断转化为具体指引，帮助用户更清楚地提出修改方向，改善生成页面中反复出现的布局、排版和交互问题。\", \"type\": \"text\"}]}, {\"type\": \"paragraph\", \"content\": [{\"text\": \"工具接入现有编程环境后，结合项目目标与视觉规范开展设计工作，既能协助从零搭建，也适合围绕已有组件逐项改进。除设计技能外，还提供规则检查和浏览器扩展，便于把审阅带入开发过程。\", \"type\": \"text\"}]}, {\"type\": \"heading\", \"attrs\": {\"level\": 2}, \"content\": [{\"text\": \"核心功能\", \"type\": \"text\"}]}, {\"type\": \"paragraph\", \"content\": [{\"text\": \"【定向调整界面】：针对页面或组件提出精简、强化、排版优化等明确要求，让编程助手按具体设计方向修改已有界面。\", \"type\": \"text\"}]}, {\"type\": \"paragraph\", \"content\": [{\"text\": \"【设计审阅与排序】：检查可用性、无障碍、响应式和性能等问题，按影响程度整理改进事项，帮助团队先处理关键缺陷。\", \"type\": \"text\"}]}, {\"type\": \"paragraph\", \"content\": [{\"text\": \"【项目与规范记录】：整理产品目标和现有视觉规则，写入可复用的项目文档，让后续页面改动继续参考同一套设计约定。\", \"type\": \"text\"}]}, {\"type\": \"paragraph\", \"content\": [{\"text\": \"【自动规则检查】：在终端、开发流程或浏览器中扫描常见界面问题，输出具体发现，减少重复布局与基础样式缺陷被遗漏。\", \"type\": \"text\"}]}, {\"type\": \"paragraph\", \"content\": [{\"text\": \"【页面变体比较】：使用测试版 Live Mode 在本地页面选取元素，对照不同修改方案，确认保留后将相应变化写回源代码。\", \"type\": \"text\"}]}, {\"type\": \"heading\", \"attrs\": {\"level\": 2}, \"content\": [{\"text\": \"适合谁\", \"type\": \"text\"}]}, {\"type\": \"bulletList\", \"content\": [{\"type\": \"listItem\", \"content\": [{\"type\": \"paragraph\", \"content\": [{\"text\": \"正在用 Claude Code、Codex 或 Cursor 制作网页的开发者\", \"type\": \"text\"}]}]}, {\"type\": \"listItem\", \"content\": [{\"type\": \"paragraph\", \"content\": [{\"text\": \"需要改进已有页面排版、交互和视觉一致性的团队\", \"type\": \"text\"}]}]}, {\"type\": \"listItem\", \"content\": [{\"type\": \"paragraph\", \"content\": [{\"text\": \"希望把设计规范和界面检查纳入日常开发流程的人\", \"type\": \"text\"}]}]}]}, {\"type\": \"heading\", \"attrs\": {\"level\": 2}, \"content\": [{\"text\": \"使用方式\", \"type\": \"text\"}]}, {\"type\": \"orderedList\", \"attrs\": {\"start\": 1}, \"content\": [{\"type\": \"listItem\", \"content\": [{\"type\": \"paragraph\", \"content\": [{\"text\": \"参考官网文档，为当前编程工具安装 Impeccable，并重新加载工具。\", \"type\": \"text\"}]}]}, {\"type\": \"listItem\", \"content\": [{\"type\": \"paragraph\", \"content\": [{\"text\": \"在项目中初始化产品背景，按需要记录现有设计规范。\", \"type\": \"text\"}]}]}, {\"type\": \"listItem\", \"content\": [{\"type\": \"paragraph\", \"content\": [{\"text\": \"指定一个页面或组件，提出审阅、精简、排版调整等具体任务。\", \"type\": \"text\"}]}]}, {\"type\": \"listItem\", \"content\": [{\"type\": \"paragraph\", \"content\": [{\"text\": \"在本地预览中检查修改结果，结合规则检查继续修正后再自行交付。\", \"type\": \"text\"}]}]}]}]}","Paul Bakaus","https:\u002F\u002Fwatcha.tos-cn-beijing.volces.com\u002Fprod\u002Fuser\u002Fuploads\u002F10004627_1794412645_d1dc009d-8a7f-489f-a655-ae50068b49c7.png;https:\u002F\u002Fwatcha.tos-cn-beijing.volces.com\u002Fprod\u002Fuser\u002Fuploads\u002F10004627_1794412645_1be93670-1279-42e0-bed1-875b77369ce8.png;https:\u002F\u002Fwatcha.tos-cn-beijing.volces.com\u002Fprod\u002Fuser\u002Fuploads\u002F10004627_1794412645_86708ae9-c3d6-43a4-b59b-25fa429719fb.png","https:\u002F\u002Fwatcha.tos-cn-beijing.volces.com\u002Fprod\u002Fuser\u002Fuploads\u002F10004627_1794412644_5dd323d4-3219-4157-b5e7-b64367d2c566.png","https:\u002F\u002Fwatcha.tos-cn-beijing.volces.com\u002Fprod\u002Fuser\u002Fuploads\u002F10004627_1794412644_f39bf915-1291-417e-bec0-6e672a582e2b.png","https:\u002F\u002Fimpeccable.style\u002F",{"items":15},[16],{"platform":17,"url":13,"is_primary":18},"WEB",true,"PUBLISHED",[],[22,25],{"id":23,"name":24},6,"编程开发",{"id":26,"name":27},14,"效率工具",{"upvotes":29,"stars":30,"review_count":29,"reply_count":29,"update_at":31},0,1,"2026-11-13T16:03:07.765Z","THIRD_PARTY","2026-11-11T15:59:26.018Z","2026-11-11T16:15:04.186Z",10004627,null,"",false,{"reacts":40},[],{"items":42},[43],{"id":44,"name":45,"sort_order":29},3,"CLI"]