{"id":258,"date":"2026-05-22T08:45:00","date_gmt":"2026-05-22T00:45:00","guid":{"rendered":"http:\/\/climbing.top\/index.php\/2026\/05\/22\/open-designxiliejiaochengerhexingainianpianmoshiskilldesign-systemagent\/"},"modified":"2026-05-22T08:45:00","modified_gmt":"2026-05-22T00:45:00","slug":"open-designxiliejiaochengerhexingainianpianmoshiskilldesign-systemagent","status":"publish","type":"post","link":"https:\/\/climbing.top\/index.php\/2026\/05\/22\/open-designxiliejiaochengerhexingainianpianmoshiskilldesign-systemagent\/","title":{"rendered":"Open Design\u7cfb\u5217\u6559\u7a0b\uff08\u4e8c\uff09\uff1a\u6838\u5fc3\u6982\u5ff5\u7bc7\u2014\u2014\u6a21\u5f0f\u00d7Skill\u00d7Design System\u00d7Agent"},"content":{"rendered":"<blockquote>\n<p><strong>\u7cfb\u5217\u76ee\u5f55<\/strong><\/p>\n<\/blockquote>\n<blockquote>\n<p>&#8211; \uff08\u4e00\uff09\u90e8\u7f72\u7bc7 \u2014\u2014 \u4ece\u96f6\u5b89\u88c5\u5230\u8dd1\u8d77\u6765<\/p>\n<\/blockquote>\n<blockquote>\n<p>&#8211; <strong>\uff08\u4e8c\uff09\u6838\u5fc3\u6982\u5ff5\u7bc7<\/strong> \u2190 \u4f60\u5728\u8fd9\u91cc<\/p>\n<\/blockquote>\n<blockquote>\n<p>&#8211; \uff08\u4e09\uff09\u5b9e\u6218\u6848\u4f8b\u7bc7 \u2014\u2014 \u4ece 0 \u5230 1 \u8bbe\u8ba1\u4e00\u4e2a\u6500\u5ca9\u8005\u7f51\u7ad9<\/p>\n<\/blockquote>\n<hr>\n<h2>\u5199\u5728\u524d\u9762<\/h2>\n<p>\u4e0a\u4e00\u7bc7\u6211\u4eec\u628a Open Design \u8dd1\u8d77\u6765\u4e86\u3002\u4f46\u6253\u5f00\u754c\u9762\u540e\uff0c\u9876\u90e8\u6709\u4e09\u4e2a\u4e0b\u62c9\u6846\uff1aAgent\u3001Skill\u3001Design System \u2014\u2014 \u5b83\u4eec\u5206\u522b\u662f\u4ec0\u4e48\uff1f\u600e\u4e48\u7ec4\u5408\uff1f<\/p>\n<p><strong>\u8fd9\u7bc7\u8bfb\u5b8c\u4f60\u4f1a\u660e\u767d\uff1a<\/strong><\/p>\n<ul>\n<li>\u56db\u79cd\u6a21\u5f0f\u5206\u522b\u4ea7\u51fa\u4ec0\u4e48<\/li>\n<li>31 \u4e2a Skill \u600e\u4e48\u9009<\/li>\n<li>72 \u5957 Design System \u600e\u4e48\u7528<\/li>\n<li>Agent \u7684\u5de5\u4f5c\u539f\u7406<\/li>\n<li>\u4e09\u8005\u5982\u4f55\u7ec4\u5408\u51fa\u4e0d\u540c\u7684\u8bbe\u8ba1\u4ea7\u7269<\/li>\n<\/ul>\n<hr>\n<h2>\u7b2c\u4e00\u7ae0\uff1a\u56db\u79cd\u6a21\u5f0f\uff08Mode\uff09<\/h2>\n<p>Open Design \u6709\u56db\u79cd\u4ea7\u51fa\u6a21\u5f0f\uff0c\u6bcf\u79cd\u5bf9\u5e94\u4e0d\u540c\u7684\u8bbe\u8ba1\u4ea7\u7269\uff1a<\/p>\n<p><!--more--><\/p>\n<h3>1.1 Prototype \u6a21\u5f0f\uff08\u539f\u578b\uff09<\/h3>\n<p><strong>\u4ea7\u51fa<\/strong>\uff1a\u5355\u9875 HTML \u8bbe\u8ba1\u7a3f\uff0c\u53ef\u5728\u6d4f\u89c8\u5668\u4e2d\u4ea4\u4e92<\/p>\n<p><strong>\u9002\u5408<\/strong>\uff1a\u7f51\u7ad9\u3001\u843d\u5730\u9875\u3001\u4eea\u8868\u76d8\u3001App \u754c\u9762\u3001\u6d77\u62a5\u3001\u6587\u6863<\/p>\n<p><strong>\u7528\u65f6<\/strong>\uff1a60-120 \u79d2<\/p>\n<p><strong>\u7279\u70b9<\/strong>\uff1a<\/p>\n<ul>\n<li>\u8f93\u51fa\u4e00\u4e2a <code>index.html<\/code> \u6587\u4ef6<\/li>\n<li>\u53f3\u4fa7 iframe \u5b9e\u65f6\u9884\u89c8<\/li>\n<li>\u652f\u6301\u7ee7\u7eed\u5bf9\u8bdd\u4fee\u6539<\/li>\n<li>\u53ef\u5bfc\u51fa HTML \/ PDF \/ ZIP<\/li>\n<\/ul>\n<h3>1.2 Deck \u6a21\u5f0f\uff08\u6f14\u793a\u6587\u7a3f\uff09<\/h3>\n<p><strong>\u4ea7\u51fa<\/strong>\uff1a\u591a\u9875 HTML \u6a2a\u6ed1\u6f14\u793a\u6587\u7a3f<\/p>\n<p><strong>\u9002\u5408<\/strong>\uff1aPitch Deck\u3001\u4ea7\u54c1\u4ecb\u7ecd\u3001\u56e2\u961f\u5468\u62a5\u3001\u57f9\u8bad\u8bfe\u4ef6<\/p>\n<p><strong>\u7528\u65f6<\/strong>\uff1a90-180 \u79d2<\/p>\n<p><strong>\u7279\u70b9<\/strong>\uff1a<\/p>\n<ul>\n<li>\u7c7b\u4f3c PPT \u7684\u6a2a\u6ed1\u7ffb\u9875<\/li>\n<li>\u6742\u5fd7\u98ce\u6392\u7248<\/li>\n<li>\u53ef\u5bfc\u51fa PDF<\/li>\n<\/ul>\n<h3>1.3 Template \u6a21\u5f0f\uff08\u6a21\u677f\uff09<\/h3>\n<p><strong>\u4ea7\u51fa<\/strong>\uff1a\u586b\u5145\u9884\u8bbe\u6a21\u677f\u7684\u6210\u54c1<\/p>\n<p><strong>\u9002\u5408<\/strong>\uff1a\u5feb\u901f\u51fa\u56fe\u3001\u5957\u6a21\u677f<\/p>\n<p><strong>\u7528\u65f6<\/strong>\uff1a20-40 \u79d2<\/p>\n<p><strong>\u7279\u70b9<\/strong>\uff1a<\/p>\n<ul>\n<li>\u6700\u5feb\u51fa\u7ed3\u679c<\/li>\n<li>\u57fa\u4e8e\u73b0\u6709\u6a21\u677f\u4fee\u6539<\/li>\n<li>\u9002\u5408\u6807\u51c6\u5316\u4ea7\u51fa<\/li>\n<\/ul>\n<h3>1.4 Design System \u6a21\u5f0f\uff08\u8bbe\u8ba1\u7cfb\u7edf\uff09<\/h3>\n<p><strong>\u4ea7\u51fa<\/strong>\uff1a\u4e00\u5957\u54c1\u724c\u8bbe\u8ba1\u89c4\u8303\u6587\u6863\uff08DESIGN.md\uff09<\/p>\n<p><strong>\u9002\u5408<\/strong>\uff1a\u5efa\u7acb\u54c1\u724c\u89c4\u8303\u3001\u7edf\u4e00\u89c6\u89c9\u8bed\u8a00<\/p>\n<p><strong>\u7528\u65f6<\/strong>\uff1a60-180 \u79d2<\/p>\n<p><strong>\u7279\u70b9<\/strong>\uff1a<\/p>\n<ul>\n<li>\u8f93\u51fa\u8272\u677f\u3001\u5b57\u4f53\u3001\u95f4\u8ddd\u3001\u7ec4\u4ef6\u89c4\u8303<\/li>\n<li>\u5176\u4ed6\u6a21\u5f0f\u53ef\u5f15\u7528\u8fd9\u5957\u89c4\u8303<\/li>\n<li>\u786e\u4fdd\u8bbe\u8ba1\u4e00\u81f4\u6027<\/li>\n<\/ul>\n<hr>\n<h2>\u7b2c\u4e8c\u7ae0\uff1aSkill\uff08\u6280\u80fd\uff09<\/h2>\n<h3>2.1 Skill \u662f\u4ec0\u4e48\uff1f<\/h3>\n<p>Skill \u51b3\u5b9a<strong>\u505a\u4ec0\u4e48\u7c7b\u578b\u7684\u4ea7\u7269<\/strong>\u3002\u6bcf\u4e2a Skill \u662f\u4e00\u4e2a\u6587\u4ef6\u5939\uff0c\u5305\u542b\uff1a<\/p>\n<ul>\n<li><code>SKILL.md<\/code> \u2014\u2014 \u6280\u80fd\u63cf\u8ff0\u548c\u751f\u6210\u89c4\u5219<\/li>\n<li><code>assets\/<\/code> \u2014\u2014 \u6a21\u677f\u3001\u56fe\u7247\u7b49\u8d44\u6e90<\/li>\n<li><code>references\/<\/code> \u2014\u2014 \u53c2\u8003\u8d44\u6599<\/li>\n<\/ul>\n<p>Skill \u9075\u5faa Claude Code \u7684 SKILL.md \u89c4\u8303\uff0cOpen Design \u76f4\u63a5\u590d\u7528\u3002<\/p>\n<h3>2.2 \u5185\u7f6e Skill \u5b8c\u6574\u5217\u8868<\/h3>\n<h4>\u8bbe\u8ba1\u4e0e\u8425\u9500\u7c7b\uff08Prototype \u6a21\u5f0f\uff09<\/h4>\n<table>\n<tr>\n<th>Skill<\/th>\n<th>\u7528\u9014<\/th>\n<th>\u573a\u666f<\/th>\n<\/tr>\n<\/table>\n<p>|&#8212;|&#8212;|&#8212;|<\/p>\n<table>\n<tr>\n<th><code>web-prototype<\/code><\/th>\n<th><strong>\u901a\u7528\u7f51\u9875\u539f\u578b\uff08\u9ed8\u8ba4\uff09<\/strong><\/th>\n<th>\u9996\u9875\u3001\u843d\u5730\u9875\u3001\u4efb\u610f\u7f51\u9875<\/th>\n<\/tr>\n<tr>\n<td><code>saas-landing<\/code><\/td>\n<td>SaaS \u8425\u9500\u9875<\/td>\n<td>Hero + Features + Pricing + CTA<\/td>\n<\/tr>\n<tr>\n<td><code>dashboard<\/code><\/td>\n<td>\u6570\u636e\u4eea\u8868\u76d8<\/td>\n<td>\u4fa7\u680f + \u56fe\u8868 + KPI \u5361\u7247<\/td>\n<\/tr>\n<tr>\n<td><code>pricing-page<\/code><\/td>\n<td>\u5b9a\u4ef7\u9875<\/td>\n<td>\u65b9\u6848\u5bf9\u6bd4\u8868<\/td>\n<\/tr>\n<tr>\n<td><code>docs-page<\/code><\/td>\n<td>\u6587\u6863\u9875<\/td>\n<td>\u4e09\u680f\u6280\u672f\u6587\u6863<\/td>\n<\/tr>\n<tr>\n<td><code>blog-post<\/code><\/td>\n<td>\u535a\u5ba2\u6587\u7ae0<\/td>\n<td>\u957f\u6587 editorial \u6392\u7248<\/td>\n<\/tr>\n<tr>\n<td><code>mobile-app<\/code><\/td>\n<td>\u624b\u673a App<\/td>\n<td>\u5e26 iPhone\/Pixel \u624b\u673a\u58f3<\/td>\n<\/tr>\n<tr>\n<td><code>mobile-onboarding<\/code><\/td>\n<td>\u79fb\u52a8\u7aef\u5f15\u5bfc<\/td>\n<td>\u591a\u5c4f\u5f15\u5bfc\u6d41\u7a0b<\/td>\n<\/tr>\n<tr>\n<td><code>gamified-app<\/code><\/td>\n<td>\u6e38\u620f\u5316 App<\/td>\n<td>XP \u7cfb\u7edf\u3001\u7b49\u7ea7\u3001\u4efb\u52a1<\/td>\n<\/tr>\n<tr>\n<td><code>email-marketing<\/code><\/td>\n<td>\u8425\u9500\u90ae\u4ef6<\/td>\n<td>\u54c1\u724c\u53d1\u5e03\u90ae\u4ef6<\/td>\n<\/tr>\n<tr>\n<td><code>social-carousel<\/code><\/td>\n<td>\u793e\u5a92\u8f6e\u64ad<\/td>\n<td>1080\u00d71080 \u4e09\u8fde\u56fe<\/td>\n<\/tr>\n<tr>\n<td><code>magazine-poster<\/code><\/td>\n<td>\u6742\u5fd7\u6d77\u62a5<\/td>\n<td>\u5355\u9875\u6742\u5fd7\u98ce\u6d77\u62a5<\/td>\n<\/tr>\n<tr>\n<td><code>motion-frames<\/code><\/td>\n<td>\u52a8\u6548 Hero<\/td>\n<td>CSS \u5faa\u73af\u52a8\u753b<\/td>\n<\/tr>\n<tr>\n<td><code>sprite-animation<\/code><\/td>\n<td>\u50cf\u7d20\u52a8\u753b<\/td>\n<td>8-bit \u98ce\u683c\u52a8\u753b<\/td>\n<\/tr>\n<tr>\n<td><code>dating-web<\/code><\/td>\n<td>\u793e\u4ea4\u7f51\u7ad9<\/td>\n<td>\u7ea6\u4f1a\/\u5a5a\u604b\u4eea\u8868\u76d8<\/td>\n<\/tr>\n<tr>\n<td><code>digital-eguide<\/code><\/td>\n<td>\u7535\u5b50\u6307\u5357<\/td>\n<td>\u5c01\u9762 + \u5185\u6587\u8de8\u9875<\/td>\n<\/tr>\n<tr>\n<td><code>wireframe-sketch<\/code><\/td>\n<td>\u7ebf\u6846\u7a3f<\/td>\n<td>\u624b\u7ed8\u98ce\u683c\u7070\u5757\u5e03\u5c40<\/td>\n<\/tr>\n<\/table>\n<h4>\u6587\u6863\u4e0e\u529e\u516c\u7c7b\uff08Prototype \u6a21\u5f0f\uff09<\/h4>\n<table>\n<tr>\n<th>Skill<\/th>\n<th>\u7528\u9014<\/th>\n<th>\u573a\u666f<\/th>\n<\/tr>\n<\/table>\n<p>|&#8212;|&#8212;|&#8212;|<\/p>\n<table>\n<tr>\n<th><code>pm-spec<\/code><\/th>\n<th>\u4ea7\u54c1\u9700\u6c42\u6587\u6863<\/th>\n<th>PRD + \u76ee\u5f55 + \u51b3\u7b56\u65e5\u5fd7<\/th>\n<\/tr>\n<tr>\n<td><code>team-okrs<\/code><\/td>\n<td>OKR \u8bb0\u5206\u8868<\/td>\n<td>\u56e2\u961f\u76ee\u6807\u8ffd\u8e2a<\/td>\n<\/tr>\n<tr>\n<td><code>meeting-notes<\/code><\/td>\n<td>\u4f1a\u8bae\u7eaa\u8981<\/td>\n<td>\u51b3\u8bae + \u5f85\u529e<\/td>\n<\/tr>\n<tr>\n<td><code>kanban-board<\/code><\/td>\n<td>\u770b\u677f\u89c6\u56fe<\/td>\n<td>\u4efb\u52a1\u770b\u677f\u5feb\u7167<\/td>\n<\/tr>\n<tr>\n<td><code>eng-runbook<\/code><\/td>\n<td>\u8fd0\u7ef4\u624b\u518c<\/td>\n<td>\u6545\u969c\u6392\u67e5\u6d41\u7a0b<\/td>\n<\/tr>\n<tr>\n<td><code>finance-report<\/code><\/td>\n<td>\u8d22\u52a1\u62a5\u544a<\/td>\n<td>\u9ad8\u7ba1\u8d22\u52a1\u6458\u8981<\/td>\n<\/tr>\n<tr>\n<td><code>invoice<\/code><\/td>\n<td>\u53d1\u7968<\/td>\n<td>\u5355\u9875\u53d1\u7968\u6a21\u677f<\/td>\n<\/tr>\n<tr>\n<td><code>hr-onboarding<\/code><\/td>\n<td>\u5165\u804c\u8ba1\u5212<\/td>\n<td>\u65b0\u5458\u5de5\u5165\u804c\u6d41\u7a0b<\/td>\n<\/tr>\n<\/table>\n<h4>Deck \u6a21\u5f0f<\/h4>\n<table>\n<tr>\n<th>Skill<\/th>\n<th>\u7528\u9014<\/th>\n<th>\u7279\u70b9<\/th>\n<\/tr>\n<\/table>\n<p>|&#8212;|&#8212;|&#8212;|<\/p>\n<table>\n<tr>\n<th><code>guizang-ppt<\/code><\/th>\n<th><strong>\u6742\u5fd7\u98ce PPT\uff08\u9ed8\u8ba4\uff09<\/strong><\/th>\n<th>\u5f52\u85cf\u98ce\u683c\u3001WebGL \u80cc\u666f<\/th>\n<\/tr>\n<tr>\n<td><code>simple-deck<\/code><\/td>\n<td>\u6781\u7b80\u6a2a\u6ed1<\/td>\n<td>\u6700\u7b80\u5355\u7684 Deck<\/td>\n<\/tr>\n<tr>\n<td><code>replit-deck<\/code><\/td>\n<td>\u4ea7\u54c1\u6f14\u793a<\/td>\n<td>Replit \u98ce\u683c<\/td>\n<\/tr>\n<tr>\n<td><code>weekly-update<\/code><\/td>\n<td>\u56e2\u961f\u5468\u62a5<\/td>\n<td>\u8fdb\u5ea6 + \u963b\u585e + \u4e0b\u4e00\u6b65<\/td>\n<\/tr>\n<\/table>\n<h3>2.3 \u600e\u4e48\u9009 Skill\uff1f<\/h3>\n<p><strong>\u51b3\u7b56\u6811\uff1a<\/strong><\/p>\n<p><code>`<\/code><\/p>\n<p>\u4f60\u60f3\u505a\u4ec0\u4e48\uff1f<\/p>\n<p>\u251c\u2500\u2500 \u7f51\u9875\/App\/\u6d77\u62a5\/\u6587\u6863 \u2192 Prototype \u6a21\u5f0f<\/p>\n<p>\u2502   \u251c\u2500\u2500 \u901a\u7528\u7f51\u9875 \u2192 web-prototype<\/p>\n<p>\u2502   \u251c\u2500\u2500 \u8425\u9500\u843d\u5730\u9875 \u2192 saas-landing<\/p>\n<p>\u2502   \u251c\u2500\u2500 \u6570\u636e\u540e\u53f0 \u2192 dashboard<\/p>\n<p>\u2502   \u251c\u2500\u2500 \u624b\u673a App \u2192 mobile-app<\/p>\n<p>\u2502   \u251c\u2500\u2500 \u535a\u5ba2\u6587\u7ae0 \u2192 blog-post<\/p>\n<p>\u2502   \u2514\u2500\u2500 \u5176\u4ed6 \u2192 \u770b\u4e0a\u9762\u7684\u5b8c\u6574\u5217\u8868<\/p>\n<p>\u2502<\/p>\n<p>\u251c\u2500\u2500 PPT\/\u6f14\u793a\u6587\u7a3f \u2192 Deck \u6a21\u5f0f<\/p>\n<p>\u2502   \u251c\u2500\u2500 \u6742\u5fd7\u98ce \u2192 guizang-ppt<\/p>\n<p>\u2502   \u251c\u2500\u2500 \u6781\u7b80\u98ce \u2192 simple-deck<\/p>\n<p>\u2502   \u2514\u2500\u2500 \u5468\u62a5 \u2192 weekly-update<\/p>\n<p>\u2502<\/p>\n<p>\u2514\u2500\u2500 \u54c1\u724c\u89c4\u8303 \u2192 Design System \u6a21\u5f0f<\/p>\n<p><code>`<\/code><\/p>\n<hr>\n<h2>\u7b2c\u4e09\u7ae0\uff1aDesign System\uff08\u8bbe\u8ba1\u7cfb\u7edf\uff09<\/h2>\n<h3>3.1 Design System \u662f\u4ec0\u4e48\uff1f<\/h3>\n<p>Design System \u51b3\u5b9a<strong>\u957f\u4ec0\u4e48\u6837<\/strong>\u3002\u5b83\u662f\u4e00\u5957\u8bbe\u8ba1\u89c4\u8303\uff0c\u5b9a\u4e49\u4e86\uff1a<\/p>\n<ul>\n<li><strong>\u8272\u677f<\/strong>\uff1a\u4e3b\u8272\u3001\u8f85\u8272\u3001\u80cc\u666f\u8272\u3001\u6587\u5b57\u8272<\/li>\n<li><strong>\u5b57\u4f53<\/strong>\uff1a\u6807\u9898\u5b57\u4f53\u3001\u6b63\u6587\u5b57\u4f53\u3001\u4ee3\u7801\u5b57\u4f53<\/li>\n<li><strong>\u95f4\u8ddd<\/strong>\uff1apadding\u3001margin\u3001gap \u7684\u89c4\u8303\u503c<\/li>\n<li><strong>\u5e03\u5c40<\/strong>\uff1a\u7f51\u683c\u7cfb\u7edf\u3001\u65ad\u70b9<\/li>\n<li><strong>\u7ec4\u4ef6<\/strong>\uff1a\u6309\u94ae\u3001\u5361\u7247\u3001\u8868\u5355\u7684\u6837\u5f0f<\/li>\n<li><strong>\u52a8\u6548<\/strong>\uff1a\u8fc7\u6e21\u3001\u52a8\u753b\u89c4\u8303<\/li>\n<li><strong>\u8bed\u6c14<\/strong>\uff1a\u6587\u6848\u98ce\u683c<\/li>\n<\/ul>\n<h3>3.2 \u5185\u7f6e 72 \u5957 Design System<\/h3>\n<h4>\u79d1\u6280\u516c\u53f8\u98ce\u683c<\/h4>\n<table>\n<tr>\n<th>\u540d\u79f0<\/th>\n<th>\u7279\u70b9<\/th>\n<th>\u9002\u5408<\/th>\n<\/tr>\n<\/table>\n<p>|&#8212;|&#8212;|&#8212;|<\/p>\n<table>\n<tr>\n<th><strong>Linear<\/strong><\/th>\n<th>\u6df1\u84dd\u7d2b\u3001\u51e0\u4f55\u7ebf\u6761\u3001\u6781\u7b80<\/th>\n<th>SaaS\u3001\u5f00\u53d1\u5de5\u5177<\/th>\n<\/tr>\n<tr>\n<td><strong>Stripe<\/strong><\/td>\n<td>\u6e10\u53d8\u5149\u6548\u3001\u7cbe\u81f4\u52a8\u6548<\/td>\n<td>\u652f\u4ed8\u3001\u91d1\u878d\u3001API<\/td>\n<\/tr>\n<tr>\n<td><strong>Vercel<\/strong><\/td>\n<td>\u7eaf\u9ed1\u767d\u3001\u65e0\u886c\u7ebf<\/td>\n<td>\u90e8\u7f72\u5e73\u53f0\u3001\u5f00\u53d1\u8005<\/td>\n<\/tr>\n<tr>\n<td><strong>Supabase<\/strong><\/td>\n<td>\u7eff\u8272\u4e3b\u8c03\u3001\u73b0\u4ee3\u611f<\/td>\n<td>\u6570\u636e\u5e93\u3001BaaS<\/td>\n<\/tr>\n<tr>\n<td><strong>Figma<\/strong><\/td>\n<td>\u591a\u5f69\u6e10\u53d8\u3001\u534f\u4f5c\u611f<\/td>\n<td>\u8bbe\u8ba1\u5de5\u5177<\/td>\n<\/tr>\n<tr>\n<td><strong>Cursor<\/strong><\/td>\n<td>\u6697\u8272\u3001\u4ee3\u7801\u98ce<\/td>\n<td>IDE\u3001\u7f16\u7a0b\u5de5\u5177<\/td>\n<\/tr>\n<\/table>\n<h4>\u6d88\u8d39\u54c1\u724c\u98ce\u683c<\/h4>\n<table>\n<tr>\n<th>\u540d\u79f0<\/th>\n<th>\u7279\u70b9<\/th>\n<th>\u9002\u5408<\/th>\n<\/tr>\n<\/table>\n<p>|&#8212;|&#8212;|&#8212;|<\/p>\n<table>\n<tr>\n<th><strong>Airbnb<\/strong><\/th>\n<th>\u6e29\u6696\u5706\u89d2\u3001\u5927\u91cf\u7559\u767d<\/th>\n<th>\u65c5\u884c\u3001\u751f\u6d3b\u670d\u52a1<\/th>\n<\/tr>\n<tr>\n<td><strong>Tesla<\/strong><\/td>\n<td>\u6697\u8272\u3001\u79d1\u6280\u8c6a\u534e<\/td>\n<td>\u9ad8\u7aef\u4ea7\u54c1<\/td>\n<\/tr>\n<tr>\n<td><strong>Spotify<\/strong><\/td>\n<td>\u7eff\u8272\u3001\u5706\u6da6\u3001\u5e74\u8f7b<\/td>\n<td>\u97f3\u4e50\u3001\u5a31\u4e50<\/td>\n<\/tr>\n<tr>\n<td><strong>\u5c0f\u7ea2\u4e66<\/strong><\/td>\n<td>\u7c89\u7ea2\u8272\u3001\u5361\u7247\u5bc6\u96c6<\/td>\n<td>\u793e\u4ea4\u3001\u7535\u5546<\/td>\n<\/tr>\n<\/table>\n<h4>\u5de5\u5177\u7c7b\u98ce\u683c<\/h4>\n<table>\n<tr>\n<th>\u540d\u79f0<\/th>\n<th>\u7279\u70b9<\/th>\n<th>\u9002\u5408<\/th>\n<\/tr>\n<\/table>\n<p>|&#8212;|&#8212;|&#8212;|<\/p>\n<table>\n<tr>\n<th><strong>Notion<\/strong><\/th>\n<th>\u6d45\u8272\u3001\u7559\u767d\u3001\u6587\u6863\u611f<\/th>\n<th>\u7b14\u8bb0\u3001\u534f\u4f5c<\/th>\n<\/tr>\n<tr>\n<td><strong>Raycast<\/strong><\/td>\n<td>\u6697\u8272\u3001\u6548\u7387\u611f<\/td>\n<td>\u6548\u7387\u5de5\u5177<\/td>\n<\/tr>\n<tr>\n<td><strong>PostHog<\/strong><\/td>\n<td>\u6570\u636e\u53ef\u89c6\u5316\u611f<\/td>\n<td>\u5206\u6790\u3001\u76d1\u63a7<\/td>\n<\/tr>\n<\/table>\n<h4>AI \u7c7b\u98ce\u683c<\/h4>\n<table>\n<tr>\n<th>\u540d\u79f0<\/th>\n<th>\u7279\u70b9<\/th>\n<th>\u9002\u5408<\/th>\n<\/tr>\n<\/table>\n<p>|&#8212;|&#8212;|&#8212;|<\/p>\n<table>\n<tr>\n<th><strong>Anthropic<\/strong><\/th>\n<th>\u6e29\u6696\u6a59\u3001\u4e13\u4e1a\u611f<\/th>\n<th>AI \u4ea7\u54c1<\/th>\n<\/tr>\n<tr>\n<td><strong>Cohere<\/strong><\/td>\n<td>\u84dd\u7d2b\u6e10\u53d8<\/td>\n<td>\u4f01\u4e1a AI<\/td>\n<\/tr>\n<tr>\n<td><strong>Mistral<\/strong><\/td>\n<td>\u6a59\u8272\u3001\u6d3b\u529b<\/td>\n<td>\u5f00\u6e90 AI<\/td>\n<\/tr>\n<\/table>\n<h3>3.3 \u600e\u4e48\u9009 Design System\uff1f<\/h3>\n<p><strong>\u6309\u4ea7\u54c1\u7c7b\u578b\u9009\uff1a<\/strong><\/p>\n<ul>\n<li>SaaS\/\u5de5\u5177 \u2192 Linear \/ Stripe \/ Vercel<\/li>\n<li>\u6d88\u8d39\/App \u2192 Airbnb \/ Spotify \/ \u5c0f\u7ea2\u4e66<\/li>\n<li>AI \u4ea7\u54c1 \u2192 Anthropic \/ Cohere \/ Mistral<\/li>\n<li>\u5185\u5bb9\/\u535a\u5ba2 \u2192 Notion \/ Warm Editorial<\/li>\n<\/ul>\n<p><strong>\u6309\u98ce\u683c\u9009\uff1a<\/strong><\/p>\n<ul>\n<li>\u6697\u8272\u79d1\u6280 \u2192 Linear \/ Tesla \/ Cursor<\/li>\n<li>\u6e29\u6696\u53cb\u597d \u2192 Airbnb \/ Spotify \/ Anthropic<\/li>\n<li>\u6781\u7b80\u9ed1\u767d \u2192 Vercel \/ Notion<\/li>\n<li>\u591a\u5f69\u6d3b\u529b \u2192 Figma \/ Stripe<\/li>\n<\/ul>\n<hr>\n<h2>\u7b2c\u56db\u7ae0\uff1aAgent\uff08\u8bbe\u8ba1\u5f15\u64ce\uff09<\/h2>\n<h3>4.1 Agent \u662f\u4ec0\u4e48\uff1f<\/h3>\n<p>Agent \u662f\u5b9e\u9645\u6267\u884c\u8bbe\u8ba1\u751f\u6210\u7684 AI\u3002Open Design \u4e0d\u81ea\u5e26\u6a21\u578b\uff0c\u800c\u662f\uff1a<\/p>\n<ol>\n<li>\u626b\u63cf\u4f60\u7535\u8111\u4e0a\u5df2\u5b89\u88c5\u7684 Agent CLI<\/li>\n<li>\u901a\u8fc7\u6807\u51c6\u534f\u8bae\uff08ACP\/stdin\/stdout\uff09\u4e0e Agent \u901a\u4fe1<\/li>\n<li>\u628a Skill + Design System + \u4f60\u7684\u9700\u6c42\u7ec4\u88c5\u6210 prompt<\/li>\n<li>\u53d1\u9001\u7ed9 Agent\uff0c\u6d41\u5f0f\u63a5\u6536\u8f93\u51fa<\/li>\n<li>\u89e3\u6790 <code><\/code> \u6807\u7b7e\uff0c\u6e32\u67d3 HTML \u9884\u89c8<\/li>\n<\/ol>\n<h3>4.2 \u5de5\u4f5c\u6d41\u7a0b<\/h3>\n<p><code>`<\/code><\/p>\n<p>\u4f60\u7684\u9700\u6c42<\/p>\n<p>  + SKILL.md\uff08\u505a\u4ec0\u4e48\u7c7b\u578b\u7684\u4ea7\u7269\uff09<\/p>\n<p>  + DESIGN.md\uff08\u4ec0\u4e48\u89c6\u89c9\u98ce\u683c\uff09<\/p>\n<p>  + \u521d\u59cb\u5316\u95ee\u9898\u8868\u5355\u7684\u7b54\u6848<\/p>\n<p>  \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500<\/p>\n<p>  = \u5b8c\u6574\u7684 System Prompt<\/p>\n<p>        \u2502<\/p>\n<p>        \u25bc<\/p>\n<p>  \u53d1\u9001\u7ed9 Agent CLI<\/p>\n<p>        \u2502<\/p>\n<p>        \u25bc<\/p>\n<p>  Agent \u751f\u6210 HTML\uff08\u6d41\u5f0f\u8f93\u51fa\uff09<\/p>\n<p>        \u2502<\/p>\n<p>        \u25bc<\/p>\n<p>  \u89e3\u6790  \u6807\u7b7e<\/p>\n<p>        \u2502<\/p>\n<p>        \u25bc<\/p>\n<p>  iframe \u6c99\u76d2\u6e32\u67d3\u9884\u89c8<\/p>\n<p><code>`<\/code><\/p>\n<h3>4.3 Agent \u9009\u62e9\u5efa\u8bae<\/h3>\n<table>\n<tr>\n<th>Agent<\/th>\n<th>\u4f18\u52bf<\/th>\n<th>\u52a3\u52bf<\/th>\n<\/tr>\n<\/table>\n<p>|&#8212;|&#8212;|&#8212;|<\/p>\n<table>\n<tr>\n<th><strong>Hermes<\/strong><\/th>\n<th>\u514d\u8d39\u3001\u4e2d\u6587\u597d\u3001\u5df2\u914d\u7f6e<\/th>\n<th>\u4f9d\u8d56\u5c0f\u7c73 API<\/th>\n<\/tr>\n<tr>\n<td>Claude Code<\/td>\n<td>\u8bbe\u8ba1\u80fd\u529b\u5f3a<\/td>\n<td>\u9700\u4ed8\u8d39 API<\/td>\n<\/tr>\n<tr>\n<td>Codex<\/td>\n<td>\u4ee3\u7801\u80fd\u529b\u5f3a<\/td>\n<td>\u8bbe\u8ba1\u611f\u4e00\u822c<\/td>\n<\/tr>\n<tr>\n<td>Gemini<\/td>\n<td>\u514d\u8d39\u989d\u5ea6<\/td>\n<td>\u4e2d\u6587\u652f\u6301\u4e00\u822c<\/td>\n<\/tr>\n<\/table>\n<hr>\n<h2>\u7b2c\u4e94\u7ae0\uff1a\u4e09\u8005\u7ec4\u5408<\/h2>\n<h3>5.1 \u7ec4\u5408\u516c\u5f0f<\/h3>\n<p><code>`<\/code><\/p>\n<p>\u8bbe\u8ba1\u4ea7\u7269 = Mode \u00d7 Skill \u00d7 Design System \u00d7 Agent \u00d7 \u4f60\u7684\u9700\u6c42<\/p>\n<p><code>`<\/code><\/p>\n<h3>5.2 \u7ec4\u5408\u793a\u4f8b<\/h3>\n<table>\n<tr>\n<th>\u573a\u666f<\/th>\n<th>Mode<\/th>\n<th>Skill<\/th>\n<th>Design System<\/th>\n<th>\u6548\u679c<\/th>\n<\/tr>\n<\/table>\n<p>|&#8212;|&#8212;|&#8212;|&#8212;|&#8212;|<\/p>\n<table>\n<tr>\n<th>\u516c\u53f8\u5b98\u7f51<\/th>\n<th>Prototype<\/th>\n<th>web-prototype<\/th>\n<th>Linear<\/th>\n<th>\u79d1\u6280\u611f\u9996\u9875<\/th>\n<\/tr>\n<tr>\n<td>\u4ea7\u54c1\u843d\u5730\u9875<\/td>\n<td>Prototype<\/td>\n<td>saas-landing<\/td>\n<td>Stripe<\/td>\n<td>\u7cbe\u81f4\u8425\u9500\u9875<\/td>\n<\/tr>\n<tr>\n<td>\u6570\u636e\u540e\u53f0<\/td>\n<td>Prototype<\/td>\n<td>dashboard<\/td>\n<td>Supabase<\/td>\n<td>\u73b0\u4ee3\u4eea\u8868\u76d8<\/td>\n<\/tr>\n<tr>\n<td>\u624b\u673a App<\/td>\n<td>Prototype<\/td>\n<td>mobile-app<\/td>\n<td>Airbnb<\/td>\n<td>\u6e29\u6696\u98ce App<\/td>\n<\/tr>\n<tr>\n<td>\u6295\u8d44 Deck<\/td>\n<td>Deck<\/td>\n<td>guizang-ppt<\/td>\n<td>Anthropic<\/td>\n<td>AI \u98ce\u6742\u5fd7 PPT<\/td>\n<\/tr>\n<tr>\n<td>\u56e2\u961f\u5468\u62a5<\/td>\n<td>Deck<\/td>\n<td>weekly-update<\/td>\n<td>Notion<\/td>\n<td>\u7b80\u6d01\u5468\u62a5<\/td>\n<\/tr>\n<tr>\n<td>\u54c1\u724c\u89c4\u8303<\/td>\n<td>Design System<\/td>\n<td>\u2014<\/td>\n<td>\u2014<\/td>\n<td>\u751f\u6210 DESIGN.md<\/td>\n<\/tr>\n<\/table>\n<h3>5.3 \u7ec4\u5408\u6280\u5de7<\/h3>\n<p><strong>\u5148\u5b9a Design System\uff0c\u518d\u9009 Skill\uff1a<\/strong><\/p>\n<p>Design System \u51b3\u5b9a\u6574\u4f53\u89c6\u89c9\uff0cSkill \u51b3\u5b9a\u5e03\u5c40\u7ed3\u6784\u3002\u5148\u9009\u597d\u89c6\u89c9\u98ce\u683c\uff0c\u518d\u9009\u5177\u4f53\u505a\u4ec0\u4e48\uff0c\u6548\u679c\u6700\u597d\u3002<\/p>\n<p><strong>\u540c\u4e00\u4e2a\u9700\u6c42\uff0c\u6362 Design System \u6548\u679c\u5b8c\u5168\u4e0d\u540c\uff1a<\/strong><\/p>\n<p><code>`<\/code><\/p>\n<p>\u9700\u6c42\uff1a&#8221;\u8bbe\u8ba1\u4e00\u4e2a AI \u4ea7\u54c1\u7684\u9996\u9875&#8221;<\/p>\n<p>Linear    \u2192 \u6df1\u84dd\u7d2b\u80cc\u666f\u3001\u51e0\u4f55\u7ebf\u6761\u3001\u6781\u7b80\u79d1\u6280\u611f<\/p>\n<p>Airbnb    \u2192 \u6e29\u6696\u767d\u8272\u3001\u5706\u89d2\u5361\u7247\u3001\u4eb2\u548c\u529b<\/p>\n<p>Stripe    \u2192 \u6e10\u53d8\u5149\u6548\u3001\u7cbe\u81f4\u52a8\u6548\u3001\u4e13\u4e1a\u611f<\/p>\n<p>\u5c0f\u7ea2\u4e66    \u2192 \u7c89\u7ea2\u8272\u7cfb\u3001\u5bc6\u96c6\u5361\u7247\u3001\u793e\u4ea4\u98ce<\/p>\n<p><code>`<\/code><\/p>\n<hr>\n<h2>\u7b2c\u516d\u7ae0\uff1a\u521d\u59cb\u5316\u95ee\u9898\u8868\u5355<\/h2>\n<h3>6.1 \u4e3a\u4ec0\u4e48\u4f1a\u6709\u95ee\u9898\u8868\u5355\uff1f<\/h3>\n<p>Open Design \u7684\u63d0\u793a\u8bcd\u6808\u89c4\u5b9a\uff1a<strong>\u6bcf\u4e2a\u65b0\u8bbe\u8ba1\u4efb\u52a1\u90fd\u4ece\u95ee\u9898\u8868\u5355\u5f00\u59cb<\/strong>\uff0c\u800c\u4e0d\u662f\u76f4\u63a5\u751f\u6210\u3002<\/p>\n<p>\u8fd9\u662f\u4ece\u300c\u82b1\u53d4\u7684\u753b\u672f\u300d\uff08huashu-design\uff09\u84b8\u998f\u51fa\u6765\u7684 Junior-Designer \u6a21\u5f0f\uff1a\u5f00\u5de5\u524d\u4e00\u6b21\u6027\u6279\u91cf\u95ee\u5b8c\uff0c\u5c3d\u65e9 show \u51fa\u53ef\u89c1\u7684\u4e1c\u897f\uff0c\u8ba9\u7528\u6237\u7528\u6700\u4f4e\u6210\u672c\u4ecb\u5165\u7ea0\u504f\u3002<\/p>\n<h3>6.2 \u95ee\u9898\u8868\u5355\u5305\u542b\u4ec0\u4e48\uff1f<\/h3>\n<ol>\n<li><strong>\u505a\u4ec0\u4e48<\/strong>\uff1a\u5355\u9875\u539f\u578b \/ \u8425\u9500\u9875 \/ \u7f16\u8f91\u9875<\/li>\n<li><strong>\u7ed9\u8c01\u770b<\/strong>\uff1a\u76ee\u6807\u53d7\u4f17<\/li>\n<li><strong>\u89c6\u89c9\u98ce\u683c<\/strong>\uff1a\u73b0\u4ee3\u6781\u7b80 \/ \u6742\u5fd7\u98ce \/ \u79d1\u6280\u611f \/ \u5b9e\u9a8c\u6d3e \/ \u4eb2\u548c\u529b \/ \u5962\u534e\u611f\uff08\u6700\u591a\u9009 2 \u4e2a\uff09<\/li>\n<li><strong>\u54c1\u724c\u65b9\u5411<\/strong>\uff1a\u81ea\u52a8\u9009 \/ \u81ea\u6709\u54c1\u724c \/ \u53c2\u8003\u7f51\u7ad9<\/li>\n<li><strong>\u89c4\u6a21<\/strong>\uff1a\u51e0\u4e2a\u677f\u5757<\/li>\n<li><strong>\u5176\u4ed6\u8981\u6c42<\/strong>\uff1a\u914d\u8272\u3001\u7ea6\u675f\u7b49<\/li>\n<\/ol>\n<h3>6.3 \u8df3\u8fc7\u95ee\u9898\u8868\u5355<\/h3>\n<p>\u5728 Prompt \u91cc\u52a0\u4e00\u53e5\uff1a<\/p>\n<p><code>`<\/code><\/p>\n<p>\u76f4\u63a5\u751f\u6210\uff0c\u4e0d\u8981\u63d0\u95ee<\/p>\n<p><code>`<\/code><\/p>\n<p>\u6216\u8005\u628a\u9700\u6c42\u5199\u5f97\u8db3\u591f\u8be6\u7ec6\uff0cAgent \u4f1a\u5224\u65ad\u4fe1\u606f\u5df2\u8db3\u591f\uff0c\u76f4\u63a5\u5f00\u59cb\u751f\u6210\u3002<\/p>\n<hr>\n<h2>\u7b2c\u4e03\u7ae0\uff1a\u5bfc\u51fa\u4e0e\u7ee7\u7eed\u7f16\u8f91<\/h2>\n<h3>7.1 \u5bfc\u51fa\u683c\u5f0f<\/h3>\n<table>\n<tr>\n<th>\u683c\u5f0f<\/th>\n<th>\u8bf4\u660e<\/th>\n<\/tr>\n<\/table>\n<p>|&#8212;|&#8212;|<\/p>\n<table>\n<tr>\n<th><strong>HTML<\/strong><\/th>\n<th>\u5355\u6587\u4ef6\uff0c\u5305\u542b\u6240\u6709 CSS\/JS<\/th>\n<\/tr>\n<tr>\n<td><strong>PDF<\/strong><\/td>\n<td>\u6253\u5370\u53cb\u597d\u7684\u9759\u6001\u7248\u672c<\/td>\n<\/tr>\n<tr>\n<td><strong>ZIP<\/strong><\/td>\n<td>\u5b8c\u6574\u9879\u76ee\u76ee\u5f55\uff0c\u542b assets<\/td>\n<\/tr>\n<\/table>\n<h3>7.2 \u7ee7\u7eed\u7f16\u8f91<\/h3>\n<p>\u751f\u6210\u5b8c\u6210\u540e\uff0c\u53ef\u4ee5\u5728\u804a\u5929\u4e2d\u7ee7\u7eed\u4fee\u6539\uff1a<\/p>\n<p><code>`<\/code><\/p>\n<p>&#8220;\u628a\u6807\u9898\u6539\u5927\u4e00\u53f7&#8221;<\/p>\n<p>&#8220;\u6362\u6210\u84dd\u8272\u4e3b\u9898&#8221;<\/p>\n<p>&#8220;\u5728\u5e95\u90e8\u52a0\u4e00\u4e2a Footer&#8221;<\/p>\n<p>&#8220;\u628a\u5361\u7247\u6539\u6210 3 \u5217\u5e03\u5c40&#8221;<\/p>\n<p><code>`<\/code><\/p>\n<p>Agent \u4f1a\u57fa\u4e8e\u4e4b\u524d\u7684\u4e0a\u4e0b\u6587\u7ee7\u7eed\u4fee\u6539 HTML\u3002<\/p>\n<h3>7.3 \u9879\u76ee\u6301\u4e45\u5316<\/h3>\n<p>Open Design \u4f7f\u7528 SQLite \u6301\u4e45\u5316\uff1a<\/p>\n<ul>\n<li>\u9879\u76ee \u2192 <code>.od\/projects\/\/<\/code><\/li>\n<li>\u5bf9\u8bdd \u2192 <code>.od\/app.sqlite<\/code><\/li>\n<li>\u4ea7\u7269 \u2192 <code>.od\/artifacts\/\/<\/code><\/li>\n<\/ul>\n<p>\u5173\u6389\u6d4f\u89c8\u5668\u518d\u6253\u5f00\uff0c\u9879\u76ee\u548c\u5bf9\u8bdd\u5386\u53f2\u90fd\u8fd8\u5728\u3002<\/p>\n<hr>\n<h2>\u4e0b\u4e00\u7bc7<\/h2>\n<p>\u6982\u5ff5\u641e\u6e05\u695a\u4e86\uff0c\u4e0b\u4e00\u7bc7\u6211\u4eec<strong>\u5b9e\u6218<\/strong>\uff1a\u4ece 0 \u5230 1 \u8bbe\u8ba1\u4e00\u4e2a\u6500\u5ca9\u8005\u7f51\u7ad9\u7684\u5b8c\u6574\u9996\u9875\uff0c\u5305\u62ec\u9700\u6c42\u5206\u6790\u3001\u9009\u62e9\u914d\u7f6e\u3001\u751f\u6210\u3001\u8c03\u4f18\u3001\u5bfc\u51fa\u7684\u5168\u6d41\u7a0b\u3002<\/p>\n<p>\u2192 <a href=\".\/OpenDesign\u6559\u7a0b03-\u5b9e\u6218\u6848\u4f8b\u7bc7.md\">\uff08\u4e09\uff09\u5b9e\u6218\u6848\u4f8b\u7bc7 \u2014\u2014 \u4ece 0 \u5230 1 \u8bbe\u8ba1\u4e00\u4e2a\u6500\u5ca9\u8005\u7f51\u7ad9<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u7cfb\u5217\u76ee\u5f55 &#8211; \uff08\u4e00\uff09\u90e8\u7f72\u7bc7 \u2014\u2014 \u4ece\u96f6\u5b89\u88c5\u5230\u8dd1\u8d77\u6765 &#8211; \uff08\u4e8c\uff09\u6838\u5fc3\u6982\u5ff5\u7bc7 \u2190 \u4f60\u5728\u8fd9\u91cc [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[95],"tags":[],"class_list":["post-258","post","type-post","status-publish","format-standard","hentry","category-jishu"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Open Design\u7cfb\u5217\u6559\u7a0b\uff08\u4e8c\uff09\uff1a\u6838\u5fc3\u6982\u5ff5\u7bc7\u2014\u2014\u6a21\u5f0f\u00d7Skill\u00d7Design System\u00d7Agent - \u6500\u5ca9\u8005<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"http:\/\/climbing.top\/index.php\/2026\/05\/22\/open-designxiliejiaochengerhexingainianpianmoshiskilldesign-systemagent\/\" \/>\n<meta property=\"og:locale\" content=\"zh_CN\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Open Design\u7cfb\u5217\u6559\u7a0b\uff08\u4e8c\uff09\uff1a\u6838\u5fc3\u6982\u5ff5\u7bc7\u2014\u2014\u6a21\u5f0f\u00d7Skill\u00d7Design System\u00d7Agent - \u6500\u5ca9\u8005\" \/>\n<meta property=\"og:description\" content=\"\u7cfb\u5217\u76ee\u5f55 &#8211; \uff08\u4e00\uff09\u90e8\u7f72\u7bc7 \u2014\u2014 \u4ece\u96f6\u5b89\u88c5\u5230\u8dd1\u8d77\u6765 &#8211; \uff08\u4e8c\uff09\u6838\u5fc3\u6982\u5ff5\u7bc7 \u2190 \u4f60\u5728\u8fd9\u91cc [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"http:\/\/climbing.top\/index.php\/2026\/05\/22\/open-designxiliejiaochengerhexingainianpianmoshiskilldesign-systemagent\/\" \/>\n<meta property=\"og:site_name\" content=\"\u6500\u5ca9\u8005\" \/>\n<meta property=\"article:published_time\" content=\"2026-05-22T00:45:00+00:00\" \/>\n<meta name=\"author\" content=\"climbing\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u4f5c\u8005\" \/>\n\t<meta name=\"twitter:data1\" content=\"climbing\" \/>\n\t<meta name=\"twitter:label2\" content=\"\u9884\u8ba1\u9605\u8bfb\u65f6\u95f4\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 \u5206\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"http:\\\/\\\/climbing.top\\\/index.php\\\/2026\\\/05\\\/22\\\/open-designxiliejiaochengerhexingainianpianmoshiskilldesign-systemagent\\\/#article\",\"isPartOf\":{\"@id\":\"http:\\\/\\\/climbing.top\\\/index.php\\\/2026\\\/05\\\/22\\\/open-designxiliejiaochengerhexingainianpianmoshiskilldesign-systemagent\\\/\"},\"author\":{\"name\":\"climbing\",\"@id\":\"https:\\\/\\\/climbing.top\\\/#\\\/schema\\\/person\\\/d0a903ba840c6b5b4efed8cf469bdfc6\"},\"headline\":\"Open Design\u7cfb\u5217\u6559\u7a0b\uff08\u4e8c\uff09\uff1a\u6838\u5fc3\u6982\u5ff5\u7bc7\u2014\u2014\u6a21\u5f0f\u00d7Skill\u00d7Design System\u00d7Agent\",\"datePublished\":\"2026-05-22T00:45:00+00:00\",\"mainEntityOfPage\":{\"@id\":\"http:\\\/\\\/climbing.top\\\/index.php\\\/2026\\\/05\\\/22\\\/open-designxiliejiaochengerhexingainianpianmoshiskilldesign-systemagent\\\/\"},\"wordCount\":295,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/climbing.top\\\/#\\\/schema\\\/person\\\/d0a903ba840c6b5b4efed8cf469bdfc6\"},\"articleSection\":[\"\u6280\u672f\"],\"inLanguage\":\"zh-Hans\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"http:\\\/\\\/climbing.top\\\/index.php\\\/2026\\\/05\\\/22\\\/open-designxiliejiaochengerhexingainianpianmoshiskilldesign-systemagent\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"http:\\\/\\\/climbing.top\\\/index.php\\\/2026\\\/05\\\/22\\\/open-designxiliejiaochengerhexingainianpianmoshiskilldesign-systemagent\\\/\",\"url\":\"http:\\\/\\\/climbing.top\\\/index.php\\\/2026\\\/05\\\/22\\\/open-designxiliejiaochengerhexingainianpianmoshiskilldesign-systemagent\\\/\",\"name\":\"Open Design\u7cfb\u5217\u6559\u7a0b\uff08\u4e8c\uff09\uff1a\u6838\u5fc3\u6982\u5ff5\u7bc7\u2014\u2014\u6a21\u5f0f\u00d7Skill\u00d7Design System\u00d7Agent - \u6500\u5ca9\u8005\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/climbing.top\\\/#website\"},\"datePublished\":\"2026-05-22T00:45:00+00:00\",\"breadcrumb\":{\"@id\":\"http:\\\/\\\/climbing.top\\\/index.php\\\/2026\\\/05\\\/22\\\/open-designxiliejiaochengerhexingainianpianmoshiskilldesign-systemagent\\\/#breadcrumb\"},\"inLanguage\":\"zh-Hans\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"http:\\\/\\\/climbing.top\\\/index.php\\\/2026\\\/05\\\/22\\\/open-designxiliejiaochengerhexingainianpianmoshiskilldesign-systemagent\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"http:\\\/\\\/climbing.top\\\/index.php\\\/2026\\\/05\\\/22\\\/open-designxiliejiaochengerhexingainianpianmoshiskilldesign-systemagent\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"\u9996\u9875\",\"item\":\"https:\\\/\\\/climbing.top\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Open Design\u7cfb\u5217\u6559\u7a0b\uff08\u4e8c\uff09\uff1a\u6838\u5fc3\u6982\u5ff5\u7bc7\u2014\u2014\u6a21\u5f0f\u00d7Skill\u00d7Design System\u00d7Agent\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/climbing.top\\\/#website\",\"url\":\"https:\\\/\\\/climbing.top\\\/\",\"name\":\"\u6500\u5ca9\u8005\",\"description\":\"Just a climbing site\",\"publisher\":{\"@id\":\"https:\\\/\\\/climbing.top\\\/#\\\/schema\\\/person\\\/d0a903ba840c6b5b4efed8cf469bdfc6\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/climbing.top\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"zh-Hans\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\\\/\\\/climbing.top\\\/#\\\/schema\\\/person\\\/d0a903ba840c6b5b4efed8cf469bdfc6\",\"name\":\"climbing\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"zh-Hans\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/1ebe96219e8a39358eb7ac4609521cc139b46bdb29387ac24634ce777483c04e?s=96&d=wp_user_avatar&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/1ebe96219e8a39358eb7ac4609521cc139b46bdb29387ac24634ce777483c04e?s=96&d=wp_user_avatar&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/1ebe96219e8a39358eb7ac4609521cc139b46bdb29387ac24634ce777483c04e?s=96&d=wp_user_avatar&r=g\",\"caption\":\"climbing\"},\"logo\":{\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/1ebe96219e8a39358eb7ac4609521cc139b46bdb29387ac24634ce777483c04e?s=96&d=wp_user_avatar&r=g\"},\"sameAs\":[\"http:\\\/\\\/49.232.220.234\\\/wordpress\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Open Design\u7cfb\u5217\u6559\u7a0b\uff08\u4e8c\uff09\uff1a\u6838\u5fc3\u6982\u5ff5\u7bc7\u2014\u2014\u6a21\u5f0f\u00d7Skill\u00d7Design System\u00d7Agent - \u6500\u5ca9\u8005","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"http:\/\/climbing.top\/index.php\/2026\/05\/22\/open-designxiliejiaochengerhexingainianpianmoshiskilldesign-systemagent\/","og_locale":"zh_CN","og_type":"article","og_title":"Open Design\u7cfb\u5217\u6559\u7a0b\uff08\u4e8c\uff09\uff1a\u6838\u5fc3\u6982\u5ff5\u7bc7\u2014\u2014\u6a21\u5f0f\u00d7Skill\u00d7Design System\u00d7Agent - \u6500\u5ca9\u8005","og_description":"\u7cfb\u5217\u76ee\u5f55 &#8211; \uff08\u4e00\uff09\u90e8\u7f72\u7bc7 \u2014\u2014 \u4ece\u96f6\u5b89\u88c5\u5230\u8dd1\u8d77\u6765 &#8211; \uff08\u4e8c\uff09\u6838\u5fc3\u6982\u5ff5\u7bc7 \u2190 \u4f60\u5728\u8fd9\u91cc [&hellip;]","og_url":"http:\/\/climbing.top\/index.php\/2026\/05\/22\/open-designxiliejiaochengerhexingainianpianmoshiskilldesign-systemagent\/","og_site_name":"\u6500\u5ca9\u8005","article_published_time":"2026-05-22T00:45:00+00:00","author":"climbing","twitter_card":"summary_large_image","twitter_misc":{"\u4f5c\u8005":"climbing","\u9884\u8ba1\u9605\u8bfb\u65f6\u95f4":"2 \u5206"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"http:\/\/climbing.top\/index.php\/2026\/05\/22\/open-designxiliejiaochengerhexingainianpianmoshiskilldesign-systemagent\/#article","isPartOf":{"@id":"http:\/\/climbing.top\/index.php\/2026\/05\/22\/open-designxiliejiaochengerhexingainianpianmoshiskilldesign-systemagent\/"},"author":{"name":"climbing","@id":"https:\/\/climbing.top\/#\/schema\/person\/d0a903ba840c6b5b4efed8cf469bdfc6"},"headline":"Open Design\u7cfb\u5217\u6559\u7a0b\uff08\u4e8c\uff09\uff1a\u6838\u5fc3\u6982\u5ff5\u7bc7\u2014\u2014\u6a21\u5f0f\u00d7Skill\u00d7Design System\u00d7Agent","datePublished":"2026-05-22T00:45:00+00:00","mainEntityOfPage":{"@id":"http:\/\/climbing.top\/index.php\/2026\/05\/22\/open-designxiliejiaochengerhexingainianpianmoshiskilldesign-systemagent\/"},"wordCount":295,"commentCount":0,"publisher":{"@id":"https:\/\/climbing.top\/#\/schema\/person\/d0a903ba840c6b5b4efed8cf469bdfc6"},"articleSection":["\u6280\u672f"],"inLanguage":"zh-Hans","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["http:\/\/climbing.top\/index.php\/2026\/05\/22\/open-designxiliejiaochengerhexingainianpianmoshiskilldesign-systemagent\/#respond"]}]},{"@type":"WebPage","@id":"http:\/\/climbing.top\/index.php\/2026\/05\/22\/open-designxiliejiaochengerhexingainianpianmoshiskilldesign-systemagent\/","url":"http:\/\/climbing.top\/index.php\/2026\/05\/22\/open-designxiliejiaochengerhexingainianpianmoshiskilldesign-systemagent\/","name":"Open Design\u7cfb\u5217\u6559\u7a0b\uff08\u4e8c\uff09\uff1a\u6838\u5fc3\u6982\u5ff5\u7bc7\u2014\u2014\u6a21\u5f0f\u00d7Skill\u00d7Design System\u00d7Agent - \u6500\u5ca9\u8005","isPartOf":{"@id":"https:\/\/climbing.top\/#website"},"datePublished":"2026-05-22T00:45:00+00:00","breadcrumb":{"@id":"http:\/\/climbing.top\/index.php\/2026\/05\/22\/open-designxiliejiaochengerhexingainianpianmoshiskilldesign-systemagent\/#breadcrumb"},"inLanguage":"zh-Hans","potentialAction":[{"@type":"ReadAction","target":["http:\/\/climbing.top\/index.php\/2026\/05\/22\/open-designxiliejiaochengerhexingainianpianmoshiskilldesign-systemagent\/"]}]},{"@type":"BreadcrumbList","@id":"http:\/\/climbing.top\/index.php\/2026\/05\/22\/open-designxiliejiaochengerhexingainianpianmoshiskilldesign-systemagent\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"\u9996\u9875","item":"https:\/\/climbing.top\/"},{"@type":"ListItem","position":2,"name":"Open Design\u7cfb\u5217\u6559\u7a0b\uff08\u4e8c\uff09\uff1a\u6838\u5fc3\u6982\u5ff5\u7bc7\u2014\u2014\u6a21\u5f0f\u00d7Skill\u00d7Design System\u00d7Agent"}]},{"@type":"WebSite","@id":"https:\/\/climbing.top\/#website","url":"https:\/\/climbing.top\/","name":"\u6500\u5ca9\u8005","description":"Just a climbing site","publisher":{"@id":"https:\/\/climbing.top\/#\/schema\/person\/d0a903ba840c6b5b4efed8cf469bdfc6"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/climbing.top\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"zh-Hans"},{"@type":["Person","Organization"],"@id":"https:\/\/climbing.top\/#\/schema\/person\/d0a903ba840c6b5b4efed8cf469bdfc6","name":"climbing","image":{"@type":"ImageObject","inLanguage":"zh-Hans","@id":"https:\/\/secure.gravatar.com\/avatar\/1ebe96219e8a39358eb7ac4609521cc139b46bdb29387ac24634ce777483c04e?s=96&d=wp_user_avatar&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/1ebe96219e8a39358eb7ac4609521cc139b46bdb29387ac24634ce777483c04e?s=96&d=wp_user_avatar&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/1ebe96219e8a39358eb7ac4609521cc139b46bdb29387ac24634ce777483c04e?s=96&d=wp_user_avatar&r=g","caption":"climbing"},"logo":{"@id":"https:\/\/secure.gravatar.com\/avatar\/1ebe96219e8a39358eb7ac4609521cc139b46bdb29387ac24634ce777483c04e?s=96&d=wp_user_avatar&r=g"},"sameAs":["http:\/\/49.232.220.234\/wordpress"]}]}},"_links":{"self":[{"href":"https:\/\/climbing.top\/index.php\/wp-json\/wp\/v2\/posts\/258","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/climbing.top\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/climbing.top\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/climbing.top\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/climbing.top\/index.php\/wp-json\/wp\/v2\/comments?post=258"}],"version-history":[{"count":0,"href":"https:\/\/climbing.top\/index.php\/wp-json\/wp\/v2\/posts\/258\/revisions"}],"wp:attachment":[{"href":"https:\/\/climbing.top\/index.php\/wp-json\/wp\/v2\/media?parent=258"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/climbing.top\/index.php\/wp-json\/wp\/v2\/categories?post=258"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/climbing.top\/index.php\/wp-json\/wp\/v2\/tags?post=258"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}