canvas-design
npx skills add https://github.com/marcelleon/skills-zh --skill canvas-design
Agent 安装分布
Skill 文档
è¿äºæ¯å建设计å²å¦çè¯´æ – ç¶åéè¿è§è§è¡¨è¾¾çç¾å¦è¿å¨ãä» è¾åº .md æä»¶ã.pdf æä»¶å .png æä»¶ã
å两æ¥å®æï¼
- 设计å²å¦å建ï¼.md æä»¶ï¼
- éè¿å¨ç»å¸ä¸åå»ºå®æ¥è¡¨è¾¾ï¼.pdf æä»¶æ .png æä»¶ï¼
é¦å ï¼æ¿æ æ¤ä»»å¡ï¼
设计å²å¦å建
é¦å ï¼å建ä¸ä¸ªè§è§å²å¦ï¼ä¸æ¯å¸å±ææ¨¡æ¿ï¼ï¼å®å°éè¿ä»¥ä¸æ¹å¼è§£éï¼
- å½¢å¼ã空é´ãé¢è²ãæå¾
- å¾åãå¾å½¢ãå½¢ç¶ã徿¡
- ä½ä¸ºè§è§å¼ºè°çæå°ææ¬
å ³é®çè§£
- æ¶å°çå 容ï¼ç¨æ·çä¸äºå¾®å¦è¾å ¥ææç¤ºï¼åºäºä»¥èèï¼ä½ç¨ä½åºç¡ï¼å®ä¸åºéå¶åä½èªç±ã
- å建çå 容ï¼è®¾è®¡å²å¦/ç¾å¦è¿å¨ã
- æ¥ä¸æ¥åççäºæ ï¼ç¶åï¼åä¸çæ¬æ¥æ¶å²å¦å¹¶ä»¥è§è§æ¹å¼è¡¨è¾¾å® – å建 90% è§è§è®¾è®¡ã10% åºæ¬ææ¬ç artifactsã
èèè¿ç§æ¹æ³ï¼
- ä¸ºèºæ¯è¿å¨åä¸ä»½å®£è¨
- ä¸ä¸é¶æ®µæ¶åå¶ä½èºæ¯ä½å
å²å¦å¿ 须强è°ï¼è§è§è¡¨è¾¾ãç©ºé´æ²éãèºæ¯è¯ éãæå°çæåã
å¦ä½çæè§è§å²å¦
å½åè¿å¨ï¼1-2个è¯ï¼ï¼”éè®ä¸»ä¹æ¬¢ä¹” / “è²å½©æ²é»” / “æ°é代谢梦泔
éæå²å¦ï¼4-6段 – ç®æ´ä½å®æ´ï¼ï¼
è¦ææè§è§æ¬è´¨ï¼è¡¨è¾¾å²å¦å¦ä½éè¿ä»¥ä¸æ¹å¼ä½ç°ï¼
- 空é´åå½¢å¼
- é¢è²åææ
- æ¯ä¾åèå¥
- æå¾å平衡
- è§è§å±æ¬¡
å ³é®æåï¼
- é¿å åä½ï¼æ¯ä¸ªè®¾è®¡æ¹é¢åºè¯¥åªæå䏿¬¡ãé¿å éå¤å ³äºè²å½©ç论ã空é´å ³ç³»ææçååçè§ç¹ï¼é¤éå¢å æ°ç深度ã
- åå¤å¼ºè°å·¥èºï¼å²å¦å¿ 须夿¬¡å¼ºè°æç»ä½ååºè¯¥çèµ·æ¥å¥½åè±äºæ æ°å°æ¶åä½ï¼ç»è¿ç²¾å¿æç£¨ï¼æ¥èªè¯¥é¢åçé¡¶å°äººå£«ãè¿ç§æ¡æ¶è³å ³éè¦ – éå¤ä½¿ç¨è¯¸å¦”ç²¾å¿å¶ä½”ã”æ·±åä¸ä¸ç¥è¯ç产穔ã”ç è´¹è¦å¿çå ³æ³¨”ã”大å¸çº§æ§è¡”ççè¯ã
- çåºåä½ç©ºé´ï¼å¯¹ç¾å¦æ¹åä¿æå ·ä½ï¼ä½è¶³å¤ç®æ´ï¼ä»¥ä¾¿ä¸ä¸ä¸ª Claude ä¹æç©ºé´ååºæé«å·¥èºæ°´å¹³çè§£éæ§éæ©ã
å²å¦å¿ é¡»å¼å¯¼ä¸ä¸ä¸ªçæ¬ä»¥è§è§æ¹å¼è¡¨è¾¾æ³æ³ï¼è䏿¯éè¿ææ¬ãä¿¡æ¯åå¨äºè®¾è®¡ä¸ï¼è䏿¯æ®µè½ä¸ã
å²å¦ç¤ºä¾
“æ··ååè¯æ” å²å¦ï¼éè¿çºªå¿µæ§å½¢å¼å大èå ä½è¿è¡äº¤æµã è§è§è¡¨è¾¾ï¼å·¨å¤§çè²åãéå¡è¬çæçï¼å·¨å¤§çå个åè¯ãå¾®å°çæ ç¾ï¼ãéè®ä¸»ä¹ç空é´ååãæ³¢å °æµ·æ¥è½ééä¸å·æ¯å¸è¥¿è¶ãéè¿è§è§ééå空é´å¼ åè¡¨è¾¾æ³æ³ï¼è䏿¯è§£éãææ¬ä½ä¸ºç½è§çã强大çå§¿æ – ä»ä¸æ¯æ®µè½ï¼åªæéæå°è§è§æ¶æä¸çåºæ¬è¯æ±ãæ¯ä¸ªå ç´ é½ä»¥å¤§å¸å·¥å ç精确度æ¾ç½®ã
“è²å½©è¯è¨” å²å¦ï¼é¢è²ä½ä¸ºä¸»è¦ä¿¡æ¯ç³»ç»ã è§è§è¡¨è¾¾ï¼è²å½©åºååé æä¹çå ä½ç²¾åº¦ãæçæå° – å°çæ 衬线æ ç¾è®©è²å½©åºè¿è¡äº¤æµãæ³æ³çº¦ç夫·é¿å°ä¼¯æ¯çäºå¨ä¸æ°æ®å¯è§åçç»åãä¿¡æ¯å¨ç©ºé´åè²å½©ä¸ç¼ç ãæååªæ¯éå®é¢è²å·²ç»æ¾ç¤ºçå 容ãç è´¹è¦å¿çè²å½©æ ¡åçç»æã
“模æå¥æ³” å²å¦ï¼éè¿è´¨æåå¼å¸ç©ºé´è¿è¡å®éçè§è§æ²æã è§è§è¡¨è¾¾ï¼çº¸å¼ 纹çã墨水æ¸éã巨大çè´ç©ºé´ãæå½±åæå¾å 主导å°ä½ãæçä½è¯ï¼å°ãå å¶ãæå¡äºè§è§ï¼ãæ¥æ¬æå½±éç¾å¦ãå¾åå¨é¡µé¢ä¸å¼å¸ãææ¬é¶æåºç° – çè¯ï¼ä»ä¸æ¯è§£éæ§åãæ¯ä¸ªæå¾é½ä»¥å¥æ³ç»ä¹ çå ³ææ¥å¹³è¡¡ã
“ææºç³»ç»” å²å¦ï¼èªç¶èç±»åæ¨¡ååå¢é¿æ¨¡å¼ã è§è§è¡¨è¾¾ï¼å润çå½¢å¼ãææºçæåãéè¿å»ºçä»èªç¶ä¸è·åçé¢è²ãéè¿è§è§å¾è¡¨ã空é´å ³ç³»ã徿 æ¾ç¤ºä¿¡æ¯ãææ¬ä» ç¨äºå¨ç©ºé´ä¸æµ®å¨çå ³é®æ ç¾ãæå¾éè¿ä¸å®¶çº§ç©ºé´ç¼æè®²è¿°æ äºã
“å 使²é»” å²å¦ï¼çº¯ç²¹çç§©åºåå å¶ã è§è§è¡¨è¾¾ï¼åºäºç½æ ¼ç精确度ã大èçæå½±æé²æçå¾å½¢ãæå§æ§çè´ç©ºé´ãæçç²¾ç¡®ä½æå° – å°çåºæ¬ææ¬ã大çå®éåºåãç士形å¼ä¸»ä¹ä¸éè®ä¸»ä¹ææè¯å®çç»åãç»æäº¤æµï¼è䏿¯æåãæ¯ä¸ªå¯¹é½é½æ¯æ æ°æ¬¡refinementsçå·¥ä½ã
è¿äºæ¯æµç¼©ç示ä¾ãå®é ç设计å²å¦åºè¯¥æ¯ 4-6 个å®è´¨æ§æ®µè½ã
åºæ¬åå
- è§è§å²å¦ï¼å建éè¿è®¾è®¡è¡¨è¾¾çç¾å¦ä¸çè§
- æå°ææ¬ï¼å§ç»å¼ºè°ææ¬æ¯ç¨ççãä» å¿ éçãä½ä¸ºè§è§å ç´ éæ – ä»ä¸åé¿
- 空é´è¡¨è¾¾ï¼æ³æ³éè¿ç©ºé´ãå½¢å¼ãé¢è²ãæå¾æ¥äº¤æµ – è䏿¯æ®µè½
- èºæ¯èªç±ï¼ä¸ä¸ä¸ª Claude 以è§è§æ¹å¼è§£éå²å¦ – æä¾åä½ç©ºé´
- 纯粹设计ï¼è¿æ¯å ³äºå¶ä½èºæ¯å¯¹è±¡ï¼è䏿¯å¸¦æè£ é¥°çææ¡£
- ä¸å®¶å·¥èºï¼åå¤å¼ºè°æç»ä½åå¿ é¡»çèµ·æ¥ç²¾å¿å¶ä½ï¼ç»è¿ç²¾å¿æç£¨ï¼æ¯è¯¥é¢åé¡¶å°äººå£«æ æ°å°æ¶ç产ç©
设计å²å¦åºè¯¥æ¯ 4-6 段é¿ã ç¨å°æ ¸å¿æ¿æ¯æ±éå¨ä¸èµ·çè¯æè®¾è®¡å²å¦å¡«å å®ãé¿å éå¤ç¸åçè§ç¹ãä¿æè®¾è®¡å²å¦çéç¨æ§ï¼ä¸æåèºæ¯çæå¾ï¼å¥½åå®å¯ä»¥å¨ä»»ä½å°æ¹ä½¿ç¨ãå°è®¾è®¡å²å¦è¾åºä¸º .md æä»¶ã
æ¨æå¾®å¦çåè
å ³é®æ¥éª¤ï¼å¨å建ç»å¸ä¹åï¼ä»åå§è¯·æ±ä¸è¯å«å¾®å¦çæ¦å¿µçº¿ç´¢ã
åºæ¬ååï¼ ä¸»é¢æ¯åµå ¥èºæ¯æ¬èº«çå¾®å¦ãå°ä¼åè – 䏿»æ¯åé¢çï¼æ»æ¯å¤æçãçæè¯¥ä¸»é¢ç人åºè¯¥ç´è§å°æåå°å®ï¼èå ¶ä»äººåªæ¯ä½éªå°å¤§å¸çº§çæ½è±¡æå¾ã设计å²å¦æä¾ç¾å¦è¯è¨ãæ¨æç䏻颿ä¾çµé – ä¸å¯è§å°ç¼ç»å°å½¢å¼ãé¢è²åæå¾ä¸çå®éæ¦å¿µ DNAã
è¿é常éè¦ï¼åèå¿ é¡»ç²¾ç¼ï¼ä»¥ä¾¿å®å¨ä¸å®£å¸èªå·±çæ åµä¸å¢å¼ºä½åçæ·±åº¦ãåçµå£«é³ä¹å®¶å¼ç¨å¦ä¸é¦æä¸æ ·æè – åªæç¥éçäººä¼æä½å®ï¼ä½æ¯ä¸ªäººé½æ¬£èµé³ä¹ã
ç»å¸å建
æäºå²å¦åæ¦å¿µæ¡æ¶ï¼å¨ç»å¸ä¸è¡¨è¾¾å®ãè±ç¹æ¶é´æ¶éææ³å¹¶æ¸ ç©ºå¤´èã使ç¨å建ç设计å²å¦åä¸é¢ç说æï¼ä»¥ä¸å®¶çå·¥èºä½ç°å²å¦çæææ¹é¢ï¼æé æ°ä½ã
éè¦ï¼å¯¹äºä»»ä½ç±»åçå 容ï¼å³ä½¿ç¨æ·è¯·æ±çµå½±/游æ/书ç±çå å®¹ï¼æ¹æ³ä»åºå¤æãæ°¸è¿ä¸è¦å¿è®°è¿åºè¯¥æ¯èºæ¯ï¼è䏿¯å¡éæä¸ä½çä¸è¥¿ã
è¦å建åç©é¦ææå¿è´¨éçä½åï¼è¯·ä½¿ç¨è®¾è®¡å²å¦ä½ä¸ºåºç¡ãå建ä¸ä¸ªå页ãé«åº¦è§è§åãè®¾è®¡åæ²¿ç PDF æ PNG è¾åºï¼é¤éè¦æ±æ´å¤é¡µé¢ï¼ãé常使ç¨éå¤å¾æ¡åå®ç¾å½¢ç¶ãå°æ½è±¡å²å¦è®¾è®¡è§ä¸ºç§å¦å£ç»ï¼åç¨ç³»ç»è§å¯çè§è§è¯è¨ââæ è®°çå¯é积累ãéå¤å ç´ æåå±å¾æ¡ï¼éè¿èå¿éå¤å»ºç«æä¹å¹¶å¥å±æç»è§çãæ·»å ç¨ççä¸´åºæçåç³»ç»åèæ è®°ï¼æç¤ºè¿å¯è½æ¯æ¥èªæ³è±¡å¦ç§çå¾è¡¨ï¼ä»¥é常ä¿çç¨äºè®°å½å¯è§å¯ç°è±¡çç¸åå´æ¬æ¥å¯¹å¾ ä¸å¯è§ç主é¢ãç¨ç®åççè¯æç»èå¾®å¦å°å®ä½ä½åï¼ä½¿ç¨æè§ææåè¿è´¯çæéè°è²æ¿ãæ¥æ±ä½¿ç¨åæè§è§è¯è¨è¡¨è¾¾å ³äºäººç±»ä½éªçæ³æ³çæè®ºï¼ç»æåºè¯¥æè§åä¸ä¸ªè¯ææäºçæçä¸è¥¿å¯ä»¥éè¿ä»ç»å ³æ³¨æ¥ç ç©¶ãæ å°åçè§£ç artifactãè¿ææ¯çæ£çèºæ¯ã
ææ¬ä½ä¸ºä¸ä¸æå
ç´ ï¼ææ¬å§ç»æ¯æå°çåè§è§ä¼å
çï¼ä½è®©ä¸ä¸ææå¯¼è¿æ¯å¦æå³çä½è¯å®éçæ ç¾æå¤§èçæçå§¿æãæå
åºå°æµ·æ¥å¯è½æ¯æç®ä¸»ä¹é¶ç·å·¥ä½å®¤èº«ä»½ææ´å¤§ãæ´æ¿è¿çåä½ã大夿°æ¶åï¼åä½åºè¯¥å¾ç»ãææåä½ç使ç¨å¿
须以设计为å
导并ä¼å
èèè§è§äº¤æµãæ è®ºææ¬æ¯ä¾å¦ä½ï¼é½ä¸ä¼ä»é¡µé¢ä¸æä¸æ¥ï¼ä¹ä¸ä¼éå ãæ¯ä¸ªå
ç´ é½å¿
é¡»å
å«å¨ç»å¸è¾¹çå
ï¼å¹¶çæéå½çè¾¹è·ãä»ç»æ£æ¥ææææ¬ãå¾å½¢åè§è§å
ç´ é½æå¼å¸ç©ºé´åæ¸
æ°çå离ãè¿å¯¹äºä¸ä¸æ§è¡æ¯ä¸å¯è°å¤çãéè¦ï¼å¦æåææ¬ï¼è¯·ä½¿ç¨ä¸åçåä½ãæç´¢ ./canvas-fonts ç®å½ãæ 论éç¨ä½ç§æ¹æ³ï¼å¤ææ§é½æ¯ä¸å¯è°å¤çã
ä¸è½½å¹¶ä½¿ç¨ä»»ä½éè¦çå使¥å®ç°è¿ä¸ç¹ãéè¿ä½¿æçå®é ä¸æä¸ºèºæ¯æ¬èº«çä¸é¨åæ¥åæ¥åæ – å¦æèºæ¯æ¯æ½è±¡çï¼å°åä½å¸¦å°ç»å¸ä¸ï¼è䏿¯æ°åæçã
è¦çªç ´çéï¼å¨ä½¿ç¨å²å¦ä½ä¸ºæå¯¼ååçåæ¶éµå¾ªè®¾è®¡æ¬è½/ç´è§ãæ¥æ±ç»æè®¾è®¡èªç±åéæ©ãå°ç¾å¦å设计æ¨ååæ²¿ã
å ³é®ï¼è¦è¾¾å°äººå·¥å¶ä½çè´¨éï¼è䏿¯ AI çæçï¼ï¼å建çèµ·æ¥å¥½åè±äºæ æ°å°æ¶çä½åã让å®çèµ·æ¥å¥½å该é¢åçé¡¶å°äººå£«ç è´¹è¦å¿å°æç£¨æ¯ä¸ªç»èãç¡®ä¿æå¾ãé´è·ãé¢è²éæ©ãæç – ä¸åé½å°å«ä¸å®¶çº§å·¥èºãä»ç»æ£æ¥æ²¡æéå ï¼æ ¼å¼å®ç¾æ çï¼æ¯ä¸ªç»èå®ç¾ãåé å¯ä»¥å人们å±ç¤ºä»¥è¯æä¸ä¸ç¥è¯å¹¶è¢«è¯ä¸ºæ å¯å¦è®¤ä»¤äººå°è±¡æ·±å»çä¸è¥¿ã
å°æç»ç»æè¾åºä¸ºå个å¯ä¸è½½ç .pdf æ .png æä»¶ï¼ä»¥åç¨ä½ .md æä»¶ç设计å²å¦ã
æå䏿¥
éè¦ï¼ç¨æ·å·²ç»è¯´è¿”å®è¿ä¸å¤å®ç¾ãå®å¿ é¡»æ¯åå§çãå·¥èºçæ°ä½ï¼å¥½åå³å°å¨åç©é¦å±åºã”
å ³é®ï¼è¦å®åä½åï¼é¿å æ·»å æ´å¤å¾å½¢ï¼ç¸åï¼å®åå·²ç»å建çå å®¹å¹¶ä½¿å ¶æå ¶æ¸ æ°ï¼å®å ¨å°é设计å²å¦åæç®ä¸»ä¹ååãä¸å ¶æ·»å æè¶£çè¿æ»¤å¨æéæåä½ï¼ä¸å¦èèå¦ä½ä½¿ç°ææå¾ä¸èºæ¯æ´å èæ´½ã妿æ¬è½æ¯è°ç¨æ°å½æ°æç»å¶æ°å½¢ç¶ï¼è¯·åæ¢ï¼èæ¯é®ï¼”å¦ä½ä½¿è¿éå·²ç»åå¨çä¸è¥¿æ´åèºæ¯åï¼”
è¿è¡ç¬¬äºéãåå°ä»£ç å¹¶è¿ä¸æ¥å®å/æç£¨ï¼ä½¿å ¶æä¸ºå²å¦è®¾è®¡çæ°ä½ã
å¤é¡µé项
å¨è¯·æ±æ¶åå»ºå ¶ä»é¡µé¢ï¼æ²¿çä¸è®¾è®¡å²å¦ç¸åç路线å建æ´å¤åæé¡µé¢ï¼ä½ä¹æææ¾ä¸åãå°è¿äºé¡µé¢æç»å¨åä¸ä¸ª .pdf æè®¸å¤ .pngs ä¸ãå°ç¬¬ä¸é¡µè§ä¸ºçå¾ å¡«å çæ´ä¸ªå塿¡ä¹¦ä¸çä¸ä¸ªå页ã使ä¸ä¸é¡µæä¸ºåå§çç¬ç¹æ²æååå¿ã让å®ä»¬ä»¥é常æåä½çæ¹å¼å ä¹è®²è¿°ä¸ä¸ªæ äºãè¡ä½¿å®å ¨çåä½èªç±ã