{"id":4200,"date":"2026-09-03T17:30:30","date_gmt":"2026-09-03T09:30:30","guid":{"rendered":"https:\/\/ai.jxgzhc.cn\/?p=4200"},"modified":"2026-09-03T17:30:33","modified_gmt":"2026-09-03T09:30:33","slug":"%e5%bd%92%e8%97%8f%e7%a4%be%e4%ba%a4%e5%aa%92%e4%bd%93%e5%8d%a1%e7%89%87","status":"publish","type":"post","link":"https:\/\/ai.jxgzhc.cn\/?p=4200","title":{"rendered":"\u5f52\u85cf\u793e\u4ea4\u5a92\u4f53\u5361\u7247"},"content":{"rendered":"

\"\u5f52\u85cf\u793e\u4ea4\u5a92\u4f53\u5361\u7247\"<\/p>\n

\u793e\u4ea4\u5a92\u4f53\u591a\u5e73\u53f0\u5361\u7247<\/strong><\/p>\n

\u8be6\u7ec6\u4ecb\u7ecd<\/h2>\n

Guizang Social Card Skill \u00b7 \u5c0f\u7ea2\u4e66\u56fe\u6587 \/ \u516c\u4f17\u53f7\u5c01\u9762\u5bf9<\/p>\n

English README<\/p>\n

\u4e00\u4e2a\u9002\u914d Claude Code \/ Codex \u7b49 Agent \u73af\u5883\u7684\u56fe\u6587\u5361\u7247\u6280\u80fd,\u7528\u4e8e\u4ece\u6587\u7ae0\u3001\u6587\u6848\u3001\u622a\u56fe\u3001\u4ea7\u54c1\u7b14\u8bb0\u3001\u5b57\u5e55\u3001\u7167\u7247\u6216\u7528\u6237\u89c6\u9891\u751f\u6210 \u5c0f\u7ea2\u4e66 \/ Rednote \u56fe\u6587\u7ec4\u56fe \u3001 Live Photo \u52a8\u6001\u5361 \u4e0e \u516c\u4f17\u53f7 21:9 + 1:1 \u5c01\u9762\u5bf9 \u3002<\/p>\n

\u5185\u7f6e\u4e24\u5957\u89c6\u89c9\u7cfb\u7edf,\u5171\u7528\u4e00\u4efd\u56fe\u6587\u5de5\u4f5c\u6d41:<\/p>\n

\u7535\u5b50\u6742\u5fd7\u98ce(Editorial) \u3002\u50cf Monocle \/ Kinfolk \/ Cereal \u90a3\u6837\u514b\u5236\u7684\u7248\u9762,\u9002\u5408\u53d9\u4e8b\u3001\u751f\u6d3b\u65b9\u5f0f\u3001\u65c5\u884c\u3001\u9605\u8bfb\u3001\u5f71\u89c6\u3001\u4e2a\u4eba\u89c2\u5bdf\u3002<\/p>\n

\u745e\u58eb\u56fd\u9645\u4e3b\u4e49(Swiss) \u3002\u7f51\u683c\u3001\u5355\u4e00\u951a\u70b9\u8272\u3001\u76f4\u89d2\u53d1\u4e1d\u7ebf\u3001\u6781\u81f4\u5b57\u53f7\u5bf9\u6bd4,\u9002\u5408\u4ea7\u54c1\u6d4b\u8bc4\u3001\u6570\u636e\u3001\u65b9\u6cd5\u8bba\u3001\u6559\u7a0b\u3001AI \u5de5\u5177\u3002<\/p>\n

\u8fd9\u4e2a Skill \u662f guizang-ppt-skill \u7684\u59ca\u59b9\u9879\u76ee,\u5171\u4eab\u7f8e\u5b66\u8bed\u8a00\u4f46\u72ec\u7acb\u7ef4\u62a4\u3002PPT \u89e3\u51b3"\u6a2a\u5411\u7ffb\u9875\u6f14\u8bb2",\u8fd9\u91cc\u89e3\u51b3"\u9759\u6001\u4fe1\u606f\u6d41\u56fe\u6587"\u3002<\/p>\n

30 \u79d2\u5f00\u59cb<\/p>\n

npx skills add https:\/\/github.com\/op7418\/guizang-social-card-skill –skill guizang-social-card-skill<\/p>\n

\u4e5f\u53ef\u4ee5\u76f4\u63a5\u628a\u8fd9\u6bb5\u8bdd\u53d1\u7ed9\u6709 shell \u6743\u9650\u7684 AI Agent:<\/p>\n

\u5e2e\u6211\u5b89\u88c5 guizang-social-card-skill\u3002\u8bf7\u628a https:\/\/github.com\/op7418\/guizang-social-card-skill \u514b\u9686\u5230 ~\/.claude\/skills\/guizang-social-card-skill,\u5b89\u88c5\u5b8c\u6210\u540e\u68c0\u67e5 SKILL.md\u3001assets\/\u3001references\/ \u662f\u5426\u5b58\u5728\u3002<\/p>\n

\u5df2\u7ecf\u5b89\u88c5\u8fc7\u7684\u8bdd,\u7528\u8fd9\u6bb5\u8bdd\u66f4\u65b0:<\/p>\n

\u5e2e\u6211\u66f4\u65b0 guizang-social-card-skill\u3002\u8bf7\u8fdb\u5165 ~\/.claude\/skills\/guizang-social-card-skill \u6267\u884c git pull,\u7136\u540e\u544a\u8bc9\u6211\u5f53\u524d\u6700\u65b0 commit\u3002<\/p>\n

\u5b89\u88c5\u540e\u76f4\u63a5\u5bf9 Agent \u8bf4:<\/p>\n

\u5e2e\u6211\u57fa\u4e8e\u8fd9\u7bc7\u6587\u7ae0\u505a\u4e00\u5957\u745e\u58eb\u98ce\u5c0f\u7ea2\u4e66\u56fe\u6587,5 \u5f20,IKB \u84dd\u3002<\/p>\n

\u4e5f\u53ef\u4ee5\u8bd5\u8fd9\u4e9b\u8bf7\u6c42:<\/p>\n

\u57fa\u4e8e\u8fd9\u4efd\u4ea7\u54c1\u6d4b\u8bc4\u505a\u4e00\u5957\u5c0f\u7ea2\u4e66 3:4,\u6807\u9898\u7528\u7535\u5b50\u6742\u5fd7\u98ce\u3002
\u5e2e\u6211\u628a\u8fd9\u7bc7\u6587\u7ae0\u505a\u6210\u516c\u4f17\u53f7\u5c01\u9762\u5bf9:21:9 \u5934\u56fe + 1:1 \u5206\u4eab\u5361,\u89c6\u89c9\u4fdd\u6301\u4e00\u81f4\u3002
\u6211\u6709 3 \u5f20\u9732\u8425\u7167\u7247,\u5e2e\u6211\u505a\u4e00\u5957\u5168\u56fe\u98ce\u683c\u7684\u5c0f\u7ea2\u4e66\u56fe\u6587\u3002
\u628a\u8fd9\u6bb5\u6e38\u620f\u653b\u7565\u6587\u6848\u505a\u6210\u4e00\u5957\u5c0f\u7ea2\u4e66\u56fe\u6587,\u9700\u8981\u4ece wallhaven \u62ff\u70b9\u6e38\u620f\u539f\u753b\u3002
\u6211\u6709\u4e00\u6bb5\u5496\u5561\u89c6\u9891,\u5e2e\u6211\u505a\u6210\u5c0f\u7ea2\u4e66 5 \u79d2 Live Photo \u5361\u7247,\u6587\u5b57\u538b\u5728\u5b89\u9759\u533a\u57df\u3002
\u628a\u8fd9\u4e09\u4e2a\u6e38\u620f\u7247\u6bb5\u505a\u6210\u4e09\u8fde Live Photo \u62fc\u56fe,\u7528 Swiss \u98ce\u4ecb\u7ecd\u653b\u7565\u8981\u70b9\u3002<\/p>\n

\u6548\u679c<\/p>\n

\ud83d\udd8b \u53cc\u89c6\u89c9\u7cfb\u7edf :\u7535\u5b50\u6742\u5fd7\u98ce\u505a\u6c1b\u56f4\u4e0e\u53d9\u4e8b,\u745e\u58eb\u98ce\u505a\u4e8b\u5b9e\u4e0e\u7ed3\u6784,\u4e24\u5957\u5171\u7528\u540c\u4e00\u4efd\u5de5\u4f5c\u6d41<\/p>\n

\ud83d\udcd0 3 \u4e2a\u753b\u677f\u5c3a\u5bf8 : .poster.xhs 1080\u00d71440(\u5c0f\u7ea2\u4e66 3:4)\u3001 .poster.wide 2100\u00d7900(\u516c\u4f17\u53f7 21:9)\u3001 .poster.square 1080\u00d71080(\u516c\u4f17\u53f7 1:1)<\/p>\n

\ud83c\udfac Live Photo \u52a8\u6001\u5361 :\u652f\u6301\u5355\u89c6\u9891\u3001\u4e8c\u5bab\u683c\u3001\u4e09\u5bab\u683c\u3001\u56db\u5bab\u683c\u3001\u4e09\u8fde\u62fc\u56fe\u3001\u957f\u89c6\u9891\u4f4e\u6210\u672c\u8bca\u65ad;\u5c0f\u7ea2\u4e66\u6309 5s ,\u5fae\u4fe1\u516c\u4f17\u53f7\u6587\u7ae0\u5185\u6309 3s<\/p>\n

\ud83e\udde9 28 \u4e2a\u7248\u5f0f\u9aa8\u67b6 :Editorial 16 \u4e2a( M01-M16 ,\u542b Image-Led Cover\u3001Pipeline\u3001Before\/After \u7b49)+ Swiss 12 \u4e2a( S01-S12 ,\u542b KPI Tower\u3001H-Bar Chart\u3001Matrix + Hero \u7b49)<\/p>\n

\ud83c\udfa8 10 \u5957\u4e3b\u9898\u9884\u8bbe :Editorial 6 \u5957(\u58a8\u6c34\u7ecf\u5178\u3001\u975b\u84dd\u74f7\u3001\u68ee\u6797\u58a8\u3001\u725b\u76ae\u7eb8\u3001\u6c99\u4e18\u3001 Midnight Ink \u6697\u8272)+ Swiss 4 \u5957\u951a\u70b9\u8272(IKB Klein Blue\u3001\u67e0\u6aac\u9ec4\u3001\u67e0\u6aac\u7eff\u3001\u5b89\u5168\u6a59)<\/p>\n

\ud83d\uddbc \u56fe\u6e90\u5de5\u4f5c\u6d41 :\u7528\u6237\u56fe\u4f18\u5148;\u65e0\u56fe\u65f6\u6309 Unsplash \u2192 Pexels \u2192 Flickr CC \u2192 Wallhaven \u2192 \u76f4\u63a5\u641c\u7d22\u7684\u4f18\u5148\u7ea7\u53d6\u56fe,\u843d\u672c\u5730 + \u81ea\u52a8\u5199 SOURCES.md<\/p>\n

\ud83c\udf2b WebGL \u58a8\u6d41\u80cc\u666f :\u6742\u5fd7\u98ce hero \u9875\u53ef\u6302\u52a8\u6001\u58a8\u6d41;\u4f4e\u6027\u80fd\u6216\u622a\u56fe\u65f6\u53ef\u7981\u7528<\/p>\n

\ud83e\udea7 \u6587\u5b57\u538b\u56fe + \u4e3b\u4f53\u907f\u8ba9 :\u6ee1\u94fa\u56fe\u5148\u505a quiet-zone \u4e0e\u4e3b\u4f53\u6620\u5c04,\u6587\u5b57\u907f\u5f00\u4eba\u8138\u3001\u4ea7\u54c1\u548c\u5173\u952e\u52a8\u4f5c;\u9700\u8981\u65f6\u53ea\u52a0\u5c40\u90e8 tint,\u4e0d\u9ed8\u8ba4\u5168\u56fe\u906e\u7f69<\/p>\n

\ud83e\uddf0 \u622a\u56fe\u7f8e\u5316\u8d44\u4ea7 :9 \u5f20 WebP \u771f\u5b9e\u6750\u8d28\u80cc\u666f(Editorial 5 \/ Swiss 4),\u914d\u5957 .frame-shot \/ .device-browser \/ .device-phone \u5de5\u5177\u7c7b<\/p>\n

\ud83d\uddfa \u5730\u56fe\u7ec4\u4ef6 :MapLibre + OSM \u771f\u5b9e\u74e6\u7247,\u652f\u6301\u591a pin + \u8fde\u7ebf,\u9002\u5408\u65c5\u884c\u653b\u7565<\/p>\n

\u2705 \u6821\u9a8c\u811a\u672c : validate-social-deck.mjs \u81ea\u52a8\u68c0\u6d4b\u6ea2\u51fa\u3001\u5b57\u53f7\u4e0a\u9650\u30014 \u6a2a\u5e26\u5bc6\u5ea6\u3001footer \u78b0\u649e<\/p>\n

\ud83d\udcc4 \u5355\u6587\u4ef6 HTML + Playwright \u6e32\u67d3 :\u4e0d\u9700\u8981\u524d\u7aef\u6784\u5efa\u94fe, node render.mjs \u76f4\u63a5\u51fa PNG<\/p>\n

Live Photo \u6548\u679c\u4e0e\u7248\u5f0f<\/p>\n

Live Photo \u5728\u8fd9\u4e2a Skill \u91cc\u7684\u5b9a\u4f4d\u662f"\u628a\u7528\u6237\u63d0\u4f9b\u7684\u89c6\u9891\u88c5\u8fdb\u793e\u4ea4\u5361\u7248\u5f0f",\u4e0d\u662f\u8ba9 Agent \u968f\u673a\u627e\u516c\u5f00\u89c6\u9891,\u4e5f\u4e0d\u662f\u957f\u89c6\u9891\u6b63\u7247\u526a\u8f91\u3002\u5148\u8ba9\u9996\u5e27\u6309\u9759\u6001\u5361\u7247\u6210\u7acb,\u518d\u8ba9 3s\/5s \u7684\u52a8\u4f5c\u8865\u5145\u4fe1\u606f\u3002<\/p>\n

\u7248\u5f0f
\u6548\u679c
\u9002\u5408<\/p>\n

\u5355\u89c6\u9891\u52a8\u6001\u5361
\u4e00\u6bb5\u89c6\u9891\u88c1\u6210 3:4 \u5403\u6ee1\u753b\u5e03;\u9700\u8981\u6587\u5b57\u65f6\u53ea\u653e\u4e00\u7ec4\u77ed\u6807\u9898,\u6309 M16 Image-Led Cover \/ image-overlay \u7684\u4e3b\u4f53\u907f\u8ba9\u3001quiet-zone\u3001\u5b57\u4f53\u4e0e\u5c40\u90e8 tint \u89c4\u5219\u5904\u7406
\u5496\u5561\u3001\u65c5\u884c\u3001\u5065\u8eab\u52a8\u4f5c\u3001\u4ea7\u54c1\u72b6\u6001\u3001\u6e38\u620f\u77ac\u95f4<\/p>\n

\u4e8c\u5bab\u683c \/ \u4e09\u5bab\u683c \/ \u56db\u5bab\u683c\u62fc\u56fe
\u591a\u4e2a\u89c6\u9891\u4e95\u62fc\u6210\u4e00\u5f20 Live Photo,\u901a\u5e38\u4e0d\u52a0\u6587\u5b57,\u8ba9\u9ad8\u8d28\u91cf\u7d20\u6750\u81ea\u5df1\u8bf4\u8bdd
\u65c5\u884c\u98ce\u666f\u3001\u7a7f\u642d\u7cbe\u9009\u3001\u7a7a\u95f4\u7ec6\u8282\u3001\u83dc\u54c1\u8fc7\u7a0b\u3001\u8fd0\u52a8\u52a8\u4f5c<\/p>\n

\u4e09\u8fde Live Photo \u62fc\u56fe
\u4e09\u6bb5\u51e0\u79d2\u7d20\u6750\u5e76\u5217,\u63d0\u9ad8\u77ed\u65f6\u957f\u5185\u7684\u4fe1\u606f\u5bc6\u5ea6;\u53ea\u5728\u5fc5\u8981\u65f6\u52a0\u4e00\u884c\u771f\u5b9e\u573a\u666f\u6807\u9898
\u653b\u7565\u6b65\u9aa4\u3001\u524d\u540e\u5bf9\u6bd4\u3001\u591a\u89c6\u89d2\u5c55\u793a\u3001\u6a21\u578b\u6d4b\u8bd5\u7ed3\u679c<\/p>\n

\u957f\u89c6\u9891\u8bca\u65ad
\u5bf9\u8d85\u957f\u7d20\u6750\u505a\u7a00\u758f\u62bd\u5e27 \/ contact sheet,\u5224\u65ad\u66f4\u9002\u5408\u88c1\u54ea\u6bb5\u3001\u500d\u901f\u3001\u62c6\u5206,\u8fd8\u662f\u8bf7\u7528\u6237\u6307\u5b9a\u65f6\u95f4\u6bb5
\u7528\u6237\u7ed9\u4e86 1-3 \u5206\u949f\u7d20\u6750\u4f46\u8fd8\u6ca1\u9009\u7247\u6bb5<\/p>\n

\u5e73\u53f0\u53d1\u5e03\u5305
\u8f93\u51fa\u8c03\u8bd5\u7528 JPG + MOV ,\u4ee5\u53ca iPhone \u6d4b\u8bd5\/\u53d1\u5e03\u7528 .pvt \u5305
\u5c0f\u7ea2\u4e66\u3001\u5fae\u4fe1\u516c\u4f17\u53f7\u6587\u7ae0\u5185 Live Photo<\/p>\n

\u4fe1\u606f\u91cf\u5224\u65ad\u662f\u7b2c\u4e00\u6b65:\u5fae\u4fe1 3s \u66f4\u9002\u5408\u4e00\u4e2a\u52a8\u4f5c\u70b9\u6216\u4e00\u6b21\u72b6\u6001\u53d8\u5316;\u5c0f\u7ea2\u4e66 5s \u53ef\u4ee5\u5bb9\u7eb3\u4e00\u4e2a\u5c0f\u8fc7\u7a0b;\u4e09\u8fde\u62fc\u56fe\u9002\u5408\u4e09\u4e2a\u5e76\u5217\u7ed3\u679c,\u4e0d\u9002\u5408\u8bb2\u4e00\u4e2a\u5fc5\u987b\u987a\u5e8f\u7406\u89e3\u7684\u957f\u6545\u4e8b\u3002<\/p>\n

Live Photo \u751f\u6210\u6307\u5357<\/p>\n

\u786e\u8ba4\u5e73\u53f0\u548c\u7d20\u6750 :\u7528\u6237\u89c6\u9891\u662f\u9ed8\u8ba4\u8f93\u5165;\u516c\u5f00\u89c6\u9891\u7d20\u6750\u53ea\u7528\u4e8e demo \/ \u5ba3\u4f20\u6d4b\u8bd5\u3002\u5148\u786e\u8ba4\u5c0f\u7ea2\u4e66\u3001\u5fae\u4fe1\u516c\u4f17\u53f7\u6587\u7ae0\u5185,\u8fd8\u662f\u672c\u5730\u6d4b\u8bd5\u3002<\/p>\n

\u5224\u65ad\u4fe1\u606f\u91cf :\u95ee\u81ea\u5df1 3s\/5s \u5185\u89c2\u4f17\u80fd\u770b\u5230\u4ec0\u4e48\u3002\u5982\u679c\u9700\u8981\u89e3\u91ca\u3001\u97f3\u9891\u6216\u5b8c\u6574\u6559\u7a0b\u624d\u80fd\u61c2,\u5c31\u4e0d\u5e94\u8be5\u786c\u585e\u8fdb Live Photo\u3002<\/p>\n

\u9009\u62e9\u7ed3\u6784 :\u5355\u4e2a\u5f3a\u7d20\u6750\u7528\u5355\u89c6\u9891\u52a8\u6001\u5361;\u591a\u4e2a\u597d\u7d20\u6750\u7528\u4e8c\u5bab\u683c \/ \u4e09\u5bab\u683c \/ \u56db\u5bab\u683c;\u4e09\u4e2a\u5e76\u5217\u7ed3\u679c\u7528\u4e09\u8fde;\u957f\u89c6\u9891\u5148\u505a\u4f4e\u6210\u672c\u8bca\u65ad\u3002<\/p>\n

\u5148\u505a\u9759\u6001\u5361\u68c0\u67e5 :\u9996\u5e27\u5fc5\u987b\u50cf\u4e00\u5f20\u5408\u683c\u793e\u4ea4\u5361\u3002\u68c0\u67e5\u88c1\u5207\u3001\u4e3b\u4f53\u3001\u6587\u5b57\u4f4d\u7f6e\u3001\u5e73\u53f0\u5b89\u5168\u533a,\u4e0d\u8981\u628a\u5236\u4f5c\u8981\u6c42\u5199\u6210\u89c2\u4f17\u53ef\u89c1\u6587\u6848\u3002<\/p>\n

\u518d\u751f\u6210\u52a8\u6001\u8d44\u4ea7 :\u5728\u4efb\u52a1\u6587\u4ef6\u5939\u8f93\u51fa\u9884\u89c8\u89c6\u9891\u3001\u5173\u952e JPG\u3001MOV \u548c .pvt ;\u4e0d\u8981\u628a\u751f\u6210\u7ed3\u679c\u5199\u5230 Skill \u6839\u76ee\u5f55\u3002<\/p>\n

\u4ea4\u4ed8\u65f6\u63d0\u9192\u53d1\u5e03\u8def\u5f84 :\u5c0f\u7ea2\u4e66\u6309 5s ,\u5fae\u4fe1\u516c\u4f17\u53f7\u6587\u7ae0\u5185\u6309 3s ;\u901a\u5e38\u9700\u8981\u628a .pvt \u4f5c\u4e3a\u4e00\u4e2a\u5305\u4f20\u5230 iPhone,\u518d\u4ece\u5bf9\u5e94 App \u53d1\u5e03,\u7535\u8111\u7aef\/\u7f51\u9875\u7aef\u4e00\u822c\u4e0d\u80fd\u76f4\u63a5\u53d1\u5e03 Live Photo\u3002<\/p>\n

\u53ef\u76f4\u63a5\u8fd9\u6837\u8ba9 Agent \u505a:<\/p>\n

\u628a\u8fd9\u4e2a\u5496\u5561\u89c6\u9891\u505a\u6210\u5c0f\u7ea2\u4e66 5 \u79d2 Live Photo,\u6807\u9898\u53ea\u653e\u4e00\u7ec4,\u907f\u5f00\u676f\u5b50\u548c\u624b\u3002
\u8fd9\u56db\u6bb5\u65c5\u884c\u89c6\u9891\u7d20\u6750\u8d28\u91cf\u5f88\u597d,\u5e2e\u6211\u505a\u6210\u56db\u5bab\u683c Live Photo,\u4e0d\u52a0\u6587\u5b57\u3002
\u8fd9\u6bb5 2 \u5206\u949f\u6e38\u620f\u89c6\u9891\u5148\u505a contact sheet,\u5e2e\u6211\u5224\u65ad\u9002\u5408\u622a\u54ea 5 \u79d2\u505a\u653b\u7565 Live Photo\u3002<\/p>\n

\u9002\u5408 \/ \u4e0d\u9002\u5408<\/p>\n

\u2705 \u5408\u9002 :\u5c0f\u7ea2\u4e66\u56fe\u6587\u7ec4\u56fe \/ Live Photo \u52a8\u6001\u5361 \/ \u516c\u4f17\u53f7\u5c01\u9762\u5bf9 \/ \u5fae\u4fe1\u670b\u53cb\u5708\u5c01\u9762 \/ \u89c6\u9891\u53f7\u5c01\u9762 \/ \u6587\u7ae0\u914d\u56fe \/ \u6559\u7a0b\u62c6\u9875 \/ \u6570\u636e\u56de\u987e \/ \u65c5\u884c\u653b\u7565 \/ \u4ea7\u54c1\u6d4b\u8bc4 \/ \u622a\u56fe\u8bf4\u660e<\/p>\n

\u274c \u4e0d\u5408\u9002 :\u6a2a\u5411\u7ffb\u9875 PPT(\u7528 guizang-ppt-skill )\/ \u957f\u89c6\u9891\u6b63\u7247\u526a\u8f91 \/ \u7eaf\u56fe\u7247\u4fee\u56fe \/ \u65e0\u7248\u5f0f\u8bc9\u6c42\u7684\u7eaf\u6587\u5b57\u7f16\u8f91<\/p>\n

11 \u4e2a\u5c0f\u7ea2\u4e66\u54c1\u7c7b\u9002\u914d<\/p>\n

\u6309"\u80fd\u529b\u5708"\u5206\u4e09\u6863,\u8be6\u89c1 references\/category-cookbook.md :<\/p>\n

\u7aef\u5230\u7aef\u5f3a\u52bf (\u6587 \/ \u7ed3\u6784 \/ \u56fe\u90fd\u5728\u80fd\u529b\u5708\u5185):<\/p>\n

\u65c5\u884c\u3001\u804c\u573a\u3001\u63a8\u8350(\u6307\u5b9a\u5b50\u7c7b\u540e)<\/p>\n

\u6587\u4e0e\u7ed3\u6784\u5f3a\u52bf,\u56fe\u4f9d\u8d56\u7528\u6237\u6216\u641c\u56fe\u6e90:<\/p>\n

\u6e38\u620f\u3001\u5f71\u89c6\u3001\u7f8e\u98df(\u98df\u8c31\u65b9\u5411)\u3001\u5f69\u5986(\u6559\u7a0b\u65b9\u5411)\u3001\u5065\u8eab\u3001\u5bb6\u5c45\u3001\u7a7f\u642d(\u7cbe\u9009\u65b9\u5411)<\/p>\n

\u80fd\u529b\u5708\u5916,\u4e3b\u52a8\u8bf4\u6e05 (\u4e0d\u5f3a\u884c\u63a5):<\/p>\n

OOTD \u5b9e\u62cd\u6d41 \/ \u68a6\u6838 \/ \u4eff\u80f6\u7247\u8c03\u8272 \/ \u771f\u5b9e\u6d4b\u80a4\u7f8e\u5986\u7b49\u5f3a\u70c8\u4f9d\u8d56\u6444\u5f71\u6216\u540e\u671f\u7684\u7ec6\u5206\u8d5b\u9053<\/p>\n

\u5e38\u89c1\u4f7f\u7528\u573a\u666f<\/p>\n

\u4efb\u52a1
\u63a8\u8350\u65b9\u5f0f<\/p>\n

\u957f\u6587\u7ae0 \u2192 \u5c0f\u7ea2\u4e66\u56fe\u6587
\u62bd\u6838\u5fc3\u89c2\u70b9,Editorial \u8d70\u53d9\u4e8b\u8282\u594f,Swiss \u8d70\u62c6\u6761\u6570\u636e<\/p>\n

\u4ea7\u54c1\u6d4b\u8bc4 \/ \u5de5\u5177\u56de\u987e
Swiss + IKB \u84dd,\u4f18\u5148 S09 KPI Tower \/ S10 H-Bar Chart<\/p>\n

\u65c5\u884c \/ \u751f\u6d3b\u65b9\u5f0f\u5206\u4eab
Editorial + Midnight Ink \u6216 Dune, M16 Image-Led Cover \u6ee1\u94fa\u4e3b\u56fe<\/p>\n

\u516c\u4f17\u53f7\u5c01\u9762\u5bf9
\u540c\u4e00\u4efd\u5185\u5bb9\u6e32\u4e24\u5757: .poster.wide 21:9 + .poster.square 1:1,\u89c6\u89c9\u4e00\u81f4<\/p>\n

\u622a\u56fe\u6559\u7a0b \/ \u5de5\u5177\u8bf4\u660e
.frame-shot + .device-browser \u5305\u58f3,\u4f18\u5148 Swiss \u7f51\u683c\u5e95<\/p>\n

\u6e38\u620f\u653b\u7565 \/ \u5f71\u89c6\u56de\u987e
Editorial + Midnight Ink,\u4ece Wallhaven \u53d6\u6e38\u620f\u539f\u753b\u505a\u6ee1\u94fa<\/p>\n

\u7528\u6237\u89c6\u9891 \u2192 Live Photo
\u5148\u5224\u65ad 3s\/5s \u4fe1\u606f\u91cf,\u518d\u9009\u5355\u89c6\u9891 \/ \u62fc\u56fe \/ \u4e09\u8fde \/ \u957f\u89c6\u9891\u8bca\u65ad<\/p>\n

\u6570\u636e\u56de\u987e \/ \u5e74\u7ec8\u603b\u7ed3
Swiss + Lemon \u6216 Safety Orange,\u77e9\u9635 + ledger \u7ec4\u5408<\/p>\n

\u4e3a\u4ec0\u4e48\u662f\u5355\u6587\u4ef6 HTML \u6e32 PNG<\/p>\n

Agent \u53cb\u597d :HTML + CSS \u662f\u6587\u672c,Agent \u80fd\u76f4\u63a5\u5199\u3001\u8bfb\u3001\u6539\u3001\u9a8c\u8bc1<\/p>\n

\u7248\u5f0f\u7cbe\u786e :CSS Grid + \u4e25\u683c\u5b57\u53f7 \/ \u7559\u767d \/ \u7f51\u683c,\u8fdc\u8d85 Markdown \u6392\u7248\u80fd\u529b<\/p>\n

\u56fe\u6e90\u5f00\u653e :\u53ef\u4ee5\u63a5 Unsplash \/ Pexels \/ Wallhaven \/ Mapbox \/ OSM \u7b49\u4efb\u610f\u7f51\u7edc\u8d44\u6e90<\/p>\n

\u8d28\u91cf\u53ef\u6821\u9a8c : validate-social-deck.mjs \u7528 Playwright \u8dd1\u771f\u5b9e DOM \u6d4b\u91cf,\u4e0d\u662f\u731c<\/p>\n

\u4ea4\u4ed8\u7b80\u5355 : output\/*.png \u76f4\u63a5\u53d1,\u4e0d\u9700\u8981\u90e8\u7f72\u3001\u4e0d\u9700\u8981\u5bfc\u51fa\u5de5\u5177<\/p>\n

\u52a8\u6001\u5361\u53ef\u843d\u5730 :Live Photo \u5206\u652f\u8f93\u51fa JPG + MOV + .pvt ,\u5e76\u8bb0\u5f55\u5c0f\u7ea2\u4e66 \/ \u5fae\u4fe1\u7684\u65f6\u957f\u9650\u5236\u548c\u624b\u673a\u7aef\u53d1\u5e03\u8def\u5f84<\/p>\n

\u5e73\u53f0\u652f\u6301<\/p>\n

\u5e73\u53f0
\u72b6\u6001
\u8bf4\u660e<\/p>\n

Claude Code
\u652f\u6301
\u539f\u751f Skill \u5de5\u4f5c\u6d41,\u9002\u5408\u751f\u6210 + \u8fed\u4ee3\u56fe\u6587<\/p>\n

Codex
\u652f\u6301
\u9002\u5408\u957f\u6d41\u7a0b\u56fe\u6587\u751f\u6210\u3001\u8c03\u7528\u56fe\u7247\u6e90\u3001\u505a\u89c6\u89c9\u68c0\u67e5<\/p>\n

Cursor \/ \u5176\u4ed6\u672c\u5730 Agent
\u53ef\u7528
\u9700\u8981\u80fd\u8bfb\u5199\u6587\u4ef6 + \u6267\u884c shell<\/p>\n

\u666e\u901a Chatbot
\u4e0d\u63a8\u8350
\u6ca1\u6709\u6587\u4ef6\u7cfb\u7edf\u548c\u6e32\u67d3\u7ba1\u7ebf\u65f6\u65e0\u6cd5\u7a33\u5b9a\u51fa\u56fe<\/p>\n

\u5b89\u88c5<\/p>\n

\u65b9\u5f0f\u4e00:\u4e00\u884c\u547d\u4ee4\u5b89\u88c5(\u63a8\u8350)<\/p>\n

npx skills add https:\/\/github.com\/op7418\/guizang-social-card-skill –skill guizang-social-card-skill<\/p>\n

\u65b9\u5f0f\u4e8c:\u628a\u4e0b\u9762\u8fd9\u6bb5\u8bdd\u76f4\u63a5\u53d1\u7ed9 AI<\/p>\n

\u5e2e\u6211\u5b89\u88c5 guizang-social-card-skill \u8fd9\u4e2a Claude Code skill\u3002\u8bf7\u6309\u4e0b\u9762\u6b65\u9aa4\u505a:<\/p>\n

\u786e\u4fdd ~\/.claude\/skills\/ \u76ee\u5f55\u5b58\u5728(\u4e0d\u5b58\u5728\u5c31\u521b\u5efa)<\/p>\n

\u6267\u884c git clone https:\/\/github.com\/op7418\/guizang-social-card-skill.git ~\/.claude\/skills\/guizang-social-card-skill<\/p>\n

\u9a8c\u8bc1: ls ~\/.claude\/skills\/guizang-social-card-skill\/ \u5e94\u8be5\u770b\u5230 SKILL.md \u3001 assets\/ \u3001 references\/ \u4e09\u9879<\/p>\n

\u544a\u8bc9\u6211\u88c5\u597d\u4e86,\u4e4b\u540e\u6211\u8bf4"\u505a\u4e00\u5957\u5c0f\u7ea2\u4e66\u56fe\u6587"\u4e4b\u7c7b\u7684\u8bdd\u5c31\u4f1a\u89e6\u53d1\u8fd9\u4e2a skill<\/p>\n

\u628a\u8fd9\u6bb5\u8bdd\u590d\u5236\u7c98\u8d34\u7ed9 Claude Code \/ Cursor \/ \u4efb\u4f55\u6709 shell \u6743\u9650\u7684 AI Agent,\u5b83\u4f1a\u81ea\u52a8\u5b8c\u6210\u5b89\u88c5\u3002<\/p>\n

\u65b9\u5f0f\u4e09:\u624b\u52a8\u547d\u4ee4\u884c<\/p>\n

git clone https:\/\/github.com\/op7418\/guizang-social-card-skill.git ~\/.claude\/skills\/guizang-social-card-skill<\/p>\n

\u89e6\u53d1\u65b9\u5f0f<\/p>\n

\u88c5\u597d\u540e,Claude Code \u4f1a\u81ea\u52a8\u53d1\u73b0\u5e76\u8c03\u7528\u8fd9\u4e2a skill\u3002\u89e6\u53d1\u5173\u952e\u8bcd:<\/p>\n

"\u5e2e\u6211\u505a\u4e00\u5957\u5c0f\u7ea2\u4e66\u56fe\u6587 \/ Xiaohongshu \u56fe\u6587"<\/p>\n

"\u5e2e\u6211\u505a\u4e00\u5957 Rednote \u5361\u7247"<\/p>\n

"\u505a\u4e00\u4e2a\u516c\u4f17\u53f7 21:9 \u5934\u56fe + 1:1 \u5206\u4eab\u5361"<\/p>\n

"\u751f\u6210\u4e00\u5957 social cards \/ \u6742\u5fd7\u98ce\u793e\u4ea4\u5361\u7247"<\/p>\n

"\u628a\u8fd9\u7bc7\u6587\u7ae0\u505a\u6210\u8f6e\u64ad\u56fe\u6587 \/ \u6559\u7a0b\u62c6\u9875"<\/p>\n

"\u505a\u4e00\u5957\u745e\u58eb\u98ce\u7684\u5c0f\u7ea2\u4e66\u6d4b\u8bc4 \/ IKB \u98ce\u683c\u56fe\u6587"<\/p>\n

"\u628a\u8fd9\u6bb5\u89c6\u9891\u505a\u6210\u5c0f\u7ea2\u4e66 Live Photo \/ \u4e09\u8fde\u5b9e\u51b5\u62fc\u56fe"<\/p>\n

"\u505a\u4e00\u4e2a\u5fae\u4fe1\u516c\u4f17\u53f7\u6587\u7ae0\u5185 3 \u79d2 Live Photo"<\/p>\n

\u4f7f\u7528\u6d41\u7a0b<\/p>\n

Skill \u672c\u8eab\u662f\u7ed3\u6784\u5316\u5de5\u4f5c\u6d41,Agent \u4f1a\u6309 7 \u6b65\u8d70:<\/p>\n

Intake \u2014 \u6293 4 \u4ef6\u4e8b:\u76ee\u6807\u5e73\u53f0 \/ \u98ce\u683c \/ \u5185\u5bb9\u7d20\u6750 \/ \u7528\u6237\u56fe\u3002\u65e0\u56fe\u65f6\u4e00\u6b21\u6027\u7ed9 A\/B\/C \u4e09\u9009(\u81ea\u5df1\u62cd\u56fe \/ AI \u751f\u56fe \/ \u7f51\u7edc\u53d6\u56fe),\u4e0d\u4e8c\u6b21\u529d\u5bfc<\/p>\n

Style & Theme \u2014 \u9009 Editorial \u8fd8\u662f Swiss,\u518d\u4ece 10 \u5957\u9884\u8bbe\u91cc\u9009\u4e3b\u9898\u8272\u3002\u4e0d\u5141\u8bb8\u81ea\u5b9a\u4e49 hex<\/p>\n

Layout Selection \u2014 \u6839\u636e\u5185\u5bb9\u7ed3\u6784\u4ece 28 \u4e2a\u7248\u5f0f\u9aa8\u67b6\u91cc\u6311\u3001\u7c98\u3001\u6539\u6587\u6848\u3002Editorial 16 \u4e2a \/ Swiss 12 \u4e2a<\/p>\n

Asset Prep \u2014 \u53d6\u56fe(Unsplash \/ Pexels \/ Flickr CC \/ Wallhaven \/ \u76f4\u63a5\u641c\u7d22),\u843d\u672c\u5730 + \u5199 SOURCES.md ;\u95ee\u7528\u6237\u8981\u4e0d\u8981\u6807\u6765\u6e90<\/p>\n

Compose & Render \u2014 \u62f7\u79cd\u5b50\u6a21\u677f \u2192 \u66ff\u6362 “ \u2192 node render.mjs<\/p>\n

Deliver & Review \u2014 \u5148\u628a PNG \u7ed9\u7528\u6237\u770b,\u8be2\u95ee"\u4f60\u81ea\u5df1\u770b\u8fd8\u662f\u6211\u5148\u5e2e\u4f60\u8dd1 validator",\u9ed8\u8ba4\u4e0d\u81ea\u52a8\u6838\u67e5<\/p>\n

Iterate \u2014 \u7528\u6237\u63d0\u53cd\u9988,\u6539 inline \u6837\u5f0f\u6216 swap \u7248\u5f0f \/ \u66ff\u56fe,\u91cd\u6e32<\/p>\n

Live Photo \u8bf7\u6c42\u4f1a\u5728\u7b2c 5 \u6b65\u8fdb\u5165\u52a8\u6001\u5206\u652f:\u5148\u5224\u65ad 3s\/5s \u5185\u80fd\u627f\u8f7d\u7684\u4fe1\u606f\u91cf,\u62bd\u9996\u5e27\u6216\u7a00\u758f contact sheet \u68c0\u67e5\u88c1\u5207,\u518d\u8f93\u51fa JPG + MOV + .pvt \u3002\u4ea4\u4ed8\u65f6\u4f1a\u63d0\u9192\u5e73\u53f0\u9650\u5236\u548c\u53d1\u5e03\u8def\u5f84:\u5c0f\u7ea2\u4e66 5s ,\u5fae\u4fe1\u516c\u4f17\u53f7\u6587\u7ae0\u5185 3s ,\u901a\u5e38\u9700\u8981\u628a .pvt \u4f20\u5230 iPhone \u540e\u4ece\u5bf9\u5e94 App \u53d1\u5e03\u3002<\/p>\n

\u8be6\u7ec6\u8bf4\u660e\u89c1 SKILL.md \u3002\u6df1\u5ea6\u7ec6\u8282\u53bb\u770b\u5bf9\u5e94 references\/*.md \u3002<\/p>\n

\u6821\u9a8c\u811a\u672c<\/p>\n

node validate-social-deck.mjs path\/to\/task-dir<\/p>\n

9 \u6761\u89c4\u5219,\u57fa\u4e8e Playwright \u771f\u5b9e\u6e32\u67d3\u6d4b\u91cf,\u4e0d\u662f\u9759\u6001\u626b\u63cf:<\/p>\n

R1 Overflow \u2014 \u4efb\u4f55 section \u8d85\u51fa .poster \u7acb\u523b\u62a5\u9519,\u5e76\u7ed9\u51fa\u8d85\u51fa\u50cf\u7d20\u5bf9\u5e94\u7684\u4fee\u6b63\u9636\u68af<\/p>\n

R2 Footer Collision \u2014 \u5185\u5bb9\u538b\u5230\u5e95\u90e8 footer \/ page-number<\/p>\n

R3 Swiss Bold Display \u2014 Swiss \u5927\u6807\u9898\u8fdd\u53cd"\u8d8a\u5927\u8d8a\u7ec6"\u65f6\u62a5\u8b66<\/p>\n

R4 Min Readable Font \u2014 \u6b63\u6587\u3001\u8bf4\u660e\u3001\u6807\u7b7e\u5b57\u53f7\u4f4e\u4e8e\u624b\u673a\u53ef\u8bfb\u4e0b\u9650<\/p>\n

R5 4-Band Density \u2014 1440 \u9ad8\u753b\u5e03\u5207 4 \u6a2a\u5e26,\u6bcf\u5e26\u5e94\u6709\u5185\u5bb9\u6216\u4e3b\u52a8\u7559\u767d\u7406\u7531<\/p>\n

R6 H-XL Line Cap \u2014 .h-xl \/ .h-display \/ .h-statement \u884c\u6570\u8d85\u51fa\u753b\u677f\u9884\u7b97<\/p>\n

R7 Figure Margin Drift \u2014 \u6d4f\u89c8\u5668\u9ed8\u8ba4 <figure> margin \u9020\u6210\u7248\u5f0f\u6f02\u79fb<\/p>\n

R8 Visual Bounds \u2014 \u6d4b\u91cf\u771f\u5b9e\u53ef\u89c1\u5185\u5bb9\u7684\u4e0a\/\u4e0b\u8fb9\u754c,\u62a5\u544a\u89c6\u89c9\u8d85\u51fa\u548c\u5e95\u90e8\u7a7a\u767d<\/p>\n

R9 Title Gap \u2014 \u6807\u9898\u4e0e\u4e0b\u4e00\u5757\u5185\u5bb9\u4e4b\u95f4\u7684\u8ddd\u79bb\u8fc7\u5c0f,\u907f\u514d\u8d34\u5728\u4e00\u8d77<\/p>\n

SKILL.md \u7b2c 7 \u6b65\u660e\u786e \u9ed8\u8ba4\u4e0d\u81ea\u52a8\u8dd1 validator \u2014\u2014 \u7b49\u7528\u6237\u5148\u770b\u5b8c\u56fe\u518d\u95ee,\u907f\u514d\u6bcf\u8f6e\u591a\u82b1\u6570\u5341\u79d2\u3002<\/p>\n

\u4e3b\u9898\u8272\u9884\u8bbe<\/p>\n

\u4ece references\/theme-presets.md \u91cc\u9009\u4e00\u5957\u2014\u2014 \u4e0d\u5141\u8bb8\u81ea\u5b9a\u4e49 hex \u503c ,\u4fdd\u62a4\u7f8e\u5b66\u6bd4\u7ed9\u81ea\u7531\u66f4\u91cd\u8981\u3002<\/p>\n

Editorial 6 \u5957<\/p>\n

\u4e3b\u9898
\u8272\u8c03
\u9002\u5408\u573a\u666f<\/p>\n

\ud83d\udd8b \u58a8\u6c34\u7ecf\u5178 Ink Classic
#0a0a0b \/ #f1efea
\u901a\u7528\u9ed8\u8ba4\u3001\u5546\u4e1a\u8bdd\u9898\u3001\u4e0d\u77e5\u9053\u9009\u5565\u65f6\u6700\u7a33<\/p>\n

\ud83c\udf0a \u975b\u84dd\u74f7 Indigo Porcelain
#0a1f3d \/ #f1f3f5
\u79d1\u6280\u3001\u7814\u7a76\u3001AI\u3001\u6280\u672f\u5206\u4eab<\/p>\n

\ud83c\udf3f \u68ee\u6797\u58a8 Forest Ink
#1a2e1f \/ #f5f1e8
\u81ea\u7136\u3001\u53ef\u6301\u7eed\u3001\u6237\u5916\u3001\u975e\u865a\u6784<\/p>\n

\ud83c\udf42 \u725b\u76ae\u7eb8 Kraft Paper
#2a1e13 \/ #eedfc7
\u6000\u65e7\u3001\u4eba\u6587\u3001\u9605\u8bfb\u3001\u6587\u5b66<\/p>\n

\ud83c\udf19 \u6c99\u4e18 Dune
#1f1a14 \/ #f0e6d2
\u827a\u672f\u3001\u8bbe\u8ba1\u3001\u521b\u610f\u3001\u65f6\u5c1a<\/p>\n

\u26ab \u5348\u591c\u58a8 Midnight Ink
#0e0d0c \/ #ece2cf \/ #d4a04a
\u6e38\u620f key art \/ \u591c\u666f \/ \u5f71\u8c03\u5c01\u9762 \/ \u9ed1\u795e\u8bdd \u00b7 \u827e\u5c14\u767b\u6cd5\u73af\u7c7b\u6df1\u8272\u9898\u6750<\/p>\n

Swiss 4 \u5957<\/p>\n

\u4e3b\u9898
\u951a\u70b9\u8272
\u9002\u5408\u573a\u666f<\/p>\n

\ud83d\udd35 \u514b\u83b1\u56e0\u84dd IKB
#002FA7
\u901a\u7528\u9ed8\u8ba4\u3001\u5546\u4e1a\u53d1\u5e03\u3001AI \u4ea7\u54c1\u3001\u65b9\u6cd5\u8bba<\/p>\n

\ud83d\udfe1 \u67e0\u6aac\u9ec4 Lemon
#FFD500
\u5e74\u8f7b\u3001\u8fd0\u52a8\u3001\u96f6\u552e\u3001\u6d88\u8d39\u54c1\u3001Y2K<\/p>\n

\ud83d\udfe2 \u67e0\u6aac\u7eff Lemon Green
#C5E803
\u751f\u6001\u3001\u5065\u5eb7\u3001Z \u4e16\u4ee3\u3001\u7eff\u8272\u54c1\u724c<\/p>\n

\ud83d\udfe0 \u5b89\u5168\u6a59 Safety Orange
#FF6B35
\u8b66\u793a\u3001\u65b0\u95fb\u3001\u5de5\u4e1a\u3001\u6d3b\u529b\u4e3b\u9898<\/p>\n

\u5207\u4e3b\u9898\u53ea\u9700\u66ff\u6362\u79cd\u5b50\u6a21\u677f\u7684 <section class="poster" data-theme="…"> \u5c5e\u6027,\u6240\u6709 CSS \u8d70 var(–…) \u3002<\/p>\n

\u76ee\u5f55\u7ed3\u6784<\/p>\n

guizang-social-card-skill\/
\u251c\u2500\u2500 SKILL.md \u2190 Skill \u4e3b\u6587\u4ef6:7 \u6b65\u5de5\u4f5c\u6d41
\u251c\u2500\u2500 README.md \u2190 \u672c\u6587\u4ef6
\u251c\u2500\u2500 HANDOFF.md \u2190 \u4ea4\u63a5\u6587\u6863:\u4e8b\u5b9e + \u7248\u672c\u5386\u53f2
\u251c\u2500\u2500 PRODUCT.md \u2190 \u4ea7\u54c1\u6587\u6863:\u601d\u8003 + \u51b3\u7b56 + roadmap
\u251c\u2500\u2500 validate-social-deck.mjs \u2190 Playwright \u7248\u5f0f\u6821\u9a8c\u811a\u672c
\u251c\u2500\u2500 scripts\/ \u2190 Live Photo \u6253\u5305 \/ \u62bd\u5e27 \/ \u6587\u6863\u6d4b\u8bd5\u811a\u672c
\u251c\u2500\u2500 assets\/
\u2502 \u251c\u2500\u2500 template-editorial-card.html \u2190 Editorial \u79cd\u5b50(6 \u4e3b\u9898 \/ 3 \u753b\u677f)
\u2502 \u251c\u2500\u2500 template-swiss-card.html \u2190 Swiss \u79cd\u5b50(4 accent \/ 3 \u753b\u677f)
\u2502 \u251c\u2500\u2500 magazine-bg-webgl.js \u2190 WebGL \u58a8\u6d41\u80cc\u666f
\u2502 \u2514\u2500\u2500 screenshot-backgrounds\/ \u2190 9 \u5f20\u622a\u56fe\u821e\u53f0\u5e95(WebP)
\u2502 \u251c\u2500\u2500 style-a\/ \u2190 Editorial 5 \u5957
\u2502 \u2514\u2500\u2500 style-b\/ \u2190 Swiss 4 \u5957
\u2514\u2500\u2500 references\/
\u251c\u2500\u2500 platform-specs.md \u2190 \u5e73\u53f0 \u00d7 \u5206\u8fa8\u7387 \u00d7 \u547d\u540d
\u251c\u2500\u2500 style-system.md \u2190 \u4e24\u79cd\u98ce\u683c\u7684\u786c\u89c4\u5219\u4e0e\u53cd\u6a21\u5f0f
\u251c\u2500\u2500 theme-presets.md \u2190 10 \u5957\u8272\u7968\u8be6\u89e3
\u251c\u2500\u2500 layout-recipes.md \u2190 28 \u4e2a\u7248\u5f0f\u9aa8\u67b6(M01-M16 + S01-S12)
\u251c\u2500\u2500 components.md \u2190 \u5b57\u4f53 \/ \u5361\u7247 \/ \u95f4\u8ddd \/ \u56fe\u6807
\u251c\u2500\u2500 background-systems.md \u2190 \u58a8\u6d41 \/ \u7f51\u683c \/ \u7eb8\u7eb9\u5c42
\u251c\u2500\u2500 portrait-fill.md \u2190 3:4 \u677f\u7684\u7559\u767d\u5bf9\u7b56
\u251c\u2500\u2500 content-planning.md \u2190 \u94a9\u5b50 \/ \u62c6\u9875 \/ \u6587\u6848\u538b\u7f29
\u251c\u2500\u2500 category-cookbook.md \u2190 11 \u4e2a\u5c0f\u7ea2\u4e66\u54c1\u7c7b\u8def\u7531\u8868
\u251c\u2500\u2500 image-overlay.md \u2190 \u6587\u5b57\u538b\u56fe + \u4e3b\u4f53\u907f\u8ba9\u89c4\u5219
\u251c\u2500\u2500 screenshot-treatment.md \u2190 `.frame-shot` \u5de5\u5177\u7c7b + \u622a\u56fe\u7f8e\u5316
\u251c\u2500\u2500 map-component.md \u2190 `.map-block` MapLibre \u5730\u56fe
\u251c\u2500\u2500 title-shortener.md \u2190 1:1 \u5c01\u9762\u7684\u77ed\u6807\u9898\u7b56\u7565
\u251c\u2500\u2500 production-workflow.md \u2190 Playwright \u6e32\u67d3\u7ba1\u7ebf
\u251c\u2500\u2500 live-photo-production.md \u2190 Live Photo \u751f\u4ea7 \/ \u62fc\u56fe \/ \u957f\u89c6\u9891 \/ \u53d1\u5e03\u89c4\u8303
\u2514\u2500\u2500 qa-checklist.md \u2190 \u8d28\u91cf\u68c0\u67e5\u6e05\u5355<\/p>\n

\u6838\u5fc3\u8bbe\u8ba1\u539f\u5219<\/p>\n

\u514b\u5236\u4f18\u4e8e\u558a\u8bdd \u2014 \u4fe1\u606f\u6d41\u91cc\u514b\u5236\u8272\u677f\u53cd\u800c\u6700\u663e\u773c,\u4e0d\u8981\u5806\u9971\u548c\u5ea6<\/p>\n

\u7ed3\u6784\u4f18\u4e8e\u88c5\u9970 \u2014 \u5b57\u53f7 + \u5b57\u4f53\u5bf9\u6bd4 + \u7f51\u683c\u7559\u767d\u6491\u8d77\u4fe1\u606f\u5c42\u7ea7,\u4e0d\u9760\u9634\u5f71\u548c\u5361\u7247<\/p>\n

\u7248\u5f0f\u4f18\u4e8e\u81ea\u7531 \u2014 28 \u4e2a\u7248\u5f0f\u9aa8\u67b6\u5148\u9009\u540e\u6539,\u4e0d\u8981\u53d1\u660e\u4e0d\u5b58\u5728\u7684\u9875\u9762<\/p>\n

\u56fe\u7247\u4f18\u5148\u7528\u6237\u7684 \u2014 Intake \u65f6\u4e00\u6b21\u6027\u7ed9 A\/B\/C,\u4e0d\u4e8c\u6b21\u529d\u5bfc\u7528\u6237\u62cd\u56fe<\/p>\n

\u9009\u56fe\u4e0e\u907f\u8ba9\u4f18\u5148 \u2014 \u6ee1\u94fa\u56fe\u5148\u786e\u8ba4 quiet zone,\u6587\u5b57\u907f\u5f00\u4e3b\u4f53(\u4eba\u8138 \/ \u4ea7\u54c1 \/ \u6587\u5b57\u5bc6\u96c6\u533a),\u5fc5\u8981\u65f6\u624d\u52a0\u5c40\u90e8 tint<\/p>\n

\u8d8a\u5927\u8d8a\u7ec6 \u2014 Swiss .h-xl \u5b57\u53f7\u4e0a\u53bb \u2192 \u5b57\u91cd\u5fc5\u987b\u4e0b\u6765\u3002Editorial \u540c\u6b64\u539f\u5219<\/p>\n

\u9ed8\u8ba4\u4e0d\u81ea\u52a8\u6838\u67e5 \u2014 \u628a"\u5148\u770b\u56fe\u3001\u518d\u51b3\u5b9a\u8981\u4e0d\u8981 validate"\u505a\u6210\u5de5\u4f5c\u6d41,\u7701\u6bcf\u8f6e\u51e0\u5341\u79d2<\/p>\n

Skill \u662f\u4ea7\u54c1\u4e0d\u662f Prompt \u2014 \u6709 PRODUCT.md \u3001\u6709\u7248\u672c\u53f7\u3001\u6709 CHANGELOG\u3001\u6709\u80fd\u529b\u8fb9\u754c<\/p>\n

\u672c\u5730\u6d4b\u8bd5\u4e0d\u8fdb git \u2014 \u6240\u6709 demo \/ \u5192\u70df\u6d4b\u8bd5\u5f52 local-tests\/ ,\u88ab gitignore<\/p>\n

\u89c6\u9891\u5148\u5f53\u5361\u7247 \u2014 Live Photo \u7b2c\u4e00\u5e27\u5fc5\u987b\u5148\u50cf\u4e00\u5f20\u597d\u793e\u4ea4\u5361,\u53ef\u89c1\u6587\u6848\u63cf\u8ff0\u771f\u5b9e\u573a\u666f,\u4e0d\u8981\u628a\u5236\u4f5c\u672f\u8bed\u5199\u4e0a\u753b\u9762<\/p>\n

\u89c6\u89c9\u53c2\u8003<\/p>\n

Monocle \/ Kinfolk \/ Cereal \u6742\u5fd7\u7684\u7248\u5f0f\u4e0e\u5b57\u8ddd<\/p>\n

Massimo Vignelli \/ Helvetica Forever \/ \u745e\u58eb\u56fd\u9645\u4e3b\u4e49\u7f51\u683c\u7cfb\u7edf<\/p>\n

Apartamento \/ The Gentlewoman \u7684\u56fe\u6587\u6bd4\u4e0e\u4eba\u7269\u7eaa\u5b9e<\/p>\n

\u5c0f\u7ea2\u4e66 \/ Rednote \u4fe1\u606f\u6d41\u91cc"\u514b\u5236\u53cd\u800c\u5403\u9999"\u7684\u5185\u5bb9\u6837\u672c<\/p>\n

\u6b78\u85cf\u7684\u56fe\u6587\u5361\u7247\u5b9e\u8df5<\/p>\n

FAQ<\/p>\n

\u53ef\u4ee5\u6279\u91cf\u51fa\u56fe\u5417?
\u53ef\u4ee5\u3002\u4e00\u4e2a task \u76ee\u5f55\u4e0b\u7684 index.html \u5305\u542b\u591a\u4e2a .poster , node render.mjs \u4f1a\u9010\u4e2a\u622a PNG\u3002\u4e00\u6b21\u51fa\u5c0f\u7ea2\u4e66 3-9 \u5f20\u7ec4\u56fe\u5f88\u5e38\u89c1\u3002<\/p>\n

\u4e3a\u4ec0\u4e48\u4e0d\u5141\u8bb8\u81ea\u5b9a\u4e49\u989c\u8272?
\u548c PPT skill \u540c\u6837\u7684\u7406\u7531\u2014\u2014\u8fd9\u4e2a Skill \u7684\u6838\u5fc3\u4ef7\u503c\u662f\u7a33\u5b9a\u4ea7\u51fa\u3002\u81ea\u7531\u9009\u8272\u4f1a\u7834\u574f\u6574\u4f53\u98ce\u683c,\u53ea\u5141\u8bb8\u4ece 10 \u5957\u9884\u8bbe\u91cc\u6311\u3002<\/p>\n

\u80fd\u7528\u5176\u4ed6\u6a21\u578b\u751f\u56fe\u5417?
\u53ef\u4ee5\u3002\u751f\u56fe\u672c\u8eab\u4e0d\u5728 Skill \u8303\u56f4\u5185,\u4f46 SKILL.md Step 4 \u5199\u6e05\u4e86\u53d6\u56fe\u534f\u8bae:\u7528\u6237\u56fe \u2192 AI \u751f\u56fe \u2192 \u7f51\u7edc\u53d6\u56fe\u3002AI \u751f\u56fe\u80fd\u529b\u4f9d\u8d56\u4f60\u5f53\u524d Agent \u63a5\u7684\u6a21\u578b\u3002<\/p>\n

\u652f\u6301 Live Photo \u5417?
\u652f\u6301\u3002\u5c0f\u7ea2\u4e66\u6309 5s \u89c4\u5212,\u5fae\u4fe1\u516c\u4f17\u53f7\u6587\u7ae0\u5185\u6309 3s \u89c4\u5212\u3002\u53ef\u4ee5\u505a\u5355\u89c6\u9891\u3001\u4e8c\u5bab\u683c\u3001\u4e09\u5bab\u683c\u3001\u56db\u5bab\u683c\u3001\u4e09\u8fde\u62fc\u56fe,\u4e5f\u80fd\u5bf9\u957f\u89c6\u9891\u5148\u505a\u7a00\u758f\u62bd\u5e27\u8bca\u65ad\u3002\u53d1\u5e03\u901a\u5e38\u9700\u8981\u624b\u673a\u7aef\u8def\u5f84,\u684c\u9762\u7aef\u4e00\u822c\u4e0d\u80fd\u76f4\u63a5\u8bc6\u522b .pvt \u4e3a\u53ef\u53d1\u5e03 Live Photo\u3002<\/p>\n

Codex \u5199\u51fa\u6765\u4e0d\u5408\u89c4\u600e\u4e48\u529e?
v0.12 \u8d77\u628a"\u79cd\u5b50\u6a21\u677f\u4e0e components.md \u8868\u683c\u4fdd\u6301\u4e00\u81f4"\u505a\u6210\u4e86\u786c\u89c4\u5219\u3002\u5982\u679c\u8fd8\u662f\u51fa\u73b0\u8fdd\u89c4,\u5927\u6982\u7387\u662f seed template \u9ed8\u8ba4\u503c\u4e0e references\/style-system.md \u4e0d\u4e00\u81f4\u2014\u2014\u5f00 Issue \u7ed9\u6211\u4eec\u3002<\/p>\n

\u600e\u4e48\u66f4\u65b0\u5230\u6700\u65b0\u7248?
\u91cd\u65b0\u8fd0\u884c\u5b89\u88c5\u547d\u4ee4,\u6216\u5728\u672c\u5730 skill \u76ee\u5f55\u6267\u884c git pull \u3002<\/p>\n

\u652f\u6301\u82f1\u6587\u56fe\u6587\u5417?
\u652f\u6301\u3002Editorial \u7684 Playfair Display + Noto Serif\u3001Swiss \u7684 Inter + Helvetica \u90fd\u540c\u65f6\u8986\u76d6\u4e2d\u82f1\u6587\u3002\u7248\u5f0f\u9aa8\u67b6\u672a\u505a\u8bed\u8a00\u7ed1\u5b9a\u3002<\/p>\n

\u8bd5\u8bd5\u8fd9\u6837\u505a<\/h2>\n