@design-ai/cli 4.55.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (529) hide show
  1. package/.claude-plugin/plugin.json +164 -0
  2. package/AGENTS.ko.md +126 -0
  3. package/AGENTS.md +182 -0
  4. package/CHANGELOG.md +6883 -0
  5. package/CLAUDE.md +39 -0
  6. package/LICENSE +21 -0
  7. package/README.ko.md +245 -0
  8. package/README.md +277 -0
  9. package/agents/README.md +14 -0
  10. package/agents/a11y-reviewer.md +121 -0
  11. package/agents/component-architect.md +57 -0
  12. package/agents/design-critic.md +46 -0
  13. package/agents/token-extractor.md +63 -0
  14. package/cli/bin/design-ai-mcp.mjs +6 -0
  15. package/cli/bin/design-ai.mjs +40 -0
  16. package/cli/commands/audit.mjs +111 -0
  17. package/cli/commands/check.mjs +226 -0
  18. package/cli/commands/doctor.mjs +141 -0
  19. package/cli/commands/examples.mjs +58 -0
  20. package/cli/commands/help.mjs +271 -0
  21. package/cli/commands/install.mjs +161 -0
  22. package/cli/commands/learn.mjs +1871 -0
  23. package/cli/commands/list.mjs +143 -0
  24. package/cli/commands/mcp.mjs +27 -0
  25. package/cli/commands/pack.mjs +211 -0
  26. package/cli/commands/prompt.mjs +199 -0
  27. package/cli/commands/route.mjs +247 -0
  28. package/cli/commands/search.mjs +60 -0
  29. package/cli/commands/show.mjs +52 -0
  30. package/cli/commands/site.mjs +558 -0
  31. package/cli/commands/status.mjs +161 -0
  32. package/cli/commands/uninstall.mjs +119 -0
  33. package/cli/commands/update.mjs +184 -0
  34. package/cli/commands/version.mjs +94 -0
  35. package/cli/commands/workspace.mjs +176 -0
  36. package/cli/lib/brief.mjs +52 -0
  37. package/cli/lib/check.mjs +642 -0
  38. package/cli/lib/dispatch.mjs +109 -0
  39. package/cli/lib/doctor.mjs +505 -0
  40. package/cli/lib/examples.mjs +258 -0
  41. package/cli/lib/exec.mjs +63 -0
  42. package/cli/lib/help-flags.mjs +5 -0
  43. package/cli/lib/learn.mjs +3694 -0
  44. package/cli/lib/log.mjs +47 -0
  45. package/cli/lib/mcp-server.mjs +426 -0
  46. package/cli/lib/output.mjs +101 -0
  47. package/cli/lib/pack.mjs +599 -0
  48. package/cli/lib/paths.mjs +63 -0
  49. package/cli/lib/prompt.mjs +603 -0
  50. package/cli/lib/route.mjs +740 -0
  51. package/cli/lib/search.mjs +158 -0
  52. package/cli/lib/show.mjs +161 -0
  53. package/cli/lib/signals.mjs +2337 -0
  54. package/cli/lib/site.mjs +6617 -0
  55. package/cli/lib/skill-proposals.mjs +2046 -0
  56. package/cli/lib/suggest.mjs +66 -0
  57. package/cli/lib/workspace.mjs +1056 -0
  58. package/commands/README.md +25 -0
  59. package/commands/component-spec.md +34 -0
  60. package/commands/conversational.md +44 -0
  61. package/commands/design-from-brief.md +141 -0
  62. package/commands/design-review.md +62 -0
  63. package/commands/document-from-brief.md +47 -0
  64. package/commands/extract-tokens.md +38 -0
  65. package/commands/game-ui.md +40 -0
  66. package/commands/illustration.md +37 -0
  67. package/commands/iterate.md +167 -0
  68. package/commands/motion-design.md +54 -0
  69. package/commands/palette-from-brand.md +50 -0
  70. package/commands/print.md +49 -0
  71. package/commands/slide-deck.md +46 -0
  72. package/commands/spatial.md +47 -0
  73. package/commands/stability-review.md +74 -0
  74. package/commands/video.md +42 -0
  75. package/commands/website-improvement.md +77 -0
  76. package/docs/AGENT-DEVELOPMENT.md +658 -0
  77. package/docs/AI-LEARNING.md +429 -0
  78. package/docs/AIDER-INTEGRATION.md +224 -0
  79. package/docs/ARCHITECTURE.ko.md +183 -0
  80. package/docs/ARCHITECTURE.md +105 -0
  81. package/docs/CODEX-INTEGRATION.md +311 -0
  82. package/docs/COMPANY-WEBSITE-DOGFOOD.ko.md +144 -0
  83. package/docs/COMPANY-WEBSITE-DOGFOOD.md +150 -0
  84. package/docs/COMPANY-WEBSITE-INTAKE-TEMPLATE.ko.md +153 -0
  85. package/docs/COMPANY-WEBSITE-INTAKE-TEMPLATE.md +154 -0
  86. package/docs/CONTRIBUTING.ko.md +203 -0
  87. package/docs/CONTRIBUTING.md +242 -0
  88. package/docs/CURSOR-INTEGRATION.md +220 -0
  89. package/docs/DISTRIBUTION.ko.md +248 -0
  90. package/docs/DISTRIBUTION.md +253 -0
  91. package/docs/DOGFOOD-FINDINGS.md +180 -0
  92. package/docs/DOGFOOD-V4-FINDINGS.md +139 -0
  93. package/docs/DOGFOOD-V4-MKDOCS-FINDINGS.md +233 -0
  94. package/docs/DOGFOOD-V4-NPM-FINDINGS.md +157 -0
  95. package/docs/DOGFOOD-V4-VSCODE-FINDINGS.md +135 -0
  96. package/docs/FIGMA-INTEGRATION.md +222 -0
  97. package/docs/MCP-INTEGRATION.md +243 -0
  98. package/docs/MIGRATION-v4.md +121 -0
  99. package/docs/PLUGIN-PACKAGING.md +240 -0
  100. package/docs/PRODUCT-READINESS.md +66 -0
  101. package/docs/QUICKSTART.ko.md +178 -0
  102. package/docs/QUICKSTART.md +179 -0
  103. package/docs/RELEASE-CHECKLIST.md +292 -0
  104. package/docs/ROADMAP.md +19495 -0
  105. package/docs/SESSION-LOG.md +940 -0
  106. package/docs/TOKEN-SYNC.md +237 -0
  107. package/docs/USING.ko.md +206 -0
  108. package/docs/USING.md +218 -0
  109. package/docs/WEBSITE-IMPROVEMENT.ko.md +75 -0
  110. package/docs/WEBSITE-IMPROVEMENT.md +89 -0
  111. package/docs/announcements/README.md +56 -0
  112. package/docs/announcements/dev-to-korea.md +206 -0
  113. package/docs/announcements/hashnode-post.ko.md +232 -0
  114. package/docs/announcements/okky-post.ko.md +158 -0
  115. package/docs/announcements/press-kit.md +101 -0
  116. package/docs/announcements/reddit-r-korea.md +196 -0
  117. package/docs/announcements/show-hn.md +114 -0
  118. package/docs/announcements/twitter-thread.md +255 -0
  119. package/docs/external-status.md +34 -0
  120. package/docs/integrations/aider-walkthrough.ko.md +275 -0
  121. package/docs/integrations/aider-walkthrough.md +274 -0
  122. package/docs/integrations/codex-walkthrough.ko.md +297 -0
  123. package/docs/integrations/codex-walkthrough.md +297 -0
  124. package/docs/integrations/cursor-walkthrough.ko.md +281 -0
  125. package/docs/integrations/cursor-walkthrough.md +284 -0
  126. package/docs/integrations/design-ai-mcp-server.md +169 -0
  127. package/docs/integrations/figma-mcp.md +149 -0
  128. package/docs/integrations/github-mcp.md +178 -0
  129. package/docs/integrations/linear-mcp.md +215 -0
  130. package/docs/integrations/notion-mcp.md +174 -0
  131. package/docs/integrations/sdk-walkthrough.ko.md +375 -0
  132. package/docs/integrations/sdk-walkthrough.md +375 -0
  133. package/docs/integrations/slack-mcp.md +208 -0
  134. package/docs/integrations/vscode-walkthrough.ko.md +202 -0
  135. package/docs/integrations/vscode-walkthrough.md +205 -0
  136. package/docs/requirements.txt +16 -0
  137. package/docs/site-overrides/extra.css +83 -0
  138. package/docs/site-overrides/favicon.svg +4 -0
  139. package/docs/site-overrides/logo.svg +10 -0
  140. package/docs/site-overrides/main.html +18 -0
  141. package/docs/website-console/app.js +2540 -0
  142. package/docs/website-console/index.html +24 -0
  143. package/docs/website-console/styles.css +975 -0
  144. package/examples/README.md +252 -0
  145. package/examples/cases/dogfood-v4-korean-hr-onboarding.md +356 -0
  146. package/examples/component-accordion-actions.md +153 -0
  147. package/examples/component-accordion-details.md +147 -0
  148. package/examples/component-accordion-summary.md +180 -0
  149. package/examples/component-accordion.md +229 -0
  150. package/examples/component-account-card.md +284 -0
  151. package/examples/component-address-input.md +260 -0
  152. package/examples/component-affix.md +190 -0
  153. package/examples/component-alert-dialog.md +210 -0
  154. package/examples/component-alert-title.md +77 -0
  155. package/examples/component-alert.md +192 -0
  156. package/examples/component-amount-input.md +278 -0
  157. package/examples/component-anchor.md +198 -0
  158. package/examples/component-app-bar.md +249 -0
  159. package/examples/component-aspect-ratio.md +156 -0
  160. package/examples/component-auto-complete.md +199 -0
  161. package/examples/component-avatar-group.md +170 -0
  162. package/examples/component-avatar.md +191 -0
  163. package/examples/component-back-top.md +123 -0
  164. package/examples/component-backdrop.md +148 -0
  165. package/examples/component-badge.md +181 -0
  166. package/examples/component-banner.md +237 -0
  167. package/examples/component-biometric-gate.md +281 -0
  168. package/examples/component-blockquote.md +153 -0
  169. package/examples/component-border-beam.md +207 -0
  170. package/examples/component-bottom-navigation.md +226 -0
  171. package/examples/component-box.md +112 -0
  172. package/examples/component-breadcrumb.md +222 -0
  173. package/examples/component-button-base.md +190 -0
  174. package/examples/component-button-group.md +117 -0
  175. package/examples/component-button.md +213 -0
  176. package/examples/component-calendar.md +280 -0
  177. package/examples/component-callout.md +131 -0
  178. package/examples/component-card-actions.md +101 -0
  179. package/examples/component-card-content.md +90 -0
  180. package/examples/component-card-header.md +122 -0
  181. package/examples/component-card-media.md +79 -0
  182. package/examples/component-card.md +233 -0
  183. package/examples/component-carousel.md +266 -0
  184. package/examples/component-cascader.md +135 -0
  185. package/examples/component-category-picker.md +271 -0
  186. package/examples/component-chart.md +237 -0
  187. package/examples/component-chat-interface.md +399 -0
  188. package/examples/component-checkbox.md +149 -0
  189. package/examples/component-click-away-listener.md +87 -0
  190. package/examples/component-code.md +213 -0
  191. package/examples/component-collapsible.md +219 -0
  192. package/examples/component-color-picker.md +110 -0
  193. package/examples/component-combobox.md +267 -0
  194. package/examples/component-command.md +299 -0
  195. package/examples/component-config-provider.md +190 -0
  196. package/examples/component-context-menu.md +179 -0
  197. package/examples/component-css-baseline.md +148 -0
  198. package/examples/component-date-picker.md +249 -0
  199. package/examples/component-descriptions.md +242 -0
  200. package/examples/component-dialog-actions.md +111 -0
  201. package/examples/component-dialog-content-text.md +76 -0
  202. package/examples/component-dialog-content.md +105 -0
  203. package/examples/component-dialog-title.md +104 -0
  204. package/examples/component-dialog.md +176 -0
  205. package/examples/component-divider.md +182 -0
  206. package/examples/component-doc-page.md +217 -0
  207. package/examples/component-drawer.md +257 -0
  208. package/examples/component-dropdown.md +220 -0
  209. package/examples/component-email-layout.md +253 -0
  210. package/examples/component-empty-state.md +269 -0
  211. package/examples/component-empty.md +172 -0
  212. package/examples/component-fade.md +87 -0
  213. package/examples/component-feature-grid.md +201 -0
  214. package/examples/component-field.md +266 -0
  215. package/examples/component-filled-input.md +114 -0
  216. package/examples/component-flex.md +117 -0
  217. package/examples/component-float-button.md +214 -0
  218. package/examples/component-form-control-label.md +134 -0
  219. package/examples/component-form-control.md +113 -0
  220. package/examples/component-form-controls.md +251 -0
  221. package/examples/component-form-group.md +86 -0
  222. package/examples/component-form-helper-text.md +95 -0
  223. package/examples/component-form-label.md +98 -0
  224. package/examples/component-form.md +291 -0
  225. package/examples/component-game-hud.md +362 -0
  226. package/examples/component-game-menu.md +327 -0
  227. package/examples/component-grid.md +140 -0
  228. package/examples/component-grow.md +79 -0
  229. package/examples/component-hero-block.md +252 -0
  230. package/examples/component-hover-card.md +211 -0
  231. package/examples/component-icon-button.md +142 -0
  232. package/examples/component-icon.md +102 -0
  233. package/examples/component-illustration.md +280 -0
  234. package/examples/component-image-list.md +107 -0
  235. package/examples/component-image.md +282 -0
  236. package/examples/component-input-adornment.md +101 -0
  237. package/examples/component-input-base.md +134 -0
  238. package/examples/component-input-number.md +141 -0
  239. package/examples/component-input-otp.md +271 -0
  240. package/examples/component-input.md +213 -0
  241. package/examples/component-item.md +243 -0
  242. package/examples/component-kbd.md +197 -0
  243. package/examples/component-krw-amount.md +219 -0
  244. package/examples/component-label.md +118 -0
  245. package/examples/component-layout.md +217 -0
  246. package/examples/component-link.md +223 -0
  247. package/examples/component-list-item-avatar.md +72 -0
  248. package/examples/component-list-item-button.md +139 -0
  249. package/examples/component-list-item-icon.md +82 -0
  250. package/examples/component-list-item-text.md +98 -0
  251. package/examples/component-list-item.md +116 -0
  252. package/examples/component-list-subheader.md +70 -0
  253. package/examples/component-list.md +198 -0
  254. package/examples/component-loading-button.md +125 -0
  255. package/examples/component-loading-sequence.md +254 -0
  256. package/examples/component-lottie-player.md +279 -0
  257. package/examples/component-masonry.md +191 -0
  258. package/examples/component-mentions.md +189 -0
  259. package/examples/component-menu-item.md +102 -0
  260. package/examples/component-menu-list.md +98 -0
  261. package/examples/component-menu.md +139 -0
  262. package/examples/component-menubar.md +259 -0
  263. package/examples/component-message.md +162 -0
  264. package/examples/component-mobile-stepper.md +155 -0
  265. package/examples/component-modal.md +220 -0
  266. package/examples/component-navigation-menu.md +295 -0
  267. package/examples/component-notification.md +166 -0
  268. package/examples/component-otp-countdown.md +245 -0
  269. package/examples/component-outlined-input.md +145 -0
  270. package/examples/component-page-transition.md +281 -0
  271. package/examples/component-pagination.md +226 -0
  272. package/examples/component-paper.md +199 -0
  273. package/examples/component-pass-auth.md +265 -0
  274. package/examples/component-payment-brand-button.md +253 -0
  275. package/examples/component-payment-method-selector.md +272 -0
  276. package/examples/component-payment-receipt.md +277 -0
  277. package/examples/component-popconfirm.md +144 -0
  278. package/examples/component-popover.md +239 -0
  279. package/examples/component-popper.md +129 -0
  280. package/examples/component-pricing-cards.md +247 -0
  281. package/examples/component-progress.md +195 -0
  282. package/examples/component-qr-code.md +201 -0
  283. package/examples/component-radio.md +167 -0
  284. package/examples/component-rate.md +202 -0
  285. package/examples/component-resizable.md +163 -0
  286. package/examples/component-result.md +270 -0
  287. package/examples/component-scroll-area.md +199 -0
  288. package/examples/component-scroll-reveal.md +320 -0
  289. package/examples/component-segmented.md +178 -0
  290. package/examples/component-select.md +258 -0
  291. package/examples/component-separator.md +177 -0
  292. package/examples/component-sheet.md +277 -0
  293. package/examples/component-sidebar.md +257 -0
  294. package/examples/component-skeleton.md +178 -0
  295. package/examples/component-slide.md +89 -0
  296. package/examples/component-slider.md +208 -0
  297. package/examples/component-snackbar-content.md +92 -0
  298. package/examples/component-snackbar.md +121 -0
  299. package/examples/component-sonner.md +165 -0
  300. package/examples/component-space.md +125 -0
  301. package/examples/component-spatial-locomotion.md +373 -0
  302. package/examples/component-spatial-panel.md +330 -0
  303. package/examples/component-speed-dial-action.md +78 -0
  304. package/examples/component-speed-dial.md +177 -0
  305. package/examples/component-spin.md +173 -0
  306. package/examples/component-spinner.md +204 -0
  307. package/examples/component-splitter.md +210 -0
  308. package/examples/component-stack.md +130 -0
  309. package/examples/component-statistic.md +282 -0
  310. package/examples/component-step-button.md +157 -0
  311. package/examples/component-step-connector.md +157 -0
  312. package/examples/component-step-content.md +121 -0
  313. package/examples/component-step-icon.md +115 -0
  314. package/examples/component-step-label.md +101 -0
  315. package/examples/component-step.md +84 -0
  316. package/examples/component-steps.md +264 -0
  317. package/examples/component-stock-chart.md +251 -0
  318. package/examples/component-swipeable-drawer.md +149 -0
  319. package/examples/component-switch.md +99 -0
  320. package/examples/component-tab-scroll-button.md +180 -0
  321. package/examples/component-tab.md +120 -0
  322. package/examples/component-table-body.md +82 -0
  323. package/examples/component-table-cell.md +118 -0
  324. package/examples/component-table-container.md +75 -0
  325. package/examples/component-table-footer.md +72 -0
  326. package/examples/component-table-head.md +78 -0
  327. package/examples/component-table-pagination.md +137 -0
  328. package/examples/component-table-row.md +113 -0
  329. package/examples/component-table-sort-label.md +109 -0
  330. package/examples/component-table.md +202 -0
  331. package/examples/component-tabs.md +184 -0
  332. package/examples/component-tag-badge.md +309 -0
  333. package/examples/component-tag.md +102 -0
  334. package/examples/component-testimonial-carousel.md +218 -0
  335. package/examples/component-textarea-autosize.md +114 -0
  336. package/examples/component-textarea.md +173 -0
  337. package/examples/component-time-picker.md +205 -0
  338. package/examples/component-timeline.md +170 -0
  339. package/examples/component-toast.md +224 -0
  340. package/examples/component-toggle-button.md +129 -0
  341. package/examples/component-toggle.md +220 -0
  342. package/examples/component-toolbar.md +104 -0
  343. package/examples/component-tooltip.md +178 -0
  344. package/examples/component-tour.md +176 -0
  345. package/examples/component-transaction-list-item.md +243 -0
  346. package/examples/component-transfer.md +156 -0
  347. package/examples/component-tree-select.md +202 -0
  348. package/examples/component-tree.md +297 -0
  349. package/examples/component-typography.md +215 -0
  350. package/examples/component-upload.md +295 -0
  351. package/examples/component-video-hero.md +409 -0
  352. package/examples/component-video-player.md +340 -0
  353. package/examples/component-voice-input.md +408 -0
  354. package/examples/component-watermark.md +217 -0
  355. package/examples/component-zoom.md +92 -0
  356. package/examples/doc-explanation-example.md +196 -0
  357. package/examples/doc-how-to-example.md +205 -0
  358. package/examples/doc-tutorial-example.md +162 -0
  359. package/examples/dogfood-korean-fintech-system.md +433 -0
  360. package/examples/email-transactional-example.md +259 -0
  361. package/examples/palette-saas-violet.md +235 -0
  362. package/examples/print-business-card-spec.md +205 -0
  363. package/examples/print-packaging-spec.md +285 -0
  364. package/examples/report-example.md +228 -0
  365. package/examples/slide-deck-example.md +237 -0
  366. package/examples/website-improvement-report.md +128 -0
  367. package/examples/website-improvement-workspace.json +126 -0
  368. package/install.sh +189 -0
  369. package/knowledge/COVERAGE.md +740 -0
  370. package/knowledge/PRINCIPLES.md +108 -0
  371. package/knowledge/a11y/contrast.md +70 -0
  372. package/knowledge/a11y/keyboard-and-focus.md +108 -0
  373. package/knowledge/colors/color-theory.md +90 -0
  374. package/knowledge/colors/mui-palette-structure.md +105 -0
  375. package/knowledge/colors/palettes-by-product-type.md +876 -0
  376. package/knowledge/components/INDEX.md +231 -0
  377. package/knowledge/components/index.json +1470 -0
  378. package/knowledge/components/shadcn-registry.md +159 -0
  379. package/knowledge/conversational/ai-chat-interfaces.md +323 -0
  380. package/knowledge/conversational/chatbot-design.md +312 -0
  381. package/knowledge/conversational/conversational-ui-fundamentals.md +299 -0
  382. package/knowledge/conversational/korean-voice-conventions.md +281 -0
  383. package/knowledge/conversational/voice-ui-patterns.md +297 -0
  384. package/knowledge/design-tokens/ant-design.md +124 -0
  385. package/knowledge/design-tokens/material-3.md +235 -0
  386. package/knowledge/design-tokens/polaris-and-carbon.md +231 -0
  387. package/knowledge/design-tokens/tailwind-v4.md +284 -0
  388. package/knowledge/game-ui/game-accessibility.md +317 -0
  389. package/knowledge/game-ui/game-ui-fundamentals.md +281 -0
  390. package/knowledge/game-ui/hud-design.md +324 -0
  391. package/knowledge/game-ui/korean-gaming-conventions.md +312 -0
  392. package/knowledge/game-ui/menu-systems.md +388 -0
  393. package/knowledge/i18n/korean-app-store-visual.md +223 -0
  394. package/knowledge/i18n/korean-document-style.md +301 -0
  395. package/knowledge/i18n/korean-payments.md +211 -0
  396. package/knowledge/i18n/korean-product-conventions.md +96 -0
  397. package/knowledge/i18n/korean-publishing.md +139 -0
  398. package/knowledge/i18n/korean-typography.md +123 -0
  399. package/knowledge/icons/curated-sets.md +225 -0
  400. package/knowledge/illustration/hero-illustrations.md +234 -0
  401. package/knowledge/illustration/illustration-systems.md +221 -0
  402. package/knowledge/illustration/mascot-design.md +208 -0
  403. package/knowledge/illustration/spot-illustrations.md +246 -0
  404. package/knowledge/illustration/svg-optimization.md +308 -0
  405. package/knowledge/layout/spacing-and-grid.md +119 -0
  406. package/knowledge/motion/app-loading-sequences.md +277 -0
  407. package/knowledge/motion/choreography-depth.md +297 -0
  408. package/knowledge/motion/marketing-motion.md +223 -0
  409. package/knowledge/motion/micro-interactions.md +266 -0
  410. package/knowledge/motion/motion-tools.md +281 -0
  411. package/knowledge/motion/principles.md +126 -0
  412. package/knowledge/patterns/auth-flow-design.md +316 -0
  413. package/knowledge/patterns/b2b-onboarding-flows.md +182 -0
  414. package/knowledge/patterns/brand-identity.md +238 -0
  415. package/knowledge/patterns/brand-references.md +97 -0
  416. package/knowledge/patterns/chart-color-encoding.md +269 -0
  417. package/knowledge/patterns/chart-types.md +344 -0
  418. package/knowledge/patterns/dashboard-composition.md +299 -0
  419. package/knowledge/patterns/design-system-qa.md +356 -0
  420. package/knowledge/patterns/document-typography.md +248 -0
  421. package/knowledge/patterns/email-design.md +338 -0
  422. package/knowledge/patterns/empty-states.md +263 -0
  423. package/knowledge/patterns/error-states.md +318 -0
  424. package/knowledge/patterns/form-design.md +237 -0
  425. package/knowledge/patterns/information-architecture.md +341 -0
  426. package/knowledge/patterns/landing-hero-design.md +283 -0
  427. package/knowledge/patterns/landing-page-patterns.md +681 -0
  428. package/knowledge/patterns/list-and-feed.md +371 -0
  429. package/knowledge/patterns/mobile-navigation.md +278 -0
  430. package/knowledge/patterns/money-and-amount.md +301 -0
  431. package/knowledge/patterns/onboarding.md +300 -0
  432. package/knowledge/patterns/pricing-page-design.md +261 -0
  433. package/knowledge/patterns/realtime-data.md +280 -0
  434. package/knowledge/patterns/report-design.md +330 -0
  435. package/knowledge/patterns/search-ux.md +373 -0
  436. package/knowledge/patterns/settings-page.md +325 -0
  437. package/knowledge/patterns/slide-deck-design.md +316 -0
  438. package/knowledge/patterns/styles-catalog.md +2599 -0
  439. package/knowledge/patterns/technical-writing.md +306 -0
  440. package/knowledge/patterns/ui-reasoning.md +1853 -0
  441. package/knowledge/patterns/ux-guidelines.md +1454 -0
  442. package/knowledge/platforms/react-native.md +395 -0
  443. package/knowledge/print/brochures-and-flyers.md +276 -0
  444. package/knowledge/print/korean-print-conventions.md +284 -0
  445. package/knowledge/print/packaging.md +321 -0
  446. package/knowledge/print/print-fundamentals.md +238 -0
  447. package/knowledge/print/signage-and-posters.md +235 -0
  448. package/knowledge/print/stationery.md +262 -0
  449. package/knowledge/spatial/ar-patterns.md +253 -0
  450. package/knowledge/spatial/comfort-and-accessibility.md +245 -0
  451. package/knowledge/spatial/spatial-design-fundamentals.md +346 -0
  452. package/knowledge/spatial/spatial-ui-elements.md +343 -0
  453. package/knowledge/spatial/vr-patterns.md +302 -0
  454. package/knowledge/typography/font-pairings.md +332 -0
  455. package/knowledge/typography/mui-type-scale.md +57 -0
  456. package/knowledge/typography/type-scale-fundamentals.md +105 -0
  457. package/knowledge/video/in-product-video.md +277 -0
  458. package/knowledge/video/korean-video-conventions.md +247 -0
  459. package/knowledge/video/marketing-video.md +258 -0
  460. package/knowledge/video/social-and-short-form.md +257 -0
  461. package/knowledge/video/video-fundamentals.md +296 -0
  462. package/package.json +106 -0
  463. package/skills/README.md +39 -0
  464. package/skills/color-palette/PLAYBOOK.md +175 -0
  465. package/skills/color-palette/SKILL.md +6 -0
  466. package/skills/color-palette/TEMPLATE.md +103 -0
  467. package/skills/component-spec-writer/PLAYBOOK.md +169 -0
  468. package/skills/component-spec-writer/SKILL.md +6 -0
  469. package/skills/component-spec-writer/TEMPLATE.md +115 -0
  470. package/skills/conversational-ui-designer/PLAYBOOK.md +231 -0
  471. package/skills/conversational-ui-designer/SKILL.md +6 -0
  472. package/skills/design-broadcast/PLAYBOOK.md +146 -0
  473. package/skills/design-broadcast/SKILL.md +6 -0
  474. package/skills/design-critique/PLAYBOOK.md +137 -0
  475. package/skills/design-critique/SKILL.md +6 -0
  476. package/skills/design-pr-review/PLAYBOOK.md +171 -0
  477. package/skills/design-pr-review/SKILL.md +6 -0
  478. package/skills/design-system-builder/PLAYBOOK.md +218 -0
  479. package/skills/design-system-builder/SKILL.md +6 -0
  480. package/skills/design-system-qa/PLAYBOOK.md +163 -0
  481. package/skills/design-system-qa/SKILL.md +6 -0
  482. package/skills/document-author/PLAYBOOK.md +167 -0
  483. package/skills/document-author/SKILL.md +6 -0
  484. package/skills/figma-token-sync/PLAYBOOK.md +149 -0
  485. package/skills/figma-token-sync/SKILL.md +6 -0
  486. package/skills/game-ui-designer/PLAYBOOK.md +209 -0
  487. package/skills/game-ui-designer/SKILL.md +6 -0
  488. package/skills/handoff-spec/PLAYBOOK.md +170 -0
  489. package/skills/handoff-spec/SKILL.md +6 -0
  490. package/skills/illustration-designer/PLAYBOOK.md +166 -0
  491. package/skills/illustration-designer/SKILL.md +6 -0
  492. package/skills/motion-designer/PLAYBOOK.md +223 -0
  493. package/skills/motion-designer/SKILL.md +6 -0
  494. package/skills/print-designer/PLAYBOOK.md +209 -0
  495. package/skills/print-designer/SKILL.md +6 -0
  496. package/skills/slide-deck-author/PLAYBOOK.md +198 -0
  497. package/skills/slide-deck-author/SKILL.md +6 -0
  498. package/skills/spatial-designer/PLAYBOOK.md +238 -0
  499. package/skills/spatial-designer/SKILL.md +6 -0
  500. package/skills/ux-audit/PLAYBOOK.md +142 -0
  501. package/skills/ux-audit/SKILL.md +6 -0
  502. package/skills/video-designer/PLAYBOOK.md +240 -0
  503. package/skills/video-designer/SKILL.md +6 -0
  504. package/skills/website-improvement/PLAYBOOK.md +118 -0
  505. package/skills/website-improvement/SKILL.md +6 -0
  506. package/skills/website-improvement/TEMPLATE.md +103 -0
  507. package/tools/audit/changelog-generate.py +176 -0
  508. package/tools/audit/check-coverage.py +483 -0
  509. package/tools/audit/doctor_assertions.py +256 -0
  510. package/tools/audit/example-qa.py +108 -0
  511. package/tools/audit/frontmatter-check.py +199 -0
  512. package/tools/audit/integration-check.py +95 -0
  513. package/tools/audit/korean-copy-check.py +161 -0
  514. package/tools/audit/link-check.py +146 -0
  515. package/tools/audit/local-ci.py +558 -0
  516. package/tools/audit/package-contents.py +723 -0
  517. package/tools/audit/package-smoke.py +22443 -0
  518. package/tools/audit/raw-hex-check.py +252 -0
  519. package/tools/audit/registry-smoke.py +8188 -0
  520. package/tools/audit/release-metadata.py +9832 -0
  521. package/tools/audit/run-all.py +351 -0
  522. package/tools/audit/smoke_assertions.py +12742 -0
  523. package/tools/audit/stability-review.py +332 -0
  524. package/tools/audit/stale-check.py +156 -0
  525. package/tools/migrations/add-version-frontmatter.py +132 -0
  526. package/tools/migrations/bump-last-updated.py +131 -0
  527. package/tools/migrations/promote-stability.py +172 -0
  528. package/tools/preview/README.md +58 -0
  529. package/tools/preview/render-tokens.py +454 -0
