[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"product:pencil":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":35,"create_at":36,"update_at":37,"owner_id":38,"upload_user_id":39,"reviewer_id":39,"video_info":40,"prerelease_cover_url":41,"scheduled_publish_at":40,"user_scheduled":42,"emoji_reacts":43,"tag":40,"pass_review":40,"user_star":42},1340,"Pencil","pencil","代码编辑器中的 AI 设计画布。","{\"type\": \"doc\", \"content\": [{\"type\": \"paragraph\", \"content\": [{\"text\": \"【产品介绍】\", \"type\": \"text\"}]}, {\"type\": \"paragraph\", \"content\": [{\"text\": \"Pencil 是一款基于 MCP 协议的 AI 驱动设计工具，直接集成在代码编辑器中。\", \"type\": \"text\"}]}, {\"type\": \"paragraph\", \"content\": [{\"text\": \"它采用开放的设计文件格式，设计文件可存储在代码仓库中，通过 Git 进行版本管理。\", \"type\": \"text\"}]}, {\"type\": \"paragraph\", \"content\": [{\"text\": \"支持 Cursor、VSCode 等主流 IDE，让开发者无需切换工具即可完成设计与开发工作。\", \"type\": \"text\"}]}, {\"type\": \"paragraph\"}, {\"type\": \"paragraph\", \"content\": [{\"text\": \"【产品功能】\", \"type\": \"text\"}]}, {\"type\": \"paragraph\", \"content\": [{\"text\": \"内置设计画布：在 IDE 中提供无限画布，支持像素级精确设计\", \"type\": \"text\"}]}, {\"type\": \"paragraph\", \"content\": [{\"text\": \"AI 并行生成：通过 AI 助手同时生成多个界面或完整流程\", \"type\": \"text\"}]}, {\"type\": \"paragraph\", \"content\": [{\"text\": \"智能提示设计：可针对整个屏幕或特定部分进行 AI 提示生成\", \"type\": \"text\"}]}, {\"type\": \"paragraph\", \"content\": [{\"text\": \"代码生成：将设计直接转换为 HTML\u002FCSS\u002FReact 等生产就绪代码\", \"type\": \"text\"}]}, {\"type\": \"paragraph\", \"content\": [{\"text\": \"Figma 导入：支持从 Figma 复制粘贴设计，保留矢量、文本和样式\", \"type\": \"text\"}]}, {\"type\": \"paragraph\", \"content\": [{\"text\": \"MCP 双向集成：提供完整的读写权限，可连接数据库、API 等外部数据源\", \"type\": \"text\"}]}]}","High agency","https:\u002F\u002Fwatcha.tos-cn-beijing.volces.com\u002Fprod\u002Fuser\u002Fuploads\u002F2_1769498598_92e08577-5f44-48cf-84b5-ffb2f37bef78.png;https:\u002F\u002Fwatcha.tos-cn-beijing.volces.com\u002Fprod\u002Fuser\u002Fuploads\u002F2_1769498598_bf1af4d5-900b-4f3c-be65-5b2f6da730e1.png;https:\u002F\u002Fwatcha.tos-cn-beijing.volces.com\u002Fprod\u002Fuser\u002Fuploads\u002F2_1769498598_fd28bbc7-c72f-42f5-a1ad-f60d0c44337e.png;https:\u002F\u002Fwatcha.tos-cn-beijing.volces.com\u002Fprod\u002Fuser\u002Fuploads\u002F2_1769498598_c752dc63-44b7-44a8-98ff-fd136c5b9d6b.png;https:\u002F\u002Fwatcha.tos-cn-beijing.volces.com\u002Fprod\u002Fuser\u002Fuploads\u002F2_1769498598_48daff07-1f5a-415a-831e-9bb8358b3f44.png;https:\u002F\u002Fwatcha.tos-cn-beijing.volces.com\u002Fprod\u002Fuser\u002Fuploads\u002F2_1769498598_83863fce-9924-4a48-8eff-d14be123006b.png;https:\u002F\u002Fwatcha.tos-cn-beijing.volces.com\u002Fprod\u002Fuser\u002Fuploads\u002F2_1769498598_56aa21a4-a508-4bf7-8fdc-5b6f7c6bd92c.png","https:\u002F\u002Fwatcha.tos-cn-beijing.volces.com\u002Fprod\u002Fuser\u002Fuploads\u002F2_1769498556_5e5edaf1-f34b-4d8b-a7e8-791bde6920ef.png","https:\u002F\u002Fwatcha.tos-cn-beijing.volces.com\u002Fprod\u002Fuser\u002Fuploads\u002F2_1769498559_a8fb6b80-2571-44a8-a7a2-36ab27f1a99c.png","https:\u002F\u002Fwww.pencil.dev\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":23,"reply_count":30,"score":31,"hot_score":32,"post_count":33,"update_at":34},4,11,2.999883213415286,3.776616155301676e-8,1,"2026-08-23T21:46:55.222Z","THIRD_PARTY","2026-01-27T07:23:40.706Z","2026-01-27T07:34:18.429Z",0,2,null,"",false,{"reacts":44},[45],{"emoji_code":46,"count":47,"reacted":42},"🤔",3]