[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"product:GuizangSocialCard":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":25,"upload_relationship":33,"create_at":34,"update_at":35,"owner_id":36,"upload_user_id":37,"reviewer_id":37,"video_info":38,"prerelease_cover_url":39,"scheduled_publish_at":38,"user_scheduled":40,"emoji_reacts":41,"tag":38,"pass_review":38,"user_star":40},2080,"Guizang Social Card","GuizangSocialCard","彻底解决小红书、小绿书的配图难题","{\"type\": \"doc\", \"content\": [{\"type\": \"paragraph\", \"content\": [{\"text\": \"Guizang Social Card Skill 是一个面向 \", \"type\": \"text\"}, {\"text\": \"Claude Code、Codex 等 Agent 环境\", \"type\": \"text\", \"marks\": [{\"type\": \"bold\"}]}, {\"text\": \"的开源图文卡片技能，核心用途是把文章、文案、截图、产品笔记、字幕或照片，快速生成适合 \", \"type\": \"text\"}, {\"text\": \"小红书图文组图\", \"type\": \"text\", \"marks\": [{\"type\": \"bold\"}]}, {\"text\": \" 和 \", \"type\": \"text\"}, {\"text\": \"公众号封面对\", \"type\": \"text\", \"marks\": [{\"type\": \"bold\"}]}, {\"text\": \" 的视觉卡片。\", \"type\": \"text\"}]}, {\"type\": \"paragraph\", \"content\": [{\"text\": \"项目内置了两套明确的视觉系统：一套是偏叙事、生活方式和氛围表达的 \", \"type\": \"text\"}, {\"text\": \"Editorial 电子杂志风\", \"type\": \"text\", \"marks\": [{\"type\": \"bold\"}]}, {\"text\": \"，另一套是偏信息结构、数据表达和产品测评的 \", \"type\": \"text\"}, {\"text\": \"Swiss 瑞士国际主义风格\", \"type\": \"text\", \"marks\": [{\"type\": \"bold\"}]}, {\"text\": \"。使用 \", \"type\": \"text\"}, {\"text\": \"单文件 HTML + Playwright 渲染 PNG\", \"type\": \"text\", \"marks\": [{\"type\": \"bold\"}]}, {\"text\": \" 的方式出图，不依赖复杂前端构建链。\", \"type\": \"text\"}]}, {\"type\": \"paragraph\", \"content\": [{\"text\": \"【产品功能】\", \"type\": \"text\", \"marks\": [{\"type\": \"bold\"}]}]}, {\"type\": \"bulletList\", \"content\": [{\"type\": \"listItem\", \"content\": [{\"type\": \"paragraph\", \"content\": [{\"text\": \"双视觉系统：\", \"type\": \"text\", \"marks\": [{\"type\": \"bold\"}]}, {\"text\": \"项目内置 Editorial 和 Swiss 两套风格系统，共用同一套图文生产工作流。前者适合旅行、阅读、影视、个人观察等更重氛围与叙事的内容；后者适合产品测评、教程、方法论、AI 工具和数据拆解这类更强调结构的信息表达。\", \"type\": \"text\"}]}]}, {\"type\": \"listItem\", \"content\": [{\"type\": \"paragraph\", \"content\": [{\"text\": \"三种固定画板尺寸：\", \"type\": \"text\", \"marks\": [{\"type\": \"bold\"}]}, {\"text\": \"Skill 预设了三种常见社交内容尺寸：\", \"type\": \"text\"}, {\"text\": \"1080×1440 的小红书 3:4 图文\", \"type\": \"text\", \"marks\": [{\"type\": \"bold\"}]}, {\"text\": \"、\", \"type\": \"text\"}, {\"text\": \"2100×900 的公众号 21:9 头图\", \"type\": \"text\", \"marks\": [{\"type\": \"bold\"}]}, {\"text\": \"，以及 \", \"type\": \"text\"}, {\"text\": \"1080×1080 的公众号 1:1 分享卡\", \"type\": \"text\", \"marks\": [{\"type\": \"bold\"}]}, {\"text\": \"。\", \"type\": \"text\"}]}]}, {\"type\": \"listItem\", \"content\": [{\"type\": \"paragraph\", \"content\": [{\"text\": \"28 个版式骨架：\", \"type\": \"text\", \"marks\": [{\"type\": \"bold\"}]}, {\"text\": \"总共提供 \", \"type\": \"text\"}, {\"text\": \"28 个版式骨架\", \"type\": \"text\", \"marks\": [{\"type\": \"bold\"}]}, {\"text\": \"，其中 Editorial 16 个、Swiss 12 个，覆盖 Image-Led Cover、Pipeline、Before\u002FAfter、KPI Tower、H-Bar Chart、Matrix + Hero 等多种版式类型。\", \"type\": \"text\"}]}]}, {\"type\": \"listItem\", \"content\": [{\"type\": \"paragraph\", \"content\": [{\"text\": \"10 套主题预设：\", \"type\": \"text\", \"marks\": [{\"type\": \"bold\"}]}, {\"text\": \"包括 Editorial 的 6 套色彩主题和 Swiss 的 4 套锚点色主题，例如 IKB Klein Blue、Lemon、Safety Orange 等。\", \"type\": \"text\"}]}]}, {\"type\": \"listItem\", \"content\": [{\"type\": \"paragraph\", \"content\": [{\"text\": \"自动取图与来源记录：\", \"type\": \"text\", \"marks\": [{\"type\": \"bold\"}]}, {\"text\": \"当用户没有提供图片时，Skill 会按 \", \"type\": \"text\"}, {\"text\": \"Unsplash → Pexels → Flickr CC → Wallhaven → 直接搜索\", \"type\": \"text\", \"marks\": [{\"type\": \"bold\"}]}, {\"text\": \" 的优先级去取图，并把素材落到本地，同时自动写出 \", \"type\": \"text\"}, {\"text\": \"SOURCES.md\", \"type\": \"text\", \"marks\": [{\"type\": \"code\"}]}, {\"text\": \" 记录来源。\", \"type\": \"text\"}]}]}, {\"type\": \"listItem\", \"content\": [{\"type\": \"paragraph\", \"content\": [{\"text\": \"截图包装与地图组件：\", \"type\": \"text\", \"marks\": [{\"type\": \"bold\"}]}, {\"text\": \"项目内置了 9 张真实材质背景图，以及 \", \"type\": \"text\"}, {\"text\": \".frame-shot\", \"type\": \"text\", \"marks\": [{\"type\": \"code\"}]}, {\"text\": \"、\", \"type\": \"text\"}, {\"text\": \".device-browser\", \"type\": \"text\", \"marks\": [{\"type\": \"code\"}]}, {\"text\": \"、\", \"type\": \"text\"}, {\"text\": \".device-phone\", \"type\": \"text\", \"marks\": [{\"type\": \"code\"}]}, {\"text\": \" 等截图包装类，还支持基于 \", \"type\": \"text\"}, {\"text\": \"MapLibre + OSM\", \"type\": \"text\", \"marks\": [{\"type\": \"bold\"}]}, {\"text\": \" 的地图组件，可做多 pin 连线，适合旅行攻略、路线说明或截图型教程内容。\", \"type\": \"text\"}]}]}, {\"type\": \"listItem\", \"content\": [{\"type\": \"paragraph\", \"content\": [{\"text\": \"7 步结构化工作流：\", \"type\": \"text\", \"marks\": [{\"type\": \"bold\"}]}, {\"text\": \"Skill 会让 Agent 按 7 步完成工作：先确认平台、风格、素材和用户图片，再选主题、选版式、准备图源、渲染输出，最后交付和迭代。\", \"type\": \"text\"}]}]}, {\"type\": \"listItem\", \"content\": [{\"type\": \"paragraph\", \"content\": [{\"text\": \"适用场景：\", \"type\": \"text\", \"marks\": [{\"type\": \"bold\"}]}, {\"text\": \"推荐场景包括：\", \"type\": \"text\"}, {\"text\": \"小红书图文组图、公众号封面对、朋友圈封面、视频号封面、教程拆页、数据回顾、旅行攻略、产品测评、截图说明\", \"type\": \"text\", \"marks\": [{\"type\": \"bold\"}]}, {\"text\": \"；\", \"type\": \"text\"}, {\"text\": \"不适合\", \"type\": \"text\", \"marks\": [{\"type\": \"bold\"}]}, {\"text\": \"横向翻页 PPT、长视频生成、纯修图和无版式诉求的纯文字编辑。\", \"type\": \"text\"}]}]}]}, {\"type\": \"paragraph\"}]}","歸藏","https:\u002F\u002Fwatcha.tos-cn-beijing.volces.com\u002Fprod\u002Fuser\u002Fuploads\u002F10004627_1779949590_3a762525-fc4f-4a75-9c00-c7c37edd8913.png;https:\u002F\u002Fwatcha.tos-cn-beijing.volces.com\u002Fprod\u002Fuser\u002Fuploads\u002F10004627_1779949590_a82fcfcc-7af9-44aa-8653-6d3cb37cb8de.png;https:\u002F\u002Fwatcha.tos-cn-beijing.volces.com\u002Fprod\u002Fuser\u002Fuploads\u002F10004627_1779949591_1761ec89-80fa-4853-8536-516d1fa1119c.png;https:\u002F\u002Fwatcha.tos-cn-beijing.volces.com\u002Fprod\u002Fuser\u002Fuploads\u002F10004627_1779949591_150e44bb-2101-4deb-9c1b-b62ac2391208.png","https:\u002F\u002Fwatcha.tos-cn-beijing.volces.com\u002Fprod\u002Fuser\u002Fuploads\u002F10004627_1779949238_aa23de58-efc3-4a01-81eb-a68639965293.png","https:\u002F\u002Fwatcha.tos-cn-beijing.volces.com\u002Fprod\u002Fuser\u002Fuploads\u002F10004627_1779949244_25e56c8f-d4d6-4d86-9e68-05d55f700077.png","https:\u002F\u002Fgithub.com\u002Fop7418\u002Fguizang-social-card-skill",{"items":15},[16],{"platform":17,"url":13,"is_primary":18},"WEB",true,"PUBLISHED",[],[22],{"id":23,"name":24},12,"其他类型",{"upvotes":26,"stars":27,"review_count":26,"reply_count":28,"score":29,"hot_score":30,"post_count":31,"update_at":32},7,25,8,6.456611570247935,0.00011186097148894776,6,"2026-09-01T18:58:08.632Z","THIRD_PARTY","2026-05-28T06:23:41.668Z","2026-05-28T13:02:02.62Z",10011583,10004627,null,"",false,{"reacts":42},[43,46,48],{"emoji_code":44,"count":45,"reacted":40},"❤️",3,{"emoji_code":47,"count":45,"reacted":40},"🤩",{"emoji_code":49,"count":50,"reacted":40},"🎉",2]