@@ -0,0 +1,232 @@
1
+ # hashnode 블로그 포스트 초안
2
+
3
+ 대상: hashnode.com (개인 블로그) — `#korea`, `#design`, `#ai`, `#claude`, `#opensource` 태그.
4
+
5
+ ## 제목
6
+
7
+ ```
8
+ AI 코딩 도구를 시니어 프로덕트 디자이너로 — design-ai v4.0 회고
9
+ ```
10
+
11
+ 부제 (subtitle):
12
+ ```
13
+ 한국 시장 컨벤션 내장된 디자인 지식 베이스를 32 단계에 걸쳐 만들고
14
+ v4.0 stable에 도달한 이야기
15
+ ```
16
+
17
+ ## 본문
18
+
19
+ ```markdown
20
+ 지난 몇 개월, 개인 사이드 프로젝트로 시작한 design-ai가 v4.0 stable에
21
+ 도달했어요. v2.0(55개 지식 파일 / 1개 배포 채널)에서 v4.0(91개 / 4개
22
+ 채널 / EN+KO 2개 언어 / 6개 CI 감사)까지 32 단계로 진화한 과정을
23
+ 정리해 봐요.
24
+
25
+ ## TL;DR
26
+
27
+ design-ai는 모든 AI 코딩 에이전트(Claude Code / Codex CLI / Cursor /
28
+ Aider)를 시니어 프로덕트 디자이너처럼 동작하게 만드는 모델 무관
29
+ 지식 베이스예요. 한국 핀테크 / SaaS 컨벤션이 기본 내장돼 있어요.
30
+
31
+ ```bash
32
+ npx @design-ai/cli install
33
+ ```
34
+
35
+ GitHub: https://github.com/sungjin9288/design-ai
36
+ 라이선스: MIT.
37
+
38
+ ## 동기 — 왜 만들었나
39
+
40
+ 기존 디자인 시스템 자료(Material 3, Polaris, Carbon, Ant Design)는
41
+ 훌륭하지만 한국 시장 디테일이 거의 없어요:
42
+
43
+ - Toss / KakaoPay / NaverPay 결제 흐름 차이
44
+ - 본인인증(PASS / NICE / KCB) 통합 패턴
45
+ - Pretendard 폰트 fallback 체인
46
+ - 해요체 vs 합쇼체 챗봇 톤 분기
47
+ - 확률 표시 / GRAC 등급 (게임 UI)
48
+ - 분리배출 표시 / KFDA / KATS 규제 (인쇄)
49
+
50
+ AI 도구로 디자인 작업할 때마다 이걸 다시 알려줘야 했어요. 한 번
51
+ 정리해서 모든 도구가 참조하게 만들면 좋겠다는 생각에서 시작했어요.
52
+
53
+ ## 4 계층 아키텍처
54
+
55
+ ```
56
+ ┌─────────────────────────────────────────────────────────────┐
57
+ │ 에이전트 인터페이스 (AGENTS.md, CLAUDE.md) │
58
+ └────────────────────────────────┬────────────────────────────┘
59
+
60
+ ┌────────────────────────────────▼────────────────────────────┐
61
+ │ 스킬 + 에이전트 + 커맨드 (skills/ agents/ commands/) │
62
+ └────────────────────────────────┬────────────────────────────┘
63
+
64
+ ┌────────────────────────────────▼────────────────────────────┐
65
+ │ 지식 베이스 (knowledge/) — 91개, 모두 stable / versioned │
66
+ └────────────────────────────────┬────────────────────────────┘
67
+
68
+ ┌────────────────────────────────▼────────────────────────────┐
69
+ │ 소스 자료 (refs/) — Ant + MUI + shadcn sparse-clone │
70
+ └─────────────────────────────────────────────────────────────┘
71
+ ```
72
+
73
+ 핵심: **마크다운이 진실의 원천**. Claude 전용 스킬 파일이 아닌
74
+ 일반 마크다운으로 인코딩해서, Codex CLI / Cursor / Aider / VS Code
75
+ 에서 모두 살아남아요.
76
+
77
+ ## 4 가지 전략적 선택
78
+
79
+ ### 1. 지식 우선, 스킬 다음
80
+
81
+ 초기에는 스킬을 더 많이 추가하고 싶었어요. 하지만 스킬은 얇아요 —
82
+ 지식을 가리키는 플레이북이에요. 지식 깊이 없이는 스킬이 일반적인
83
+ 출력만 내요.
84
+
85
+ v2.x는 도메인 깊이(모션 / 일러스트 / 인쇄 / 영상 / 게임 UI / 음성 /
86
+ 공간)에 집중했고, v2.7 이후 새 스킬은 거의 추가 안 했어요. 결과:
87
+ 출력 품질이 ~~생성형 AI 답변~~ → ~~디자인 시스템 가이드~~ → 시니어
88
+ 디자인 리뷰 수준으로 올라갔어요.
89
+
90
+ ### 2. 컨텐츠 양 늘리기 전에 배포 가능하게 만들기
91
+
92
+ v3.0–3.4는 코퍼스를 *설치 가능하게* 만드는 데 집중했어요:
93
+
94
+ - npm CLI (`@design-ai/cli`)
95
+ - Homebrew formula
96
+ - 공개 doc 사이트 (mkdocs-material)
97
+ - VS Code 확장
98
+ - Claude Code plugin manifest
99
+
100
+ 당시 컴포넌트 커버리지는 30% 정도였어요. 70%까지 올리고 싶은
101
+ 유혹이 있었지만, **adopters가 설치할 수 있는 30%** > **private repo
102
+ 에 갇힌 70%** 라는 판단이었어요.
103
+
104
+ 이후 v3.x에서 커버리지를 55%까지 올렸어요.
105
+
106
+ ### 3. 한국 시장을 처음부터 일등 시민으로
107
+
108
+ 도메인 단계마다 한국 컨벤션을 *추가로 첨부*가 아니라 *동등한 깊이로*
109
+ 포함했어요. v3.6에서 영문 → 한국어 번역(README, QUICKSTART, AGENTS,
110
+ DISTRIBUTION)이 자연스럽게 이어졌고, v3.10에서 5개 통합 워크스루
111
+ 도, v4.1에서 USING / CONTRIBUTING / ARCHITECTURE까지 한국어로 갖춰
112
+ 졌어요.
113
+
114
+ 번역 원칙:
115
+ - 직역 거부 — 자연스러운 한국어 우선.
116
+ - 어댑터 대상은 해요체, 법적 / 공식은 합쇼체.
117
+ - 코드 / 명령어는 영문 그대로.
118
+ - 한국 브랜드 / 컨벤션은 한국어 유지.
119
+ - `korean-copy-check.py` 감사가 영문 UI 문구 유출을 자동 검사.
120
+
121
+ ### 4. 감사 주도 품질
122
+
123
+ PR마다 6개 감사가 게이팅:
124
+
125
+ | # | 감사 | 목적 |
126
+ |---|---|---|
127
+ | 1 | frontmatter-check | YAML + 버전 필드 |
128
+ | 2 | link-check | 내부 링크 360+ 해석 |
129
+ | 3 | korean-copy-check | 한국어 voice / typography |
130
+ | 4 | check-coverage | 컴포넌트 커버리지 리포트 |
131
+ | 5 | integration-check | 통합 워크스루 완전성 |
132
+ | 6 | stale-check | 지식 신선도 (>12개월 = CI 실패) |
133
+
134
+ 감사 개수가 4개 → 6개로 늘어난 만큼 회귀(regression) 사례가
135
+ 줄었어요. v3.12에서 추가한 stale-check은 v3.11의 versioned
136
+ frontmatter 위에 만들어진 것 — 인프라가 인프라를 만들어요.
137
+
138
+ ## v2.0 → v4.0 한눈에
139
+
140
+ | 표면 | v2.0 | v4.0 |
141
+ |---|---|---|
142
+ | 지식 파일 | 55 | 91 |
143
+ | 워크드 예제 | 83 | 160 |
144
+ | 스킬 | 12 | 19 |
145
+ | 슬래시 커맨드 | 8 | 15 |
146
+ | 컴포넌트 커버리지 | ~24% | 55.3% |
147
+ | 배포 채널 | 1 | 4 |
148
+ | 통합 워크스루 | 0 | 5 (각각 EN+KO) |
149
+ | 사이트 언어 | 0 | 2 |
150
+ | CI 감사 | 4 | 6 |
151
+
152
+ ## 실패한 패턴
153
+
154
+ ### 일반 영문 우선 → 자동 번역
155
+
156
+ 초기 한국어 콘텐츠는 영문 작성 후 자동 번역으로 시도했는데,
157
+ 어색해서 폐기했어요. 지금은 한국어 파일을 처음부터 한국어로 작성.
158
+ korean-copy-check가 자동 번역 흔적을 잡아내요.
159
+
160
+ ### 커버리지 push 피로
161
+
162
+ v3.3 / v3.5 / v3.7 / v3.9 — 4 번의 커버리지 push 후 한계 효용이
163
+ 줄었어요. 남은 캐노니컬은 대부분 sub-component(Step.Item, Form.Field
164
+ 등)나 transition primitive 라 한 번에 큰 진전이 어려워요. v3.11에서
165
+ 여섯 번째 커버리지 push 대신 versioned frontmatter(인프라)로
166
+ 전환한 게 결과적으로 옳았어요.
167
+
168
+ ## v4.0 — 안정 약속
169
+
170
+ v4.0은 그래듀에이션 릴리스예요. 8 개 표면(지식 파일 / 스킬 / 커맨드
171
+ / 에이전트 / CLI / plugin / VS Code / doc 사이트)이 API stable.
172
+ deprecation 정책: 4.x에서 deprecate → 4.x 동안 유지 → 5.0에서 제거.
173
+
174
+ ## 다음 — 4.x 로드맵
175
+
176
+ - VS Code marketplace 게시 (1.0.0).
177
+ - 커버리지 push 55% → 70%.
178
+ - 시맨틱 검색 인덱스 (Algolia / Typesense).
179
+ - 컴포넌트 spec 추출기 v2 (TS AST 파싱).
180
+ - 분기별 stability 재검토 의식 (Q마다).
181
+
182
+ ## 시작하기
183
+
184
+ ```bash
185
+ # 가장 빠른 방법
186
+ npx @design-ai/cli install
187
+
188
+ # 또는 git clone
189
+ git clone https://github.com/sungjin9288/design-ai
190
+ cd design-ai && ./install.sh
191
+
192
+ # Homebrew (macOS)
193
+ brew tap sungjin9288/design-ai
194
+ brew install design-ai
195
+ ```
196
+
197
+ 설치 후:
198
+ - Claude Code: `/design-design-review`, `/design-palette-from-brand`
199
+ 등 슬래시 커맨드 사용 가능.
200
+ - Codex CLI: `cd /path/to/design-ai && codex "..."`.
201
+ - Cursor / Aider: `docs/integrations/` 워크스루 참고.
202
+
203
+ ## 의견 환영해요
204
+
205
+ - GitHub Issues: 버그 / 제안 / KR 컨벤션 추가 요청.
206
+ - 한국어 번역 / 콘텐츠 기여 (`docs/CONTRIBUTING.ko.md`).
207
+ - 사용 후기 / Figma + Cursor 워크플로 등 케이스 공유 환영.
208
+
209
+ 긴 글 읽어 주셔서 감사해요.
210
+
211
+ — [@sungjin9288](https://github.com/sungjin)
212
+ ```
213
+
214
+ ## 카드 / 썸네일 (소셜 미디어용)
215
+
216
+ hashnode가 자동으로 og:image 생성하지만, 직접 만들면 좋아요:
217
+
218
+ - 1200×630 px
219
+ - 좌측: design-ai 로고(미정 — 임시로 큰 monospace `design-ai`)
220
+ - 우측: stats card (91 knowledge / 19 skills / 4 channels / 2 languages)
221
+ - 하단: `npx @design-ai/cli install`
222
+ - 배경: 브랜드 컬러 (TBD — 임시 dark navy + cyan accent)
223
+
224
+ ## 태그
225
+
226
+ `#korea` `#design` `#ai` `#claude` `#opensource` `#designsystem`
227
+ `#typescript` `#cli`
228
+
229
+ ## 발행 시기
230
+
231
+ 한국 시간 오전 9-11시 (KST UTC+9). 화 / 수 / 목 추천. 발행 직후
232
+ Twitter / X에 링크 공유 (별도 thread 초안 참고).
@@ -0,0 +1,158 @@
1
+ # OKKY 포스트 초안
2
+
3
+ 대상: <https://okky.kr/community/qna> (질문/답변) 또는 자유게시판.
4
+
5
+ ## 제목 후보
6
+
7
+ 1. `[공유] AI 코딩 도구를 시니어 프로덕트 디자이너로 만드는 오픈소스 — design-ai v4.0`
8
+ 2. `Claude Code / Cursor / Codex에서 한국 시장 디자인 작업 자동화하기 (오픈소스)`
9
+ 3. `한국 핀테크 컨벤션 내장된 디자인 지식 베이스 만들었어요 (model-agnostic, MIT)`
10
+
11
+ 가장 안전한 선택: **1번** (자랑형 아닌 공유형, 결과물 명시).
12
+
13
+ ## 본문 (해요체)
14
+
15
+ ```
16
+ 안녕하세요, OKKY 여러분.
17
+
18
+ 지난 몇 개월 동안 만들어 온 오픈소스 프로젝트가 v4.0 stable에
19
+ 도달해서 공유드려요.
20
+
21
+ # design-ai
22
+
23
+ design-ai는 AI 코딩 에이전트(Claude Code / Codex CLI / Cursor /
24
+ Aider 등)를 시니어 프로덕트 디자이너처럼 동작하게 만드는 지식
25
+ 베이스예요. 한국 시장 컨벤션이 기본 내장되어 있어요.
26
+
27
+ ## 뭐가 들어 있나요
28
+
29
+ - 지식 파일 91개 — Ant Design + MUI + shadcn-ui에서 종합한 토큰 /
30
+ 컴포넌트 / 모션 / 일러스트 / 인쇄 / 영상 / 게임 UI / 음성 /
31
+ 공간 디자인.
32
+ - 워크드 예제 160개 — 컬러 팔레트, 컴포넌트 스펙, 디자인 시스템
33
+ 부트스트랩 등.
34
+ - 스킬 19개 + 슬래시 커맨드 15개 + 리뷰 에이전트 4개.
35
+ - 통합 워크스루 5개 (Codex / Cursor / Aider / SDK / VS Code) —
36
+ 영문 + 한국어 둘 다.
37
+
38
+ ## 한국 시장 깊이
39
+
40
+ 이 부분이 다른 디자인 시스템 자료와 차별점이에요:
41
+
42
+ - **결제**: Toss / KakaoPay / NaverPay 비교, 본인인증
43
+ (PASS / NICE / KCB), 청약철회, 표시광고법.
44
+ - **타이포그래피**: Pretendard 우선, fallback 체인, 한글 광학
45
+ 보정.
46
+ - **음성 / 챗봇**: 해요체 vs 합쇼체 분기, Bixby / Clova / NUGU /
47
+ 카카오 i 컨벤션.
48
+ - **게임 UI**: 확률 표시 의무, GRAC 등급, PC방 사용성.
49
+ - **영상**: KFDA / KFTC 광고 표시, 자막 컨벤션.
50
+ - **인쇄**: 명함 90×50, 분리배출 표시, KFDA / KATS 규제.
51
+
52
+ ## 모델 무관 (model-agnostic)
53
+
54
+ 같은 마크다운 파일이 다음 환경에서 모두 작동해요:
55
+
56
+ - Claude Code (스킬 + 커맨드 + 에이전트)
57
+ - Codex CLI (AGENTS.md 컨벤션)
58
+ - Cursor (.cursorrules에 경로 추가)
59
+ - Aider (--read 플래그)
60
+ - VS Code 확장 (사이드바 탐색)
61
+ - 또는 그냥 시스템 프롬프트로 LLM에 직접 주입
62
+
63
+ ## 시작하기
64
+
65
+ 가장 빠른 방법:
66
+
67
+ ```
68
+ npx @design-ai/cli install
69
+ ```
70
+
71
+ 이러면 Claude Code에 심볼릭 링크로 설치돼서 슬래시 커맨드와
72
+ 스킬 자동 로딩이 바로 동작해요.
73
+
74
+ 수동 설치 / Cursor / Codex / Aider 가이드는 README에 있어요:
75
+ https://github.com/sungjin9288/design-ai
76
+
77
+ 한국어 문서:
78
+ - README.ko.md
79
+ - QUICKSTART.ko.md
80
+ - USING.ko.md (사용 가이드)
81
+ - AGENTS.ko.md
82
+ - DISTRIBUTION.ko.md
83
+ - 5개 도구 통합 워크스루 .ko.md
84
+
85
+ ## 왜 만들었나요
86
+
87
+ 기존 디자인 시스템 자료(Material 3, Polaris 등)는 훌륭하지만
88
+ 한국 시장 컨벤션이 거의 없어요. 한국 디자이너 / 개발자가 AI 도구
89
+ 로 디자인 작업할 때 매번 "Toss는 어떻게 하지?", "Pretendard
90
+ fallback은?", "본인인증 UX는?"을 직접 알려줘야 했어요.
91
+
92
+ design-ai는 그걸 한 번 정리해서 어떤 AI 도구든 바로 쓸 수
93
+ 있게 만들어요.
94
+
95
+ ## 라이선스
96
+
97
+ MIT — 상업용 사용 / 포크 / 번역 모두 자유.
98
+
99
+ ## 피드백
100
+
101
+ - GitHub Issues에 버그 / 제안 환영해요.
102
+ - 한국 디자인 시스템에서 빠진 컨벤션 (예: 특정 핀테크 패턴, 특정
103
+ 규제) 있으면 말씀해 주세요.
104
+ - 한국어 번역 / 콘텐츠 기여도 환영해요 (CONTRIBUTING.ko.md
105
+ 참고).
106
+
107
+ 긴 글 읽어 주셔서 감사합니다. 의견 / 질문 댓글로 부탁드려요.
108
+
109
+ — Sungjin Park
110
+ ```
111
+
112
+ ## 답글 준비 (예상 질문)
113
+
114
+ ### "Claude만 쓰는 사람 입장에서는 그냥 Claude 스킬만 있어도 충분하지 않나요?"
115
+
116
+ > 충분해요. design-ai의 스킬들도 Claude Code 스킬 시스템으로
117
+ > 구현되어 있어서 Claude만 쓰시면 그대로 활용 가능합니다.
118
+ >
119
+ > 모델 무관 설계는 회사 / 팀 단위에서 의미가 커요 — 디자이너는
120
+ > Cursor를 쓰고 개발자는 Claude Code를 쓰는 팀에서, 같은 지식
121
+ > 베이스를 둘 다 참조할 수 있어요.
122
+
123
+ ### "한국 컨벤션 부분이 정확한가요? 출처는?"
124
+
125
+ > 모든 한국 관련 파일은 핸드라이팅이고, 출처를 frontmatter에
126
+ > 명시하거나 본문에 링크해요. KFDA / KFTC / GRAC는 공식
127
+ > 가이드라인 문서, 핀테크 컨벤션은 실제 Toss / Kakao / Naver
128
+ > 앱 분석 + 공시 자료에서 가져왔어요.
129
+ >
130
+ > 틀린 부분 발견하시면 GitHub Issues에 부탁드려요 — 즉시
131
+ > 수정할게요.
132
+
133
+ ### "Cursor에서 어떻게 쓰면 가장 좋아요?"
134
+
135
+ > docs/integrations/cursor-walkthrough.ko.md에 5개 워크드 세션이
136
+ > 있어요 (인라인 spec / 기존 감사 / Figma 비평 / 토큰 생성 /
137
+ > Cmd+K 인플레이스 편집). 거기서 시작하시면 가장 빨라요.
138
+
139
+ ### "디자이너 일자리 뺏는 거 아닌가요?"
140
+
141
+ > 아니에요. design-ai는 LLM이 시니어 디자이너 *수준의 출력을*
142
+ > 내도록 돕는 도구지, 디자이너를 대체하는 게 아니에요. 실무
143
+ > 시니어가 봐야 할 디자인 결정 (브랜드 정체성, 사용자 연구,
144
+ > 우선순위) 은 여전히 사람의 영역이고, design-ai는 그 결정에
145
+ > 따른 *세부 산출물* (토큰 / 컴포넌트 / 워크플로) 생성을
146
+ > 자동화해요.
147
+ >
148
+ > 1인 / 소규모 스타트업에서는 시간 절약 효과가 크고, 큰 팀에서는
149
+ > "주니어 디자이너 + design-ai = 시니어 수준" 패턴으로 활용
150
+ > 가능해요.
151
+
152
+ ## 포스팅 팁
153
+
154
+ - **한국 시간 오전 9-11시**가 OKKY 트래픽 피크.
155
+ - 첫 30분 내 댓글 5개 이상이면 추천글 영역 진입 확률 높음.
156
+ - 코드 블록은 OKKY 마크다운 지원 확인 후 (안 되면 인라인 코드로
157
+ 대체).
158
+ - 답글에서 자랑하지 말기. "도움 됐다면 좋겠어요" 톤 유지.
@@ -0,0 +1,101 @@
1
+ # Press kit
2
+
3
+ Reusable assets for the v4.0 launch. Pick whichever fits the channel; don't reuse all of them in one post.
4
+
5
+ ## One-liner
6
+
7
+ **EN**: design-ai turns any AI coding agent into a senior product designer with Korean market depth.
8
+
9
+ **KO**: design-ai는 모든 AI 코딩 에이전트를 한국 시장에 강한 시니어 프로덕트 디자이너로 바꿔 줘요.
10
+
11
+ ## Two-liner
12
+
13
+ **EN**: design-ai is a model-agnostic knowledge base — 91 design files, 19 skills, 15 commands — that plugs into Claude Code, Codex CLI, Cursor, Aider, or any LLM. Korean fintech / SaaS conventions baked in.
14
+
15
+ **KO**: design-ai는 모델 무관 지식 베이스예요 — 디자인 파일 91개, 스킬 19개, 커맨드 15개 — Claude Code / Codex CLI / Cursor / Aider 어디든 연결돼요. 한국 핀테크 / SaaS 컨벤션이 기본 내장돼 있어요.
16
+
17
+ ## Three-bullet summary
18
+
19
+ **EN**:
20
+ - **91 hand-curated knowledge files** synthesized from Ant Design + MUI + shadcn-ui — covers tokens, components, motion, illustration, print, video, game UI, conversational, spatial.
21
+ - **Korean market depth** — Toss / KakaoPay / Pretendard / 본인인증 / 합쇼체 vs 해요체 / KFDA / GRAC / 분리배출 conventions baked into every relevant domain.
22
+ - **Plugs into 5 AI tools** — Claude Code (skills + commands + agents), Codex CLI (AGENTS.md), Cursor (.cursorrules), Aider (--read), VS Code (sidebar extension), or plain prompts.
23
+
24
+ **KO**:
25
+ - **수작업 큐레이션 지식 91개** — Ant Design + MUI + shadcn-ui에서 종합. 토큰 / 컴포넌트 / 모션 / 일러스트 / 인쇄 / 영상 / 게임 UI / 음성 / 공간 모두 다뤄요.
26
+ - **한국 시장 깊이** — Toss / KakaoPay / Pretendard / 본인인증 / 합쇼체 vs 해요체 / KFDA / GRAC / 분리배출 컨벤션이 도메인마다 내장.
27
+ - **5개 AI 도구 연동** — Claude Code (스킬 + 커맨드 + 에이전트), Codex CLI (AGENTS.md), Cursor (.cursorrules), Aider (--read), VS Code (사이드바 확장).
28
+
29
+ ## Stats card (v4.0.0)
30
+
31
+ ```
32
+ design-ai v4.0.0 — Stable
33
+ ─────────────────────────────────────
34
+ 91 knowledge files (all stable, all versioned)
35
+ 160 worked examples
36
+ 19 skills with playbooks
37
+ 15 slash commands
38
+ 4 review agents
39
+ 55.3% canonical component coverage
40
+ 4 distribution channels (npm / Homebrew / git / VS Code)
41
+ 5 integration walkthroughs (each EN + KO)
42
+ 2 site languages
43
+ 6 CI audits
44
+ ─────────────────────────────────────
45
+ npx @design-ai/cli install
46
+ ```
47
+
48
+ ## Origin / journey (300 words)
49
+
50
+ design-ai started as a personal Korean fintech design system. Over 32 phases (v2.0 → v4.0), it grew into a model-agnostic corpus that any AI coding agent can pick up.
51
+
52
+ The strategic moves that shaped it:
53
+ - **Knowledge first, skills second.** Skills without knowledge produce generic output. v2.x focused on depth (motion, illustration, print, video, game UI, conversational, spatial) before adding skills.
54
+ - **Distribution before mass content.** v3.0–3.4 made the corpus installable (npm CLI, Homebrew, doc site, plugin manifest) before pushing further coverage. A 30% corpus that adopters can install beats a 70% corpus locked in a private repo.
55
+ - **Korean primary audience early.** Every domain phase included Korean conventions (typography, voice, regulatory). Translations followed naturally.
56
+ - **Audit-driven quality.** 6 audits gate every PR. The audit count grew from 4 → 6 over the project; each new audit prevented a regression class.
57
+ - **One concern per phase.** Not "v2.1: motion + illustration + print" — separate phases. Easier to commit, easier to revert, easier to explain.
58
+
59
+ v4.0 graduates the corpus to API-stable. From v4.0 forward, deprecation cycles protect adopters: deprecate in 4.x, remove in 5.0.
60
+
61
+ What's next: VS Code marketplace publish, KR community feedback, coverage push 55% → 70%, semantic search index.
62
+
63
+ See [`docs/SESSION-LOG.md`](../SESSION-LOG.md) for the full narrative.
64
+
65
+ ## FAQ
66
+
67
+ **Q: Is this a tool I install, or content I read?**
68
+ Both. The CLI installs symlinks into Claude Code so skills auto-load and slash commands work. Or read the markdown directly for any LLM.
69
+
70
+ **Q: Why "model-agnostic"?**
71
+ Knowledge is encoded as plain markdown + JSON. Same files work in Claude Code (skills), Codex CLI (AGENTS.md), Cursor (.cursorrules), Aider (--read), VS Code extension, or as system prompt for any LLM.
72
+
73
+ **Q: How is this different from Anthropic's Skills?**
74
+ Skills are the runtime; design-ai is the corpus. design-ai's skills are *implemented* using Claude Code's skill system, but the underlying knowledge files are vendor-neutral.
75
+
76
+ **Q: Why Korean focus?**
77
+ Author is Korean; primary audience is Korean designers / B2B / fintech. KR conventions are deep (Toss, Kakao, Pretendard, 본인인증, regulatory) and underserved by Western design systems.
78
+
79
+ **Q: Is the Korean content machine-translated?**
80
+ No. All Korean content is hand-written in natural Korean. The `korean-copy-check.py` audit specifically catches machine-translation artifacts.
81
+
82
+ **Q: Coverage is 55%. Why not 100%?**
83
+ Remaining canonicals are mostly sub-components (e.g., `Step.Item` of `Steps`) or transition primitives. The 55% covers all flagship primitives across Ant + MUI + shadcn. Coverage push to 70% is on the 4.x roadmap.
84
+
85
+ **Q: License?**
86
+ MIT. Use it commercially. Fork it. Translate it.
87
+
88
+ **Q: Can I contribute?**
89
+ Yes — see [`docs/CONTRIBUTING.md`](../CONTRIBUTING.md) (or [`docs/CONTRIBUTING.ko.md`](https://github.com/sungjin9288/design-ai/blob/main/docs/CONTRIBUTING.ko.md)).
90
+
91
+ ## Links
92
+
93
+ - **Repo**: https://github.com/sungjin9288/design-ai
94
+ - **NPM**: https://www.npmjs.com/package/@design-ai/cli
95
+ - **Docs**: (deployed mkdocs URL — fill in after `docs.yml` workflow runs)
96
+ - **Changelog**: https://github.com/sungjin9288/design-ai/blob/main/CHANGELOG.md
97
+ - **License**: MIT
98
+
99
+ ## Author
100
+
101
+ Sungjin Park — sungjin9288@gmail.com
@@ -0,0 +1,196 @@
1
+ # Reddit drafts
2
+
3
+ Two parallel posts:
4
+ - **r/programming** (English, technical) — 2.5M members
5
+ - **r/korea** (Korean / English mix, KR-focused) — 250k members
6
+ - **r/ClaudeAI** (English, Claude-specific) — niche but high-affinity
7
+
8
+ Reddit moderation can be strict — read each subreddit's rules before posting. Avoid promotional language; lead with value.
9
+
10
+ ## r/programming draft
11
+
12
+ ### Title
13
+
14
+ ```
15
+ design-ai v4.0: open-source design knowledge base that plugs into Claude Code, Codex CLI, Cursor, and Aider
16
+ ```
17
+
18
+ ### Body
19
+
20
+ ```markdown
21
+ After working on this for a few months, my open-source design knowledge
22
+ base hit v4.0 stable. Sharing the architectural choices since some
23
+ go against AI-tooling norms.
24
+
25
+ **What it is**: a model-agnostic markdown corpus (91 knowledge files,
26
+ 160 worked examples, 19 skills, 15 slash commands) that any AI coding
27
+ agent can pick up.
28
+
29
+ **Why model-agnostic**: most AI design tools encode content as
30
+ vendor-specific skill files. design-ai uses plain markdown + JSON, so
31
+ the same content works in:
32
+
33
+ - Claude Code (skills + commands + agents)
34
+ - Codex CLI (AGENTS.md convention)
35
+ - Cursor (.cursorrules)
36
+ - Aider (--read flag)
37
+ - VS Code sidebar extension
38
+ - or as a system prompt for any LLM
39
+
40
+ **Korean market depth**: this is the part that distinguishes it from
41
+ generic AI design tools. Western design system docs treat non-English
42
+ markets as "localization concerns." design-ai treats Korean conventions
43
+ as deep domain knowledge — Toss/KakaoPay payment flows, 본인인증
44
+ integration, Pretendard typography, 해요체 vs 합쇼체 chatbot register,
45
+ KFDA/GRAC/분리배출 regulatory.
46
+
47
+ **Audit-driven quality**: 6 audits gate every PR — frontmatter shape,
48
+ 360+ internal links, Korean voice/register, component coverage diff,
49
+ walkthrough completeness, stale-content (>12mo files fail CI).
50
+
51
+ **Try it**:
52
+
53
+ npx @design-ai/cli install
54
+
55
+ GitHub: https://github.com/sungjin9288/design-ai
56
+ License: MIT
57
+
58
+ Questions, feedback, contributions welcome.
59
+ ```
60
+
61
+ ### Reply prep
62
+
63
+ - "Why not just use [some other tool]?" → "design-ai is corpus,
64
+ others are runtime. Most aren't mutually exclusive."
65
+ - "55% coverage seems low" → "covers all flagship primitives across
66
+ Ant + MUI + shadcn. 70% is on roadmap."
67
+ - "Korean focus" → "Western corpus is exhaustive; KR is additive."
68
+
69
+ ### r/programming rules check
70
+
71
+ - ✅ Self-promotion: allowed if tool is open-source + adds technical value.
72
+ - ✅ Title: descriptive, not clickbait.
73
+ - ⚠️ Posting freq: max 1 self-promo per week.
74
+ - ❌ Don't link to NPM directly — link GitHub.
75
+
76
+ ## r/korea draft
77
+
78
+ ### Title
79
+
80
+ ```
81
+ [OC] AI 코딩 도구를 시니어 디자이너로 만드는 오픈소스 (한국 시장 중심) v4.0
82
+ ```
83
+
84
+ Or English-friendly:
85
+
86
+ ```
87
+ [OSS] design-ai v4.0 — design knowledge base with deep Korean conventions (Toss/Kakao/Pretendard)
88
+ ```
89
+
90
+ ### Body
91
+
92
+ Two-language post (Reddit allows mixed):
93
+
94
+ ```markdown
95
+ **한국어 (Korean)**
96
+
97
+ 지난 몇 개월 만든 오픈소스 design-ai가 v4.0 stable에 도달해서 공유드려요.
98
+
99
+ design-ai는 Claude Code / Codex CLI / Cursor / Aider 같은 AI 코딩
100
+ 도구를 시니어 프로덕트 디자이너처럼 동작하게 만드는 지식 베이스예요.
101
+
102
+ **한국 시장 컨벤션이 깊게 내장**:
103
+ - Toss / KakaoPay / NaverPay 결제 흐름
104
+ - 본인인증 (PASS / NICE / KCB) 통합 패턴
105
+ - Pretendard 폰트 fallback
106
+ - 해요체 vs 합쇼체 챗봇 톤 분기
107
+ - 확률 표시, GRAC 등급 (게임)
108
+ - KFDA, KFTC, 분리배출 표시 (규제)
109
+
110
+ **한국어 문서**: README / QUICKSTART / AGENTS / DISTRIBUTION /
111
+ USING / CONTRIBUTING / ARCHITECTURE 모두 한국어 버전 있어요.
112
+
113
+ 설치: `npx @design-ai/cli install`
114
+
115
+ GitHub: https://github.com/sungjin9288/design-ai · MIT 라이선스
116
+
117
+ ---
118
+
119
+ **English**
120
+
121
+ design-ai v4.0 — open-source design knowledge base with deep Korean
122
+ market conventions baked in (Toss, KakaoPay, Pretendard, 본인인증,
123
+ 해요체/합쇼체, KFDA/GRAC/분리배출).
124
+
125
+ Plugs into Claude Code, Codex CLI, Cursor, Aider, or any LLM.
126
+
127
+ Install: `npx @design-ai/cli install`
128
+
129
+ GitHub: https://github.com/sungjin9288/design-ai · MIT
130
+ ```
131
+
132
+ ### r/korea rules check
133
+
134
+ - ⚠️ Self-promotion: stricter than r/programming. Lead with KR value.
135
+ - ⚠️ Use `[OC]` flair for original content.
136
+ - ✅ Bilingual posts allowed and encouraged.
137
+
138
+ ## r/ClaudeAI draft
139
+
140
+ ### Title
141
+
142
+ ```
143
+ design-ai v4.0 — 91 knowledge files + 19 skills + 15 commands for Claude Code (and other agents)
144
+ ```
145
+
146
+ ### Body
147
+
148
+ ```markdown
149
+ Sharing my open-source design corpus that's optimized for Claude Code
150
+ but works in any AI coding agent.
151
+
152
+ **Claude Code specifics**:
153
+ - 19 skills auto-loaded via the skill system
154
+ - 15 slash commands (`/design-design-review`, `/design-palette-from-brand`,
155
+ etc.)
156
+ - 4 review agents (design-critic, a11y-reviewer, component-architect,
157
+ token-extractor)
158
+ - Plugin manifest at `.claude-plugin/plugin.json`
159
+
160
+ **Install**:
161
+
162
+ npx @design-ai/cli install
163
+
164
+ This symlinks everything into `~/.claude/{skills,commands,agents}` so
165
+ slash commands and skill auto-loading just work.
166
+
167
+ **Worth highlighting for r/ClaudeAI**:
168
+ - All 91 knowledge files have versioned frontmatter
169
+ (`version`, `last_updated`, `stability`).
170
+ - Skills include verification phases (output must cite ≥2 references,
171
+ cover all states, satisfy a11y).
172
+ - Korean fintech / SaaS conventions baked in for KR adopters.
173
+
174
+ GitHub: https://github.com/sungjin9288/design-ai · MIT
175
+ ```
176
+
177
+ ## Don't (for all subs)
178
+
179
+ - Don't post on weekends — weekday traffic is higher and quality
180
+ comments more likely.
181
+ - Don't reply to comments in the first 10 minutes — let the thread
182
+ organic-rank first.
183
+ - Don't use the exact same body across subs (Reddit shadow-bans
184
+ cross-posters).
185
+ - Don't include promotional language ("Check out my new tool!"). Just
186
+ describe what it is.
187
+
188
+ ## Posting cadence
189
+
190
+ - Day 1: HN + dev.to.
191
+ - Day 2: r/programming.
192
+ - Day 3: r/korea + r/ClaudeAI.
193
+ - Day 4-7: Twitter threads, hashnode, OKKY.
194
+
195
+ Spread out so each post gets full discussion cycle without competing
196
+ with the previous.