@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,1853 @@
1
+ ---
2
+ title: UI category decision rules
3
+ source: refs/ui-ux-pro-max/src/ui-ux-pro-max/data/ui-reasoning.csv
4
+ upstream: https://github.com/nextlevelbuilder/ui-ux-pro-max-skill
5
+ extracted_at: 2026-05-19
6
+ applies_to: [art-direction, ui-design]
7
+ version: 1.0.0
8
+ last_updated: 2026-05
9
+ stability: stable
10
+ ---
11
+
12
+ # UI category decision rules
13
+
14
+ For each product category, an opinionated recommendation: layout pattern, visual style, color mood, typography mood, motion, and the anti-patterns to avoid. Use as a starting point — adjust to brand.
15
+
16
+
17
+ ## 🔴 1. SaaS (General)
18
+
19
+ - **Recommended pattern**: Hero + Features + CTA
20
+ - **Style priority**: Glassmorphism + Flat Design
21
+ - **Color mood**: Trust blue + Accent contrast
22
+ - **Typography mood**: Professional + Hierarchy
23
+ - **Key effects**: Subtle hover (200-250ms) + Smooth transitions
24
+ - **Anti-patterns**: Excessive animation + Dark mode by default
25
+ - **Decision rules**:
26
+ - `if_ux_focused` → `prioritize-minimalism`
27
+ - `if_data_heavy` → `add-glassmorphism`
28
+
29
+ ## 🔴 2. Micro SaaS
30
+
31
+ - **Recommended pattern**: Hero-Centric + Trust
32
+ - **Style priority**: Motion-Driven + Vibrant & Block
33
+ - **Color mood**: Bold primaries + Accent contrast
34
+ - **Typography mood**: Modern + Energetic typography
35
+ - **Key effects**: Scroll-triggered animations + Parallax
36
+ - **Anti-patterns**: Static design + No video + Poor mobile
37
+ - **Decision rules**:
38
+ - `if_pre_launch` → `use-waitlist-pattern`
39
+ - `if_video_ready` → `add-hero-video`
40
+
41
+ ## 🔴 3. E-commerce
42
+
43
+ - **Recommended pattern**: Feature-Rich Showcase
44
+ - **Style priority**: Vibrant & Block-based
45
+ - **Color mood**: Brand primary + Success green
46
+ - **Typography mood**: Engaging + Clear hierarchy
47
+ - **Key effects**: Card hover lift (200ms) + Scale effect
48
+ - **Anti-patterns**: Flat design without depth + Text-heavy pages
49
+ - **Decision rules**:
50
+ - `if_luxury` → `switch-to-liquid-glass`
51
+ - `if_conversion_focused` → `add-urgency-colors`
52
+
53
+ ## 🔴 4. E-commerce Luxury
54
+
55
+ - **Recommended pattern**: Feature-Rich Showcase
56
+ - **Style priority**: Liquid Glass + Glassmorphism
57
+ - **Color mood**: Premium colors + Minimal accent
58
+ - **Typography mood**: Elegant + Refined typography
59
+ - **Key effects**: Chromatic aberration + Fluid animations (400-600ms)
60
+ - **Anti-patterns**: Vibrant & Block-based + Playful colors
61
+ - **Decision rules**:
62
+ - `if_checkout` → `emphasize-trust`
63
+ - `if_hero_needed` → `use-3d-hyperrealism`
64
+
65
+ ## 🔴 5. B2B Service
66
+
67
+ - **Recommended pattern**: Feature-Rich Showcase + Trust
68
+ - **Style priority**: Trust & Authority + Minimalism
69
+ - **Color mood**: Professional blue + Neutral grey
70
+ - **Typography mood**: Formal + Clear typography
71
+ - **Key effects**: Section transitions + Feature reveals
72
+ - **Anti-patterns**: Playful design + Hidden credentials + AI purple/pink gradients
73
+ - **Decision rules**:
74
+ - `must_have` → `roi-messaging`
75
+
76
+ ## 🔴 6. Financial Dashboard
77
+
78
+ - **Recommended pattern**: Data-Dense Dashboard
79
+ - **Style priority**: Dark Mode (OLED) + Data-Dense
80
+ - **Color mood**: Dark bg + Red/Green alerts + Trust blue
81
+ - **Typography mood**: Clear + Readable typography
82
+ - **Key effects**: Real-time number animations + Alert pulse
83
+ - **Anti-patterns**: Light mode default + Slow rendering
84
+ - **Decision rules**:
85
+ - `must_have` → `high-contrast`
86
+
87
+ ## 🔴 7. Analytics Dashboard
88
+
89
+ - **Recommended pattern**: Data-Dense + Drill-Down
90
+ - **Style priority**: Data-Dense + Heat Map
91
+ - **Color mood**: Cool→Hot gradients + Neutral grey
92
+ - **Typography mood**: Clear + Functional typography
93
+ - **Key effects**: Hover tooltips + Chart zoom + Filter animations
94
+ - **Anti-patterns**: Ornate design + No filtering
95
+ - **Decision rules**:
96
+ - `must_have` → `data-export`
97
+ - `if_large_dataset` → `virtualize-lists`
98
+
99
+ ## 🔴 8. Healthcare App
100
+
101
+ - **Recommended pattern**: Social Proof-Focused
102
+ - **Style priority**: Neumorphism + Accessible & Ethical
103
+ - **Color mood**: Calm blue + Health green
104
+ - **Typography mood**: Readable + Large type (16px+)
105
+ - **Key effects**: Soft box-shadow + Smooth press (150ms)
106
+ - **Anti-patterns**: Bright neon colors + Motion-heavy animations + AI purple/pink gradients
107
+ - **Decision rules**:
108
+ - `must_have` → `wcag-aaa-compliance`
109
+ - `if_medication` → `red-alert-colors`
110
+
111
+ ## 🟡 9. Educational App
112
+
113
+ - **Recommended pattern**: Feature-Rich Showcase
114
+ - **Style priority**: Claymorphism + Micro-interactions
115
+ - **Color mood**: Playful colors + Clear hierarchy
116
+ - **Typography mood**: Friendly + Engaging typography
117
+ - **Key effects**: Soft press (200ms) + Fluffy elements
118
+ - **Anti-patterns**: Dark modes + Complex jargon
119
+ - **Decision rules**:
120
+ - `if_gamification` → `add-progress-animation`
121
+ - `if_children` → `increase-playfulness`
122
+
123
+ ## 🔴 10. Creative Agency
124
+
125
+ - **Recommended pattern**: Storytelling-Driven
126
+ - **Style priority**: Brutalism + Motion-Driven
127
+ - **Color mood**: Bold primaries + Artistic freedom
128
+ - **Typography mood**: Bold + Expressive typography
129
+ - **Key effects**: CRT scanlines + Neon glow + Glitch effects
130
+ - **Anti-patterns**: Corporate minimalism + Hidden portfolio
131
+ - **Decision rules**:
132
+ - `must_have` → `case-studies`
133
+ - `if_boutique` → `increase-artistic-freedom`
134
+
135
+ ## 🟡 11. Portfolio/Personal
136
+
137
+ - **Recommended pattern**: Storytelling-Driven
138
+ - **Style priority**: Motion-Driven + Minimalism
139
+ - **Color mood**: Brand primary + Artistic
140
+ - **Typography mood**: Expressive + Variable typography
141
+ - **Key effects**: Parallax (3-5 layers) + Scroll-triggered reveals
142
+ - **Anti-patterns**: Corporate templates + Generic layouts
143
+ - **Decision rules**:
144
+ - `if_creative_field` → `add-brutalism`
145
+ - `if_minimal_portfolio` → `reduce-motion`
146
+
147
+ ## 🔴 12. Gaming
148
+
149
+ - **Recommended pattern**: Feature-Rich Showcase
150
+ - **Style priority**: 3D & Hyperrealism + Retro-Futurism
151
+ - **Color mood**: Vibrant + Neon + Immersive
152
+ - **Typography mood**: Bold + Impactful typography
153
+ - **Key effects**: WebGL 3D rendering + Glitch effects
154
+ - **Anti-patterns**: Minimalist design + Static assets
155
+ - **Decision rules**:
156
+ - `if_competitive` → `add-real-time-stats`
157
+ - `if_casual` → `increase-playfulness`
158
+
159
+ ## 🔴 13. Government/Public Service
160
+
161
+ - **Recommended pattern**: Minimal & Direct
162
+ - **Style priority**: Accessible & Ethical + Minimalism
163
+ - **Color mood**: Professional blue + High contrast
164
+ - **Typography mood**: Clear + Large typography
165
+ - **Key effects**: Clear focus rings (3-4px) + Skip links
166
+ - **Anti-patterns**: Ornate design + Low contrast + Motion effects + AI purple/pink gradients
167
+ - **Decision rules**:
168
+ - `must_have` → `keyboard-navigation`
169
+
170
+ ## 🔴 14. Fintech/Crypto
171
+
172
+ - **Recommended pattern**: Trust & Authority
173
+ - **Style priority**: Minimalism + Accessible & Ethical
174
+ - **Color mood**: Navy + Trust Blue + Gold
175
+ - **Typography mood**: Professional + Trustworthy
176
+ - **Key effects**: Smooth state transitions + Number animations
177
+ - **Anti-patterns**: Playful design + Unclear fees + AI purple/pink gradients
178
+ - **Decision rules**:
179
+ - `must_have` → `security-first`
180
+ - `if_dashboard` → `use-dark-mode`
181
+
182
+ ## 🟡 15. Social Media App
183
+
184
+ - **Recommended pattern**: Feature-Rich Showcase
185
+ - **Style priority**: Vibrant & Block-based + Motion-Driven
186
+ - **Color mood**: Vibrant + Engagement colors
187
+ - **Typography mood**: Modern + Bold typography
188
+ - **Key effects**: Large scroll animations + Icon animations
189
+ - **Anti-patterns**: Heavy skeuomorphism + Accessibility ignored
190
+ - **Decision rules**:
191
+ - `if_engagement_metric` → `add-motion`
192
+ - `if_content_focused` → `minimize-chrome`
193
+
194
+ ## 🔴 16. Productivity Tool
195
+
196
+ - **Recommended pattern**: Interactive Demo + Feature-Rich
197
+ - **Style priority**: Flat Design + Micro-interactions
198
+ - **Color mood**: Clear hierarchy + Functional colors
199
+ - **Typography mood**: Clean + Efficient typography
200
+ - **Key effects**: Quick actions (150ms) + Task animations
201
+ - **Anti-patterns**: Complex onboarding + Slow performance
202
+ - **Decision rules**:
203
+ - `must_have` → `keyboard-shortcuts`
204
+ - `if_collaboration` → `add-real-time-cursors`
205
+
206
+ ## 🔴 17. Design System/Component Library
207
+
208
+ - **Recommended pattern**: Feature-Rich + Documentation
209
+ - **Style priority**: Minimalism + Accessible & Ethical
210
+ - **Color mood**: Clear hierarchy + Code-like structure
211
+ - **Typography mood**: Monospace + Clear typography
212
+ - **Key effects**: Code copy animations + Component previews
213
+ - **Anti-patterns**: Poor documentation + No live preview
214
+ - **Decision rules**:
215
+ - `must_have` → `code-examples`
216
+
217
+ ## 🔴 18. AI/Chatbot Platform
218
+
219
+ - **Recommended pattern**: Interactive Demo + Minimal
220
+ - **Style priority**: AI-Native UI + Minimalism
221
+ - **Color mood**: Neutral + AI Purple (#6366F1)
222
+ - **Typography mood**: Modern + Clear typography
223
+ - **Key effects**: Streaming text + Typing indicators + Fade-in
224
+ - **Anti-patterns**: Heavy chrome + Slow response feedback
225
+ - **Decision rules**:
226
+ - `must_have` → `context-awareness`
227
+
228
+ ## 🔴 19. NFT/Web3 Platform
229
+
230
+ - **Recommended pattern**: Feature-Rich Showcase
231
+ - **Style priority**: Cyberpunk UI + Glassmorphism
232
+ - **Color mood**: Dark + Neon + Gold (#FFD700)
233
+ - **Typography mood**: Bold + Modern typography
234
+ - **Key effects**: Wallet connect animations + Transaction feedback
235
+ - **Anti-patterns**: Light mode default + No transaction status
236
+ - **Decision rules**:
237
+ - `must_have` → `gas-fees-display`
238
+
239
+ ## 🟡 20. Creator Economy Platform
240
+
241
+ - **Recommended pattern**: Social Proof + Feature-Rich
242
+ - **Style priority**: Vibrant & Block-based + Bento Box Grid
243
+ - **Color mood**: Vibrant + Brand colors
244
+ - **Typography mood**: Modern + Bold typography
245
+ - **Key effects**: Engagement counter animations + Profile reveals
246
+ - **Anti-patterns**: Generic layout + Hidden earnings
247
+ - **Decision rules**:
248
+ - `must_have` → `monetization-display`
249
+
250
+ ## 🔴 21. Remote Work/Collaboration Tool
251
+
252
+ - **Recommended pattern**: Feature-Rich + Real-Time
253
+ - **Style priority**: Soft UI Evolution + Minimalism
254
+ - **Color mood**: Calm Blue + Neutral grey
255
+ - **Typography mood**: Clean + Readable typography
256
+ - **Key effects**: Real-time presence indicators + Notification badges
257
+ - **Anti-patterns**: Cluttered interface + No presence
258
+ - **Decision rules**:
259
+ - `must_have` → `video-integration`
260
+
261
+ ## 🔴 22. Mental Health App
262
+
263
+ - **Recommended pattern**: Social Proof-Focused
264
+ - **Style priority**: Neumorphism + Accessible & Ethical
265
+ - **Color mood**: Calm Pastels + Trust colors
266
+ - **Typography mood**: Calming + Readable typography
267
+ - **Key effects**: Soft press + Breathing animations
268
+ - **Anti-patterns**: Bright neon + Motion overload
269
+ - **Decision rules**:
270
+ - `must_have` → `privacy-first`
271
+ - `if_meditation` → `add-breathing-animation`
272
+
273
+ ## 🟡 23. Pet Tech App
274
+
275
+ - **Recommended pattern**: Storytelling + Feature-Rich
276
+ - **Style priority**: Claymorphism + Vibrant & Block-based
277
+ - **Color mood**: Playful + Warm colors
278
+ - **Typography mood**: Friendly + Playful typography
279
+ - **Key effects**: Pet profile animations + Health tracking charts
280
+ - **Anti-patterns**: Generic design + No personality
281
+ - **Decision rules**:
282
+ - `must_have` → `pet-profiles`
283
+ - `if_health` → `add-vet-integration`
284
+
285
+ ## 🔴 24. Smart Home/IoT Dashboard
286
+
287
+ - **Recommended pattern**: Real-Time Monitoring
288
+ - **Style priority**: Glassmorphism + Dark Mode (OLED)
289
+ - **Color mood**: Dark + Status indicator colors
290
+ - **Typography mood**: Clear + Functional typography
291
+ - **Key effects**: Device status pulse + Quick action animations
292
+ - **Anti-patterns**: Slow updates + No automation
293
+ - **Decision rules**:
294
+ - `must_have` → `energy-monitoring`
295
+
296
+ ## 🔴 25. EV/Charging Ecosystem
297
+
298
+ - **Recommended pattern**: Hero-Centric + Feature-Rich
299
+ - **Style priority**: Minimalism + Aurora UI
300
+ - **Color mood**: Electric Blue (#009CD1) + Green
301
+ - **Typography mood**: Modern + Clear typography
302
+ - **Key effects**: Range estimation animations + Map interactions
303
+ - **Anti-patterns**: Poor map UX + Hidden costs
304
+ - **Decision rules**:
305
+ - `must_have` → `range-calculator`
306
+
307
+ ## 🔴 26. Subscription Box Service
308
+
309
+ - **Recommended pattern**: Feature-Rich + Conversion
310
+ - **Style priority**: Vibrant & Block-based + Motion-Driven
311
+ - **Color mood**: Brand + Excitement colors
312
+ - **Typography mood**: Engaging + Clear typography
313
+ - **Key effects**: Unboxing reveal animations + Product carousel
314
+ - **Anti-patterns**: Confusing pricing + No unboxing preview
315
+ - **Decision rules**:
316
+ - `must_have` → `subscription-management`
317
+
318
+ ## 🔴 27. Podcast Platform
319
+
320
+ - **Recommended pattern**: Storytelling + Feature-Rich
321
+ - **Style priority**: Dark Mode (OLED) + Minimalism
322
+ - **Color mood**: Dark + Audio waveform accents
323
+ - **Typography mood**: Modern + Clear typography
324
+ - **Key effects**: Waveform visualizations + Episode transitions
325
+ - **Anti-patterns**: Poor audio player + Cluttered layout
326
+ - **Decision rules**:
327
+ - `must_have` → `episode-discovery`
328
+
329
+ ## 🔴 28. Dating App
330
+
331
+ - **Recommended pattern**: Social Proof + Feature-Rich
332
+ - **Style priority**: Vibrant & Block-based + Motion-Driven
333
+ - **Color mood**: Warm + Romantic (Pink/Red gradients)
334
+ - **Typography mood**: Modern + Friendly typography
335
+ - **Key effects**: Profile card swipe + Match animations
336
+ - **Anti-patterns**: Generic profiles + No safety
337
+ - **Decision rules**:
338
+ - `must_have` → `safety-features`
339
+
340
+ ## 🟡 29. Micro-Credentials/Badges Platform
341
+
342
+ - **Recommended pattern**: Trust & Authority + Feature
343
+ - **Style priority**: Minimalism + Flat Design
344
+ - **Color mood**: Trust Blue + Gold (#FFD700)
345
+ - **Typography mood**: Professional + Clear typography
346
+ - **Key effects**: Badge reveal animations + Progress tracking
347
+ - **Anti-patterns**: No verification + Hidden progress
348
+ - **Decision rules**:
349
+ - `must_have` → `progress-display`
350
+
351
+ ## 🔴 30. Knowledge Base/Documentation
352
+
353
+ - **Recommended pattern**: FAQ + Minimal
354
+ - **Style priority**: Minimalism + Accessible & Ethical
355
+ - **Color mood**: Clean hierarchy + Minimal color
356
+ - **Typography mood**: Clear + Readable typography
357
+ - **Key effects**: Search highlight + Smooth scrolling
358
+ - **Anti-patterns**: Poor navigation + No search
359
+ - **Decision rules**:
360
+ - `must_have` → `version-switching`
361
+
362
+ ## 🔴 31. Hyperlocal Services
363
+
364
+ - **Recommended pattern**: Conversion + Feature-Rich
365
+ - **Style priority**: Minimalism + Vibrant & Block-based
366
+ - **Color mood**: Location markers + Trust colors
367
+ - **Typography mood**: Clear + Functional typography
368
+ - **Key effects**: Map hover + Provider card reveals
369
+ - **Anti-patterns**: No map + Hidden reviews
370
+ - **Decision rules**:
371
+ - `must_have` → `booking-system`
372
+
373
+ ## 🔴 32. Beauty/Spa/Wellness Service
374
+
375
+ - **Recommended pattern**: Hero-Centric + Social Proof
376
+ - **Style priority**: Soft UI Evolution + Neumorphism
377
+ - **Color mood**: Soft pastels (Pink Sage Cream) + Gold accents
378
+ - **Typography mood**: Elegant + Calming typography
379
+ - **Key effects**: Soft shadows + Smooth transitions (200-300ms) + Gentle hover
380
+ - **Anti-patterns**: Bright neon colors + Harsh animations + Dark mode
381
+ - **Decision rules**:
382
+ - `must_have` → `before-after-gallery`
383
+ - `if_luxury` → `add-gold-accents`
384
+
385
+ ## 🔴 33. Luxury/Premium Brand
386
+
387
+ - **Recommended pattern**: Storytelling + Feature-Rich
388
+ - **Style priority**: Liquid Glass + Glassmorphism
389
+ - **Color mood**: Black + Gold (#FFD700) + White
390
+ - **Typography mood**: Elegant + Refined typography
391
+ - **Key effects**: Slow parallax + Premium reveals (400-600ms)
392
+ - **Anti-patterns**: Cheap visuals + Fast animations
393
+ - **Decision rules**:
394
+ - `must_have` → `storytelling`
395
+
396
+ ## 🔴 34. Restaurant/Food Service
397
+
398
+ - **Recommended pattern**: Hero-Centric + Conversion
399
+ - **Style priority**: Vibrant & Block-based + Motion-Driven
400
+ - **Color mood**: Warm colors (Orange Red Brown)
401
+ - **Typography mood**: Appetizing + Clear typography
402
+ - **Key effects**: Food image reveal + Menu hover effects
403
+ - **Anti-patterns**: Low-quality imagery + Outdated hours
404
+ - **Decision rules**:
405
+ - `must_have` → `high_quality_images`
406
+ - `if_delivery` → `emphasize-speed`
407
+
408
+ ## 🔴 35. Fitness/Gym App
409
+
410
+ - **Recommended pattern**: Feature-Rich + Data
411
+ - **Style priority**: Vibrant & Block-based + Dark Mode (OLED)
412
+ - **Color mood**: Energetic (Orange #FF6B35) + Dark bg
413
+ - **Typography mood**: Bold + Motivational typography
414
+ - **Key effects**: Progress ring animations + Achievement unlocks
415
+ - **Anti-patterns**: Static design + No gamification
416
+ - **Decision rules**:
417
+ - `must_have` → `workout-plans`
418
+
419
+ ## 🔴 36. Real Estate/Property
420
+
421
+ - **Recommended pattern**: Hero-Centric + Feature-Rich
422
+ - **Style priority**: Glassmorphism + Minimalism
423
+ - **Color mood**: Trust Blue + Gold + White
424
+ - **Typography mood**: Professional + Confident
425
+ - **Key effects**: 3D property tour zoom + Map hover
426
+ - **Anti-patterns**: Poor photos + No virtual tours
427
+ - **Decision rules**:
428
+ - `if_luxury` → `add-3d-models`
429
+ - `must_have` → `map-integration`
430
+
431
+ ## 🔴 37. Travel/Tourism Agency
432
+
433
+ - **Recommended pattern**: Storytelling-Driven + Hero
434
+ - **Style priority**: Aurora UI + Motion-Driven
435
+ - **Color mood**: Vibrant destination + Sky Blue
436
+ - **Typography mood**: Inspirational + Engaging
437
+ - **Key effects**: Destination parallax + Itinerary animations
438
+ - **Anti-patterns**: Generic photos + Complex booking
439
+ - **Decision rules**:
440
+ - `if_experience_focused` → `use-storytelling`
441
+ - `must_have` → `mobile-booking`
442
+
443
+ ## 🔴 38. Hotel/Hospitality
444
+
445
+ - **Recommended pattern**: Hero-Centric + Social Proof
446
+ - **Style priority**: Liquid Glass + Minimalism
447
+ - **Color mood**: Warm neutrals + Gold (#D4AF37)
448
+ - **Typography mood**: Elegant + Welcoming typography
449
+ - **Key effects**: Room gallery + Amenity reveals
450
+ - **Anti-patterns**: Poor photos + Complex booking
451
+ - **Decision rules**:
452
+ - `must_have` → `virtual-tour`
453
+
454
+ ## 🔴 39. Wedding/Event Planning
455
+
456
+ - **Recommended pattern**: Storytelling + Social Proof
457
+ - **Style priority**: Soft UI Evolution + Aurora UI
458
+ - **Color mood**: Soft Pink (#FFD6E0) + Gold + Cream
459
+ - **Typography mood**: Elegant + Romantic typography
460
+ - **Key effects**: Gallery reveals + Timeline animations
461
+ - **Anti-patterns**: Generic templates + No portfolio
462
+ - **Decision rules**:
463
+ - `must_have` → `planning-tools`
464
+
465
+ ## 🔴 40. Legal Services
466
+
467
+ - **Recommended pattern**: Trust & Authority + Minimal
468
+ - **Style priority**: Trust & Authority + Minimalism
469
+ - **Color mood**: Navy Blue (#1E3A5F) + Gold + White
470
+ - **Typography mood**: Professional + Authoritative typography
471
+ - **Key effects**: Practice area reveal + Attorney profile animations
472
+ - **Anti-patterns**: Outdated design + Hidden credentials + AI purple/pink gradients
473
+ - **Decision rules**:
474
+ - `must_have` → `credential-display`
475
+
476
+ ## 🔴 41. Insurance Platform
477
+
478
+ - **Recommended pattern**: Conversion + Trust
479
+ - **Style priority**: Trust & Authority + Flat Design
480
+ - **Color mood**: Trust Blue (#0066CC) + Green + Neutral
481
+ - **Typography mood**: Clear + Professional typography
482
+ - **Key effects**: Quote calculator animations + Policy comparison
483
+ - **Anti-patterns**: Confusing pricing + No trust signals + AI purple/pink gradients
484
+ - **Decision rules**:
485
+ - `must_have` → `policy-comparison`
486
+
487
+ ## 🔴 42. Banking/Traditional Finance
488
+
489
+ - **Recommended pattern**: Trust & Authority + Feature
490
+ - **Style priority**: Minimalism + Accessible & Ethical
491
+ - **Color mood**: Navy (#0A1628) + Trust Blue + Gold
492
+ - **Typography mood**: Professional + Trustworthy typography
493
+ - **Key effects**: Smooth number animations + Security indicators
494
+ - **Anti-patterns**: Playful design + Poor security UX + AI purple/pink gradients
495
+ - **Decision rules**:
496
+ - `must_have` → `accessibility`
497
+
498
+ ## 🔴 43. Online Course/E-learning
499
+
500
+ - **Recommended pattern**: Feature-Rich + Social Proof
501
+ - **Style priority**: Claymorphism + Vibrant & Block-based
502
+ - **Color mood**: Vibrant learning colors + Progress green
503
+ - **Typography mood**: Friendly + Engaging typography
504
+ - **Key effects**: Progress bar animations + Certificate reveals
505
+ - **Anti-patterns**: Boring design + No gamification
506
+ - **Decision rules**:
507
+ - `must_have` → `video-player`
508
+
509
+ ## 🔴 44. Non-profit/Charity
510
+
511
+ - **Recommended pattern**: Storytelling + Trust
512
+ - **Style priority**: Accessible & Ethical + Organic Biophilic
513
+ - **Color mood**: Cause-related colors + Trust + Warm
514
+ - **Typography mood**: Heartfelt + Readable typography
515
+ - **Key effects**: Impact counter animations + Story reveals
516
+ - **Anti-patterns**: No impact data + Hidden financials
517
+ - **Decision rules**:
518
+ - `must_have` → `donation-transparency`
519
+
520
+ ## 🔴 45. Music Streaming
521
+
522
+ - **Recommended pattern**: Feature-Rich Showcase
523
+ - **Style priority**: Dark Mode (OLED) + Vibrant & Block-based
524
+ - **Color mood**: Dark (#121212) + Vibrant accents + Album art colors
525
+ - **Typography mood**: Modern + Bold typography
526
+ - **Key effects**: Waveform visualization + Playlist animations
527
+ - **Anti-patterns**: Cluttered layout + Poor audio player UX
528
+ - **Decision rules**:
529
+ - `must_have` → `audio-player-ux`
530
+ - `if_discovery_focused` → `add-playlist-recommendations`
531
+
532
+ ## 🔴 46. Video Streaming/OTT
533
+
534
+ - **Recommended pattern**: Hero-Centric + Feature-Rich
535
+ - **Style priority**: Dark Mode (OLED) + Motion-Driven
536
+ - **Color mood**: Dark bg + Poster colors + Brand accent
537
+ - **Typography mood**: Bold + Engaging typography
538
+ - **Key effects**: Video player animations + Content carousel (parallax)
539
+ - **Anti-patterns**: Static layout + Slow video player
540
+ - **Decision rules**:
541
+ - `must_have` → `continue-watching`
542
+ - `if_personalized` → `add-recommendations`
543
+
544
+ ## 🔴 47. Job Board/Recruitment
545
+
546
+ - **Recommended pattern**: Conversion-Optimized + Feature-Rich
547
+ - **Style priority**: Flat Design + Minimalism
548
+ - **Color mood**: Professional Blue + Success Green + Neutral
549
+ - **Typography mood**: Clear + Professional typography
550
+ - **Key effects**: Search/filter animations + Application flow
551
+ - **Anti-patterns**: Outdated forms + Hidden filters
552
+ - **Decision rules**:
553
+ - `must_have` → `advanced-search`
554
+ - `if_salary_focused` → `highlight-compensation`
555
+
556
+ ## 🔴 48. Marketplace (P2P)
557
+
558
+ - **Recommended pattern**: Feature-Rich Showcase + Social Proof
559
+ - **Style priority**: Vibrant & Block-based + Flat Design
560
+ - **Color mood**: Trust colors + Category colors + Success green
561
+ - **Typography mood**: Modern + Engaging typography
562
+ - **Key effects**: Review star animations + Listing hover effects
563
+ - **Anti-patterns**: Low trust signals + Confusing layout
564
+ - **Decision rules**:
565
+ - `must_have` → `secure-payment`
566
+
567
+ ## 🔴 49. Logistics/Delivery
568
+
569
+ - **Recommended pattern**: Feature-Rich Showcase + Real-Time
570
+ - **Style priority**: Minimalism + Flat Design
571
+ - **Color mood**: Blue (#2563EB) + Orange (tracking) + Green
572
+ - **Typography mood**: Clear + Functional typography
573
+ - **Key effects**: Real-time tracking animation + Status pulse
574
+ - **Anti-patterns**: Static tracking + No map integration + AI purple/pink gradients
575
+ - **Decision rules**:
576
+ - `must_have` → `delivery-updates`
577
+
578
+ ## 🟡 50. Agriculture/Farm Tech
579
+
580
+ - **Recommended pattern**: Feature-Rich Showcase
581
+ - **Style priority**: Organic Biophilic + Flat Design
582
+ - **Color mood**: Earth Green (#4A7C23) + Brown + Sky Blue
583
+ - **Typography mood**: Clear + Informative typography
584
+ - **Key effects**: Data visualization + Weather animations
585
+ - **Anti-patterns**: Generic design + Ignored accessibility + AI purple/pink gradients
586
+ - **Decision rules**:
587
+ - `must_have` → `sensor-dashboard`
588
+ - `if_crop_focused` → `add-health-indicators`
589
+
590
+ ## 🔴 51. Construction/Architecture
591
+
592
+ - **Recommended pattern**: Hero-Centric + Feature-Rich
593
+ - **Style priority**: Minimalism + 3D & Hyperrealism
594
+ - **Color mood**: Grey (#4A4A4A) + Orange (safety) + Blueprint Blue
595
+ - **Typography mood**: Professional + Bold typography
596
+ - **Key effects**: 3D model viewer + Timeline animations
597
+ - **Anti-patterns**: 2D-only layouts + Poor image quality + AI purple/pink gradients
598
+ - **Decision rules**:
599
+ - `must_have` → `project-portfolio`
600
+ - `if_team_collaboration` → `add-real-time-updates`
601
+
602
+ ## 🔴 52. Automotive/Car Dealership
603
+
604
+ - **Recommended pattern**: Hero-Centric + Feature-Rich
605
+ - **Style priority**: Motion-Driven + 3D & Hyperrealism
606
+ - **Color mood**: Brand colors + Metallic + Dark/Light
607
+ - **Typography mood**: Bold + Confident typography
608
+ - **Key effects**: 360 product view + Configurator animations
609
+ - **Anti-patterns**: Static product pages + Poor UX
610
+ - **Decision rules**:
611
+ - `must_have` → `financing-calculator`
612
+
613
+ ## 🔴 53. Photography Studio
614
+
615
+ - **Recommended pattern**: Storytelling-Driven + Hero-Centric
616
+ - **Style priority**: Motion-Driven + Minimalism
617
+ - **Color mood**: Black + White + Minimal accent
618
+ - **Typography mood**: Elegant + Minimal typography
619
+ - **Key effects**: Full-bleed gallery + Before/after reveal
620
+ - **Anti-patterns**: Heavy text + Poor image showcase
621
+ - **Decision rules**:
622
+ - `must_have` → `portfolio-showcase`
623
+ - `if_booking` → `add-calendar-system`
624
+
625
+ ## 🟡 54. Coworking Space
626
+
627
+ - **Recommended pattern**: Hero-Centric + Feature-Rich
628
+ - **Style priority**: Vibrant & Block-based + Glassmorphism
629
+ - **Color mood**: Energetic colors + Wood tones + Brand
630
+ - **Typography mood**: Modern + Engaging typography
631
+ - **Key effects**: Space tour video + Amenity reveal animations
632
+ - **Anti-patterns**: Outdated photos + Confusing layout
633
+ - **Decision rules**:
634
+ - `must_have` → `booking-system`
635
+
636
+ ## 🔴 55. Home Services (Plumber/Electrician)
637
+
638
+ - **Recommended pattern**: Conversion-Optimized + Trust
639
+ - **Style priority**: Flat Design + Trust & Authority
640
+ - **Color mood**: Trust Blue + Safety Orange + Grey
641
+ - **Typography mood**: Professional + Clear typography
642
+ - **Key effects**: Emergency contact highlight + Service menu animations
643
+ - **Anti-patterns**: Hidden contact info + No certifications
644
+ - **Decision rules**:
645
+ - `must_have` → `certifications-display`
646
+
647
+ ## 🔴 56. Childcare/Daycare
648
+
649
+ - **Recommended pattern**: Social Proof-Focused + Trust
650
+ - **Style priority**: Claymorphism + Vibrant & Block-based
651
+ - **Color mood**: Playful pastels + Safe colors + Warm
652
+ - **Typography mood**: Friendly + Playful typography
653
+ - **Key effects**: Parent portal animations + Activity gallery reveal
654
+ - **Anti-patterns**: Generic design + Hidden safety info
655
+ - **Decision rules**:
656
+ - `must_have` → `safety-certifications`
657
+
658
+ ## 🔴 57. Senior Care/Elderly
659
+
660
+ - **Recommended pattern**: Trust & Authority + Accessible
661
+ - **Style priority**: Accessible & Ethical + Soft UI Evolution
662
+ - **Color mood**: Calm Blue + Warm neutrals + Large text
663
+ - **Typography mood**: Large + Clear typography (18px+)
664
+ - **Key effects**: Large touch targets + Clear navigation
665
+ - **Anti-patterns**: Small text + Complex navigation + AI purple/pink gradients
666
+ - **Decision rules**:
667
+ - `must_have` → `family-portal`
668
+
669
+ ## 🔴 58. Medical Clinic
670
+
671
+ - **Recommended pattern**: Trust & Authority + Conversion
672
+ - **Style priority**: Accessible & Ethical + Minimalism
673
+ - **Color mood**: Medical Blue (#0077B6) + Trust White
674
+ - **Typography mood**: Professional + Readable typography
675
+ - **Key effects**: Online booking flow + Doctor profile reveals
676
+ - **Anti-patterns**: Outdated interface + Confusing booking + AI purple/pink gradients
677
+ - **Decision rules**:
678
+ - `must_have` → `insurance-info`
679
+
680
+ ## 🔴 59. Pharmacy/Drug Store
681
+
682
+ - **Recommended pattern**: Conversion-Optimized + Trust
683
+ - **Style priority**: Flat Design + Accessible & Ethical
684
+ - **Color mood**: Pharmacy Green + Trust Blue + Clean White
685
+ - **Typography mood**: Clear + Functional typography
686
+ - **Key effects**: Prescription upload flow + Refill reminders
687
+ - **Anti-patterns**: Confusing layout + Privacy concerns + AI purple/pink gradients
688
+ - **Decision rules**:
689
+ - `must_have` → `drug-interaction-warnings`
690
+
691
+ ## 🔴 60. Dental Practice
692
+
693
+ - **Recommended pattern**: Social Proof-Focused + Conversion
694
+ - **Style priority**: Soft UI Evolution + Minimalism
695
+ - **Color mood**: Fresh Blue + White + Smile Yellow
696
+ - **Typography mood**: Friendly + Professional typography
697
+ - **Key effects**: Before/after gallery + Patient testimonial carousel
698
+ - **Anti-patterns**: Poor imagery + No testimonials
699
+ - **Decision rules**:
700
+ - `must_have` → `appointment-system`
701
+
702
+ ## 🟡 61. Veterinary Clinic
703
+
704
+ - **Recommended pattern**: Social Proof-Focused + Trust
705
+ - **Style priority**: Claymorphism + Accessible & Ethical
706
+ - **Color mood**: Caring Blue + Pet colors + Warm
707
+ - **Typography mood**: Friendly + Welcoming typography
708
+ - **Key effects**: Pet profile management + Service animations
709
+ - **Anti-patterns**: Generic design + Hidden services
710
+ - **Decision rules**:
711
+ - `must_have` → `emergency-contact`
712
+
713
+ ## 🟡 62. Florist/Plant Shop
714
+
715
+ - **Recommended pattern**: Hero-Centric + Conversion
716
+ - **Style priority**: Organic Biophilic + Vibrant & Block-based
717
+ - **Color mood**: Natural Green + Floral pinks/purples
718
+ - **Typography mood**: Elegant + Natural typography
719
+ - **Key effects**: Product reveal + Seasonal transitions
720
+ - **Anti-patterns**: Poor imagery + No seasonal content
721
+ - **Decision rules**:
722
+ - `must_have` → `care-guides`
723
+
724
+ ## 🔴 63. Bakery/Cafe
725
+
726
+ - **Recommended pattern**: Hero-Centric + Conversion
727
+ - **Style priority**: Vibrant & Block-based + Soft UI Evolution
728
+ - **Color mood**: Warm Brown + Cream + Appetizing accents
729
+ - **Typography mood**: Warm + Inviting typography
730
+ - **Key effects**: Menu hover + Order animations
731
+ - **Anti-patterns**: Poor food photos + Hidden hours
732
+ - **Decision rules**:
733
+ - `must_have` → `online-ordering`
734
+
735
+ ## 🔴 64. Brewery/Winery
736
+
737
+ - **Recommended pattern**: Storytelling + Hero-Centric
738
+ - **Style priority**: Motion-Driven + Storytelling-Driven
739
+ - **Color mood**: Deep amber/burgundy + Gold + Craft
740
+ - **Typography mood**: Artisanal + Heritage typography
741
+ - **Key effects**: Tasting note reveals + Heritage timeline
742
+ - **Anti-patterns**: Generic product pages + No story
743
+ - **Decision rules**:
744
+ - `must_have` → `story-heritage`
745
+
746
+ ## 🔴 65. Airline
747
+
748
+ - **Recommended pattern**: Conversion + Feature-Rich
749
+ - **Style priority**: Minimalism + Glassmorphism
750
+ - **Color mood**: Sky Blue + Brand colors + Trust
751
+ - **Typography mood**: Clear + Professional typography
752
+ - **Key effects**: Flight search animations + Boarding pass reveals
753
+ - **Anti-patterns**: Complex booking + Poor mobile
754
+ - **Decision rules**:
755
+ - `must_have` → `mobile-first`
756
+
757
+ ## 🔴 66. News/Media Platform
758
+
759
+ - **Recommended pattern**: Hero-Centric + Feature-Rich
760
+ - **Style priority**: Minimalism + Flat Design
761
+ - **Color mood**: Brand colors + High contrast
762
+ - **Typography mood**: Clear + Readable typography
763
+ - **Key effects**: Breaking news badge + Article reveal animations
764
+ - **Anti-patterns**: Cluttered layout + Slow loading
765
+ - **Decision rules**:
766
+ - `must_have` → `category-navigation`
767
+
768
+ ## 🔴 67. Magazine/Blog
769
+
770
+ - **Recommended pattern**: Storytelling + Hero-Centric
771
+ - **Style priority**: Swiss Modernism 2.0 + Motion-Driven
772
+ - **Color mood**: Editorial colors + Brand + Clean white
773
+ - **Typography mood**: Editorial + Elegant typography
774
+ - **Key effects**: Article transitions + Category reveals
775
+ - **Anti-patterns**: Poor typography + Slow loading
776
+ - **Decision rules**:
777
+ - `must_have` → `newsletter-signup`
778
+
779
+ ## 🔴 68. Freelancer Platform
780
+
781
+ - **Recommended pattern**: Feature-Rich + Conversion
782
+ - **Style priority**: Flat Design + Minimalism
783
+ - **Color mood**: Professional Blue + Success Green
784
+ - **Typography mood**: Clear + Professional typography
785
+ - **Key effects**: Skill match animations + Review reveals
786
+ - **Anti-patterns**: Poor profiles + No reviews
787
+ - **Decision rules**:
788
+ - `must_have` → `skill-matching`
789
+
790
+ ## 🔴 69. Marketing Agency
791
+
792
+ - **Recommended pattern**: Storytelling + Feature-Rich
793
+ - **Style priority**: Brutalism + Motion-Driven
794
+ - **Color mood**: Bold brand colors + Creative freedom
795
+ - **Typography mood**: Bold + Expressive typography
796
+ - **Key effects**: Portfolio reveals + Results animations
797
+ - **Anti-patterns**: Boring design + Hidden work
798
+ - **Decision rules**:
799
+ - `must_have` → `results-metrics`
800
+
801
+ ## 🔴 70. Event Management
802
+
803
+ - **Recommended pattern**: Hero-Centric + Feature-Rich
804
+ - **Style priority**: Vibrant & Block-based + Motion-Driven
805
+ - **Color mood**: Event theme colors + Excitement accents
806
+ - **Typography mood**: Bold + Engaging typography
807
+ - **Key effects**: Countdown timer + Registration flow
808
+ - **Anti-patterns**: Confusing registration + No countdown
809
+ - **Decision rules**:
810
+ - `must_have` → `agenda-display`
811
+
812
+ ## 🔴 71. Membership/Community
813
+
814
+ - **Recommended pattern**: Social Proof + Conversion
815
+ - **Style priority**: Vibrant & Block-based + Soft UI Evolution
816
+ - **Color mood**: Community brand colors + Engagement
817
+ - **Typography mood**: Friendly + Engaging typography
818
+ - **Key effects**: Member counter + Benefit reveals
819
+ - **Anti-patterns**: Hidden benefits + No community proof
820
+ - **Decision rules**:
821
+ - `must_have` → `pricing-tiers`
822
+
823
+ ## 🟡 72. Newsletter Platform
824
+
825
+ - **Recommended pattern**: Minimal + Conversion
826
+ - **Style priority**: Minimalism + Flat Design
827
+ - **Color mood**: Brand primary + Clean white + CTA
828
+ - **Typography mood**: Clean + Readable typography
829
+ - **Key effects**: Subscribe form + Archive reveals
830
+ - **Anti-patterns**: Complex signup + No preview
831
+ - **Decision rules**:
832
+ - `must_have` → `sample-content`
833
+
834
+ ## 🔴 73. Digital Products/Downloads
835
+
836
+ - **Recommended pattern**: Feature-Rich + Conversion
837
+ - **Style priority**: Vibrant & Block-based + Motion-Driven
838
+ - **Color mood**: Product colors + Brand + Success green
839
+ - **Typography mood**: Modern + Clear typography
840
+ - **Key effects**: Product preview + Instant delivery animations
841
+ - **Anti-patterns**: No preview + Slow delivery
842
+ - **Decision rules**:
843
+ - `must_have` → `instant-delivery`
844
+
845
+ ## 🟡 74. Church/Religious Organization
846
+
847
+ - **Recommended pattern**: Hero-Centric + Social Proof
848
+ - **Style priority**: Accessible & Ethical + Soft UI Evolution
849
+ - **Color mood**: Warm Gold + Deep Purple/Blue + White
850
+ - **Typography mood**: Welcoming + Clear typography
851
+ - **Key effects**: Service time highlights + Event calendar
852
+ - **Anti-patterns**: Outdated design + Hidden info
853
+ - **Decision rules**:
854
+ - `must_have` → `community-events`
855
+
856
+ ## 🔴 75. Sports Team/Club
857
+
858
+ - **Recommended pattern**: Hero-Centric + Feature-Rich
859
+ - **Style priority**: Vibrant & Block-based + Motion-Driven
860
+ - **Color mood**: Team colors + Energetic accents
861
+ - **Typography mood**: Bold + Impactful typography
862
+ - **Key effects**: Score animations + Schedule reveals
863
+ - **Anti-patterns**: Static content + Poor fan engagement
864
+ - **Decision rules**:
865
+ - `must_have` → `roster`
866
+
867
+ ## 🔴 76. Museum/Gallery
868
+
869
+ - **Recommended pattern**: Storytelling + Feature-Rich
870
+ - **Style priority**: Minimalism + Motion-Driven
871
+ - **Color mood**: Art-appropriate neutrals + Exhibition accents
872
+ - **Typography mood**: Elegant + Minimal typography
873
+ - **Key effects**: Virtual tour + Collection reveals
874
+ - **Anti-patterns**: Cluttered layout + No online access
875
+ - **Decision rules**:
876
+ - `must_have` → `exhibition-info`
877
+
878
+ ## 🔴 77. Theater/Cinema
879
+
880
+ - **Recommended pattern**: Hero-Centric + Conversion
881
+ - **Style priority**: Dark Mode (OLED) + Motion-Driven
882
+ - **Color mood**: Dark + Spotlight accents + Gold
883
+ - **Typography mood**: Dramatic + Bold typography
884
+ - **Key effects**: Seat selection + Trailer reveals
885
+ - **Anti-patterns**: Poor booking UX + No trailers
886
+ - **Decision rules**:
887
+ - `must_have` → `seat-selection`
888
+
889
+ ## 🔴 78. Language Learning App
890
+
891
+ - **Recommended pattern**: Feature-Rich + Social Proof
892
+ - **Style priority**: Claymorphism + Vibrant & Block-based
893
+ - **Color mood**: Playful colors + Progress indicators
894
+ - **Typography mood**: Friendly + Clear typography
895
+ - **Key effects**: Progress animations + Achievement unlocks
896
+ - **Anti-patterns**: Boring design + No motivation
897
+ - **Decision rules**:
898
+ - `must_have` → `gamification`
899
+
900
+ ## 🔴 79. Coding Bootcamp
901
+
902
+ - **Recommended pattern**: Feature-Rich + Social Proof
903
+ - **Style priority**: Dark Mode (OLED) + Minimalism
904
+ - **Color mood**: Code editor colors + Brand + Success
905
+ - **Typography mood**: Technical + Clear typography
906
+ - **Key effects**: Terminal animations + Career outcome reveals
907
+ - **Anti-patterns**: Light mode only + Hidden results
908
+ - **Decision rules**:
909
+ - `must_have` → `career-outcomes`
910
+
911
+ ## 🔴 80. Cybersecurity Platform
912
+
913
+ - **Recommended pattern**: Trust & Authority + Real-Time
914
+ - **Style priority**: Cyberpunk UI + Dark Mode (OLED)
915
+ - **Color mood**: Matrix Green (#00FF00) + Deep Black
916
+ - **Typography mood**: Technical + Clear typography
917
+ - **Key effects**: Threat visualization + Alert animations
918
+ - **Anti-patterns**: Light mode + Poor data viz
919
+ - **Decision rules**:
920
+ - `must_have` → `threat-display`
921
+
922
+ ## 🔴 81. Developer Tool / IDE
923
+
924
+ - **Recommended pattern**: Minimal + Documentation
925
+ - **Style priority**: Dark Mode (OLED) + Minimalism
926
+ - **Color mood**: Dark syntax theme + Blue focus
927
+ - **Typography mood**: Monospace + Functional typography
928
+ - **Key effects**: Syntax highlighting + Command palette
929
+ - **Anti-patterns**: Light mode default + Slow performance
930
+ - **Decision rules**:
931
+ - `must_have` → `documentation`
932
+
933
+ ## 🔴 82. Biotech / Life Sciences
934
+
935
+ - **Recommended pattern**: Storytelling + Data
936
+ - **Style priority**: Glassmorphism + Clean Science
937
+ - **Color mood**: Sterile White + DNA Blue + Life Green
938
+ - **Typography mood**: Scientific + Clear typography
939
+ - **Key effects**: Data visualization + Research reveals
940
+ - **Anti-patterns**: Cluttered data + Poor credibility
941
+ - **Decision rules**:
942
+ - `must_have` → `clean-aesthetic`
943
+
944
+ ## 🔴 83. Space Tech / Aerospace
945
+
946
+ - **Recommended pattern**: Immersive + Feature-Rich
947
+ - **Style priority**: Holographic/HUD + Dark Mode
948
+ - **Color mood**: Deep Space Black + Star White + Metallic
949
+ - **Typography mood**: Futuristic + Precise typography
950
+ - **Key effects**: Telemetry animations + 3D renders
951
+ - **Anti-patterns**: Generic design + No immersion
952
+ - **Decision rules**:
953
+ - `must_have` → `precision-data`
954
+
955
+ ## 🔴 84. Architecture / Interior
956
+
957
+ - **Recommended pattern**: Portfolio + Hero-Centric
958
+ - **Style priority**: Exaggerated Minimalism + High Imagery
959
+ - **Color mood**: Monochrome + Gold Accent + High Imagery
960
+ - **Typography mood**: Architectural + Elegant typography
961
+ - **Key effects**: Project gallery + Blueprint reveals
962
+ - **Anti-patterns**: Poor imagery + Cluttered layout
963
+ - **Decision rules**:
964
+ - `must_have` → `project-portfolio`
965
+
966
+ ## 🔴 85. Quantum Computing Interface
967
+
968
+ - **Recommended pattern**: Immersive + Interactive
969
+ - **Style priority**: Holographic/HUD + Dark Mode
970
+ - **Color mood**: Quantum Blue (#00FFFF) + Deep Black
971
+ - **Typography mood**: Futuristic + Scientific typography
972
+ - **Key effects**: Probability visualizations + Qubit state animations
973
+ - **Anti-patterns**: Generic tech design + No viz
974
+ - **Decision rules**:
975
+ - `must_have` → `scientific-credibility`
976
+
977
+ ## 🔴 86. Biohacking / Longevity App
978
+
979
+ - **Recommended pattern**: Data-Dense + Storytelling
980
+ - **Style priority**: Biomimetic/Organic 2.0 + Minimalism
981
+ - **Color mood**: Cellular Pink/Red + DNA Blue + White
982
+ - **Typography mood**: Scientific + Clear typography
983
+ - **Key effects**: Biological data viz + Progress animations
984
+ - **Anti-patterns**: Generic health app + No privacy
985
+ - **Decision rules**:
986
+ - `must_have` → `scientific-credibility`
987
+
988
+ ## 🔴 87. Autonomous Drone Fleet Manager
989
+
990
+ - **Recommended pattern**: Real-Time + Feature-Rich
991
+ - **Style priority**: HUD/Sci-Fi FUI + Real-Time
992
+ - **Color mood**: Tactical Green + Alert Red + Map Dark
993
+ - **Typography mood**: Technical + Functional typography
994
+ - **Key effects**: Telemetry animations + 3D spatial awareness
995
+ - **Anti-patterns**: Slow updates + Poor spatial viz
996
+ - **Decision rules**:
997
+ - `must_have` → `safety-alerts`
998
+
999
+ ## 🔴 88. Generative Art Platform
1000
+
1001
+ - **Recommended pattern**: Showcase + Feature-Rich
1002
+ - **Style priority**: Minimalism + Gen Z Chaos
1003
+ - **Color mood**: Neutral (#F5F5F5) + User Content
1004
+ - **Typography mood**: Minimal + Content-focused typography
1005
+ - **Key effects**: Gallery masonry + Minting animations
1006
+ - **Anti-patterns**: Heavy chrome + Slow loading
1007
+ - **Decision rules**:
1008
+ - `must_have` → `creator-attribution`
1009
+
1010
+ ## 🔴 89. Spatial Computing OS / App
1011
+
1012
+ - **Recommended pattern**: Immersive + Interactive
1013
+ - **Style priority**: Spatial UI (VisionOS) + Glassmorphism
1014
+ - **Color mood**: Frosted Glass + System Colors + Depth
1015
+ - **Typography mood**: Spatial + Readable typography
1016
+ - **Key effects**: Depth hierarchy + Gaze interactions
1017
+ - **Anti-patterns**: 2D design + No spatial depth
1018
+ - **Decision rules**:
1019
+ - `must_have` → `environment-awareness`
1020
+
1021
+ ## 🔴 90. Sustainable Energy / Climate Tech
1022
+
1023
+ - **Recommended pattern**: Data + Trust
1024
+ - **Style priority**: Organic Biophilic + E-Ink/Paper
1025
+ - **Color mood**: Earth Green + Sky Blue + Solar Yellow
1026
+ - **Typography mood**: Clear + Informative typography
1027
+ - **Key effects**: Impact viz + Progress animations
1028
+ - **Anti-patterns**: Greenwashing + No real data
1029
+ - **Decision rules**:
1030
+ - `must_have` → `impact-visualization`
1031
+
1032
+ ## 🔴 91. Personal Finance Tracker
1033
+
1034
+ - **Recommended pattern**: Interactive Product Demo
1035
+ - **Style priority**: Glassmorphism + Dark Mode (OLED)
1036
+ - **Color mood**: Calm blue + success green + alert red + chart accents
1037
+ - **Typography mood**: Modern + Clear hierarchy
1038
+ - **Key effects**: Backdrop blur (10-20px) + Translucent overlays
1039
+ - **Anti-patterns**: Pure white backgrounds
1040
+ - **Decision rules**:
1041
+ - `if_light_mode_needed` → `provide-theme-toggle`
1042
+ - `if_low_performance` → `fallback-to-flat`
1043
+
1044
+ ## 🔴 92. Chat & Messaging App
1045
+
1046
+ - **Recommended pattern**: Feature-Rich Showcase + Demo
1047
+ - **Style priority**: Minimalism + Micro-interactions
1048
+ - **Color mood**: Brand primary + bubble contrast (sender/receiver) + typing grey
1049
+ - **Typography mood**: Professional + Clean hierarchy
1050
+ - **Key effects**: Subtle hover 200ms + Smooth transitions + Clean
1051
+ - **Anti-patterns**: Excessive decoration
1052
+ - **Decision rules**:
1053
+ - `if_ux_focused` → `prioritize-clarity`
1054
+ - `if_mobile` → `optimize-touch-targets`
1055
+
1056
+ ## 🔴 93. Notes & Writing App
1057
+
1058
+ - **Recommended pattern**: Minimal & Direct
1059
+ - **Style priority**: Minimalism + Flat Design
1060
+ - **Color mood**: Clean white/cream + minimal accent + editor syntax colors
1061
+ - **Typography mood**: Professional + Clean hierarchy
1062
+ - **Key effects**: Color shift hover + Fast 150ms transitions + No shadows
1063
+ - **Anti-patterns**: Excessive decoration + Complex shadows + 3D effects
1064
+ - **Decision rules**:
1065
+ - `if_ux_focused` → `prioritize-clarity`
1066
+ - `if_mobile` → `optimize-touch-targets`
1067
+
1068
+ ## 🔴 94. Habit Tracker
1069
+
1070
+ - **Recommended pattern**: Social Proof-Focused + Demo
1071
+ - **Style priority**: Claymorphism + Vibrant & Block-based
1072
+ - **Color mood**: Streak warm (amber/orange) + progress green + motivational accents
1073
+ - **Typography mood**: Playful + Rounded + Friendly
1074
+ - **Key effects**: Multi-layer shadows + Spring bounce + Soft press 200ms
1075
+ - **Anti-patterns**: Muted colors + Low energy
1076
+ - **Decision rules**:
1077
+ - `if_trust_needed` → `add-testimonials`
1078
+
1079
+ ## 🔴 95. Food Delivery / On-Demand
1080
+
1081
+ - **Recommended pattern**: Hero-Centric Design + Feature-Rich
1082
+ - **Style priority**: Vibrant & Block-based + Motion-Driven
1083
+ - **Color mood**: Appetizing warm (orange/red) + trust blue + map accent
1084
+ - **Typography mood**: Energetic + Bold + Large
1085
+ - **Key effects**: Scroll animations + Parallax + Page transitions
1086
+ - **Anti-patterns**: Muted colors + Low energy
1087
+ - **Decision rules**:
1088
+ - `if_ux_focused` → `prioritize-clarity`
1089
+ - `if_mobile` → `optimize-touch-targets`
1090
+
1091
+ ## 🔴 96. Ride Hailing / Transportation
1092
+
1093
+ - **Recommended pattern**: Conversion-Optimized + Demo
1094
+ - **Style priority**: Minimalism + Glassmorphism
1095
+ - **Color mood**: Brand primary + map neutral + status indicator colors
1096
+ - **Typography mood**: Professional + Clean hierarchy
1097
+ - **Key effects**: Backdrop blur (10-20px) + Translucent overlays
1098
+ - **Anti-patterns**: Excessive decoration
1099
+ - **Decision rules**:
1100
+ - `if_low_performance` → `fallback-to-flat`
1101
+ - `if_conversion_focused` → `add-urgency-colors`
1102
+
1103
+ ## 🔴 97. Recipe & Cooking App
1104
+
1105
+ - **Recommended pattern**: Hero-Centric Design + Feature-Rich
1106
+ - **Style priority**: Claymorphism + Vibrant & Block-based
1107
+ - **Color mood**: Warm food tones (terracotta/sage/cream) + appetizing imagery
1108
+ - **Typography mood**: Playful + Rounded + Friendly
1109
+ - **Key effects**: Multi-layer shadows + Spring bounce + Soft press 200ms
1110
+ - **Anti-patterns**: Muted colors + Low energy
1111
+ - **Decision rules**:
1112
+ - `if_ux_focused` → `prioritize-clarity`
1113
+ - `if_mobile` → `optimize-touch-targets`
1114
+
1115
+ ## 🔴 98. Meditation & Mindfulness
1116
+
1117
+ - **Recommended pattern**: Storytelling-Driven + Social Proof
1118
+ - **Style priority**: Neumorphism + Soft UI Evolution
1119
+ - **Color mood**: Ultra-calm pastels (lavender/sage/sky) + breathing animation gradient
1120
+ - **Typography mood**: Subtle + Soft + Monochromatic
1121
+ - **Key effects**: Dual shadows (light+dark) + Soft press 150ms
1122
+ - **Anti-patterns**: Inconsistent styling + Poor contrast ratios
1123
+ - **Decision rules**:
1124
+ - `if_trust_needed` → `add-testimonials`
1125
+
1126
+ ## 🔴 99. Weather App
1127
+
1128
+ - **Recommended pattern**: Hero-Centric Design
1129
+ - **Style priority**: Glassmorphism + Aurora UI
1130
+ - **Color mood**: Atmospheric gradients (sky blue → sunset → storm grey) + temp scale
1131
+ - **Typography mood**: Modern + Clear hierarchy
1132
+ - **Key effects**: Backdrop blur (10-20px) + Translucent overlays
1133
+ - **Anti-patterns**: Inconsistent styling + Poor contrast ratios
1134
+ - **Decision rules**:
1135
+ - `if_low_performance` → `fallback-to-flat`
1136
+
1137
+ ## 🔴 100. Diary & Journal App
1138
+
1139
+ - **Recommended pattern**: Storytelling-Driven
1140
+ - **Style priority**: Soft UI Evolution + Minimalism
1141
+ - **Color mood**: Warm paper tones (cream/linen) + muted ink + mood-coded accents
1142
+ - **Typography mood**: Professional + Clean hierarchy
1143
+ - **Key effects**: Subtle hover 200ms + Smooth transitions + Clean
1144
+ - **Anti-patterns**: Excessive decoration
1145
+ - **Decision rules**:
1146
+ - `if_ux_focused` → `prioritize-clarity`
1147
+ - `if_mobile` → `optimize-touch-targets`
1148
+
1149
+ ## 🔴 101. CRM & Client Management
1150
+
1151
+ - **Recommended pattern**: Feature-Rich Showcase + Demo
1152
+ - **Style priority**: Flat Design + Minimalism
1153
+ - **Color mood**: Professional blue + pipeline stage colors + closed-won green
1154
+ - **Typography mood**: Professional + Clean hierarchy
1155
+ - **Key effects**: Color shift hover + Fast 150ms transitions + No shadows
1156
+ - **Anti-patterns**: Excessive decoration + Complex shadows + 3D effects
1157
+ - **Decision rules**:
1158
+ - `if_ux_focused` → `prioritize-clarity`
1159
+ - `if_mobile` → `optimize-touch-targets`
1160
+
1161
+ ## 🔴 102. Inventory & Stock Management
1162
+
1163
+ - **Recommended pattern**: Feature-Rich Showcase
1164
+ - **Style priority**: Flat Design + Minimalism
1165
+ - **Color mood**: Functional neutral + status traffic-light (green/amber/red) + scanner accent
1166
+ - **Typography mood**: Professional + Clean hierarchy
1167
+ - **Key effects**: Color shift hover + Fast 150ms transitions + No shadows
1168
+ - **Anti-patterns**: Excessive decoration + Complex shadows + 3D effects
1169
+ - **Decision rules**:
1170
+ - `if_ux_focused` → `prioritize-clarity`
1171
+ - `if_mobile` → `optimize-touch-targets`
1172
+
1173
+ ## 🔴 103. Flashcard & Study Tool
1174
+
1175
+ - **Recommended pattern**: Feature-Rich Showcase + Demo
1176
+ - **Style priority**: Claymorphism + Micro-interactions
1177
+ - **Color mood**: Playful primary + correct green + incorrect red + progress blue
1178
+ - **Typography mood**: Playful + Rounded + Friendly
1179
+ - **Key effects**: Multi-layer shadows + Spring bounce + Soft press 200ms
1180
+ - **Anti-patterns**: Inconsistent styling + Poor contrast ratios
1181
+ - **Decision rules**:
1182
+ - `if_ux_focused` → `prioritize-clarity`
1183
+ - `if_mobile` → `optimize-touch-targets`
1184
+
1185
+ ## 🔴 104. Booking & Appointment App
1186
+
1187
+ - **Recommended pattern**: Conversion-Optimized
1188
+ - **Style priority**: Soft UI Evolution + Flat Design
1189
+ - **Color mood**: Trust blue + available green + booked grey + confirm accent
1190
+ - **Typography mood**: Bold + Clean + Sans-serif
1191
+ - **Key effects**: Color shift hover + Fast 150ms transitions + No shadows
1192
+ - **Anti-patterns**: Complex shadows + 3D effects
1193
+ - **Decision rules**:
1194
+ - `if_conversion_focused` → `add-urgency-colors`
1195
+
1196
+ ## 🔴 105. Invoice & Billing Tool
1197
+
1198
+ - **Recommended pattern**: Conversion-Optimized + Trust
1199
+ - **Style priority**: Minimalism + Flat Design
1200
+ - **Color mood**: Professional navy + paid green + overdue red + neutral grey
1201
+ - **Typography mood**: Professional + Clean hierarchy
1202
+ - **Key effects**: Color shift hover + Fast 150ms transitions + No shadows
1203
+ - **Anti-patterns**: Excessive decoration + Complex shadows + 3D effects
1204
+ - **Decision rules**:
1205
+ - `if_conversion_focused` → `add-urgency-colors`
1206
+
1207
+ ## 🔴 106. Grocery & Shopping List
1208
+
1209
+ - **Recommended pattern**: Minimal & Direct + Demo
1210
+ - **Style priority**: Flat Design + Vibrant & Block-based
1211
+ - **Color mood**: Fresh green + food-category colors + checkmark accent
1212
+ - **Typography mood**: Bold + Clean + Sans-serif
1213
+ - **Key effects**: Color shift hover + Fast 150ms transitions + No shadows
1214
+ - **Anti-patterns**: Complex shadows + 3D effects + Muted colors + Low energy
1215
+ - **Decision rules**:
1216
+ - `if_ux_focused` → `prioritize-clarity`
1217
+ - `if_mobile` → `optimize-touch-targets`
1218
+
1219
+ ## 🔴 107. Timer & Pomodoro
1220
+
1221
+ - **Recommended pattern**: Minimal & Direct
1222
+ - **Style priority**: Minimalism + Neumorphism
1223
+ - **Color mood**: High-contrast on dark + focus red/amber + break green
1224
+ - **Typography mood**: Professional + Clean hierarchy
1225
+ - **Key effects**: Dual shadows (light+dark) + Soft press 150ms
1226
+ - **Anti-patterns**: Excessive decoration
1227
+ - **Decision rules**:
1228
+ - `if_ux_focused` → `prioritize-clarity`
1229
+ - `if_mobile` → `optimize-touch-targets`
1230
+
1231
+ ## 🔴 108. Parenting & Baby Tracker
1232
+
1233
+ - **Recommended pattern**: Social Proof-Focused + Trust
1234
+ - **Style priority**: Claymorphism + Soft UI Evolution
1235
+ - **Color mood**: Soft pastels (baby pink/sky blue/mint/peach) + warm accents
1236
+ - **Typography mood**: Playful + Rounded + Friendly
1237
+ - **Key effects**: Multi-layer shadows + Spring bounce + Soft press 200ms
1238
+ - **Anti-patterns**: Inconsistent styling + Poor contrast ratios
1239
+ - **Decision rules**:
1240
+ - `if_trust_needed` → `add-testimonials`
1241
+
1242
+ ## 🔴 109. Scanner & Document Manager
1243
+
1244
+ - **Recommended pattern**: Feature-Rich Showcase + Demo
1245
+ - **Style priority**: Minimalism + Flat Design
1246
+ - **Color mood**: Clean white + camera viewfinder accent + file-type color coding
1247
+ - **Typography mood**: Professional + Clean hierarchy
1248
+ - **Key effects**: Color shift hover + Fast 150ms transitions + No shadows
1249
+ - **Anti-patterns**: Excessive decoration + Complex shadows + 3D effects
1250
+ - **Decision rules**:
1251
+ - `if_ux_focused` → `prioritize-clarity`
1252
+ - `if_mobile` → `optimize-touch-targets`
1253
+
1254
+ ## 🔴 110. Calendar & Scheduling App
1255
+
1256
+ - **Recommended pattern**: Feature-Rich Showcase + Demo
1257
+ - **Style priority**: Flat Design + Micro-interactions
1258
+ - **Color mood**: Clean blue + event category accent colors + success green
1259
+ - **Typography mood**: Bold + Clean + Sans-serif
1260
+ - **Key effects**: Color shift hover + Fast 150ms transitions + No shadows
1261
+ - **Anti-patterns**: Complex shadows + 3D effects
1262
+ - **Decision rules**:
1263
+ - `if_ux_focused` → `prioritize-clarity`
1264
+ - `if_mobile` → `optimize-touch-targets`
1265
+
1266
+ ## 🔴 111. Password Manager
1267
+
1268
+ - **Recommended pattern**: Trust & Authority + Feature-Rich
1269
+ - **Style priority**: Minimalism + Accessible & Ethical
1270
+ - **Color mood**: Trust blue + security green + dark neutral
1271
+ - **Typography mood**: Professional + Clean hierarchy
1272
+ - **Key effects**: Subtle hover 200ms + Smooth transitions + Clean
1273
+ - **Anti-patterns**: Excessive decoration + Color-only indicators
1274
+ - **Decision rules**:
1275
+ - `if_ux_focused` → `prioritize-clarity`
1276
+ - `if_mobile` → `optimize-touch-targets`
1277
+
1278
+ ## 🔴 112. Expense Splitter / Bill Split
1279
+
1280
+ - **Recommended pattern**: Minimal & Direct + Demo
1281
+ - **Style priority**: Flat Design + Vibrant & Block-based
1282
+ - **Color mood**: Success green + alert red + neutral grey + avatar accent colors
1283
+ - **Typography mood**: Bold + Clean + Sans-serif
1284
+ - **Key effects**: Color shift hover + Fast 150ms transitions + No shadows
1285
+ - **Anti-patterns**: Complex shadows + 3D effects + Muted colors + Low energy
1286
+ - **Decision rules**:
1287
+ - `if_ux_focused` → `prioritize-clarity`
1288
+ - `if_mobile` → `optimize-touch-targets`
1289
+
1290
+ ## 🔴 113. Voice Recorder & Memo
1291
+
1292
+ - **Recommended pattern**: Interactive Product Demo + Minimal
1293
+ - **Style priority**: Minimalism + AI-Native UI
1294
+ - **Color mood**: Clean white + recording red + waveform accent
1295
+ - **Typography mood**: Professional + Clean hierarchy
1296
+ - **Key effects**: Subtle hover 200ms + Smooth transitions + Clean
1297
+ - **Anti-patterns**: Excessive decoration
1298
+ - **Decision rules**:
1299
+ - `if_ux_focused` → `prioritize-clarity`
1300
+ - `if_mobile` → `optimize-touch-targets`
1301
+
1302
+ ## 🔴 114. Bookmark & Read-Later
1303
+
1304
+ - **Recommended pattern**: Minimal & Direct + Demo
1305
+ - **Style priority**: Minimalism + Flat Design
1306
+ - **Color mood**: Paper warm white + ink neutral + minimal accent + tag colors
1307
+ - **Typography mood**: Professional + Clean hierarchy
1308
+ - **Key effects**: Color shift hover + Fast 150ms transitions + No shadows
1309
+ - **Anti-patterns**: Excessive decoration + Complex shadows + 3D effects
1310
+ - **Decision rules**:
1311
+ - `if_ux_focused` → `prioritize-clarity`
1312
+ - `if_mobile` → `optimize-touch-targets`
1313
+
1314
+ ## 🔴 115. Translator App
1315
+
1316
+ - **Recommended pattern**: Feature-Rich Showcase + Interactive Demo
1317
+ - **Style priority**: Flat Design + AI-Native UI
1318
+ - **Color mood**: Global blue + neutral grey + language flag accent
1319
+ - **Typography mood**: Bold + Clean + Sans-serif
1320
+ - **Key effects**: Color shift hover + Fast 150ms transitions + No shadows
1321
+ - **Anti-patterns**: Complex shadows + 3D effects
1322
+ - **Decision rules**:
1323
+ - `if_ux_focused` → `prioritize-clarity`
1324
+ - `if_mobile` → `optimize-touch-targets`
1325
+
1326
+ ## 🔴 116. Calculator & Unit Converter
1327
+
1328
+ - **Recommended pattern**: Minimal & Direct
1329
+ - **Style priority**: Neumorphism + Minimalism
1330
+ - **Color mood**: Dark functional + orange operation keys + clear button hierarchy
1331
+ - **Typography mood**: Professional + Clean hierarchy
1332
+ - **Key effects**: Dual shadows (light+dark) + Soft press 150ms
1333
+ - **Anti-patterns**: Excessive decoration
1334
+ - **Decision rules**:
1335
+ - `if_ux_focused` → `prioritize-clarity`
1336
+ - `if_mobile` → `optimize-touch-targets`
1337
+
1338
+ ## 🔴 117. Alarm & World Clock
1339
+
1340
+ - **Recommended pattern**: Minimal & Direct
1341
+ - **Style priority**: Dark Mode (OLED) + Minimalism
1342
+ - **Color mood**: Deep dark + ambient glow accent + timezone gradient
1343
+ - **Typography mood**: Professional + Clean hierarchy
1344
+ - **Key effects**: Subtle glow + Neon accents + High contrast
1345
+ - **Anti-patterns**: Excessive decoration + Pure white backgrounds
1346
+ - **Decision rules**:
1347
+ - `if_light_mode_needed` → `provide-theme-toggle`
1348
+
1349
+ ## 🔴 118. File Manager & Transfer
1350
+
1351
+ - **Recommended pattern**: Feature-Rich Showcase + Demo
1352
+ - **Style priority**: Flat Design + Minimalism
1353
+ - **Color mood**: Functional neutral + file type color coding (PDF orange, doc blue, image purple)
1354
+ - **Typography mood**: Professional + Clean hierarchy
1355
+ - **Key effects**: Color shift hover + Fast 150ms transitions + No shadows
1356
+ - **Anti-patterns**: Excessive decoration + Complex shadows + 3D effects
1357
+ - **Decision rules**:
1358
+ - `if_ux_focused` → `prioritize-clarity`
1359
+ - `if_mobile` → `optimize-touch-targets`
1360
+
1361
+ ## 🔴 119. Email Client
1362
+
1363
+ - **Recommended pattern**: Feature-Rich Showcase + Demo
1364
+ - **Style priority**: Flat Design + Minimalism
1365
+ - **Color mood**: Clean white + brand primary + priority red + snooze amber
1366
+ - **Typography mood**: Professional + Clean hierarchy
1367
+ - **Key effects**: Color shift hover + Fast 150ms transitions + No shadows
1368
+ - **Anti-patterns**: Excessive decoration + Complex shadows + 3D effects
1369
+ - **Decision rules**:
1370
+ - `if_ux_focused` → `prioritize-clarity`
1371
+ - `if_mobile` → `optimize-touch-targets`
1372
+
1373
+ ## 🔴 120. Casual Puzzle Game
1374
+
1375
+ - **Recommended pattern**: Feature-Rich Showcase + Social Proof
1376
+ - **Style priority**: Claymorphism + Vibrant & Block-based
1377
+ - **Color mood**: Cheerful pastels + progression gradient + reward gold + bright accent
1378
+ - **Typography mood**: Playful + Rounded + Friendly
1379
+ - **Key effects**: Multi-layer shadows + Spring bounce + Soft press 200ms
1380
+ - **Anti-patterns**: Muted colors + Low energy
1381
+ - **Decision rules**:
1382
+ - `if_trust_needed` → `add-testimonials`
1383
+
1384
+ ## 🔴 121. Trivia & Quiz Game
1385
+
1386
+ - **Recommended pattern**: Feature-Rich Showcase + Social Proof
1387
+ - **Style priority**: Vibrant & Block-based + Micro-interactions
1388
+ - **Color mood**: Energetic blue + correct green + incorrect red + leaderboard gold
1389
+ - **Typography mood**: Energetic + Bold + Large
1390
+ - **Key effects**: Haptic feedback + Small 50-100ms animations
1391
+ - **Anti-patterns**: Muted colors + Low energy
1392
+ - **Decision rules**:
1393
+ - `if_trust_needed` → `add-testimonials`
1394
+
1395
+ ## 🔴 122. Card & Board Game
1396
+
1397
+ - **Recommended pattern**: Feature-Rich Showcase
1398
+ - **Style priority**: 3D & Hyperrealism + Flat Design
1399
+ - **Color mood**: Game-theme felt green + dark wood + card back patterns
1400
+ - **Typography mood**: Bold + Clean + Sans-serif
1401
+ - **Key effects**: Color shift hover + Fast 150ms transitions + No shadows
1402
+ - **Anti-patterns**: Complex shadows + 3D effects
1403
+ - **Decision rules**:
1404
+ - `if_ux_focused` → `prioritize-clarity`
1405
+ - `if_mobile` → `optimize-touch-targets`
1406
+
1407
+ ## 🔴 123. Idle & Clicker Game
1408
+
1409
+ - **Recommended pattern**: Feature-Rich Showcase
1410
+ - **Style priority**: Vibrant & Block-based + Motion-Driven
1411
+ - **Color mood**: Coin gold + upgrade blue + prestige purple + progress green
1412
+ - **Typography mood**: Energetic + Bold + Large
1413
+ - **Key effects**: Scroll animations + Parallax + Page transitions
1414
+ - **Anti-patterns**: Muted colors + Low energy
1415
+ - **Decision rules**:
1416
+ - `if_ux_focused` → `prioritize-clarity`
1417
+ - `if_mobile` → `optimize-touch-targets`
1418
+
1419
+ ## 🔴 124. Word & Crossword Game
1420
+
1421
+ - **Recommended pattern**: Minimal & Direct + Demo
1422
+ - **Style priority**: Minimalism + Flat Design
1423
+ - **Color mood**: Clean white + warm letter tiles + success green + shake red
1424
+ - **Typography mood**: Professional + Clean hierarchy
1425
+ - **Key effects**: Color shift hover + Fast 150ms transitions + No shadows
1426
+ - **Anti-patterns**: Excessive decoration + Complex shadows + 3D effects
1427
+ - **Decision rules**:
1428
+ - `if_ux_focused` → `prioritize-clarity`
1429
+ - `if_mobile` → `optimize-touch-targets`
1430
+
1431
+ ## 🔴 125. Arcade & Retro Game
1432
+
1433
+ - **Recommended pattern**: Feature-Rich Showcase + Hero-Centric
1434
+ - **Style priority**: Pixel Art + Retro-Futurism
1435
+ - **Color mood**: Neon on black + pixel palette + score gold + danger red
1436
+ - **Typography mood**: Nostalgic + Monospace + Neon
1437
+ - **Key effects**: Subtle hover (200ms) + Smooth transitions
1438
+ - **Anti-patterns**: Inconsistent styling + Poor contrast ratios
1439
+ - **Decision rules**:
1440
+ - `if_ux_focused` → `prioritize-clarity`
1441
+ - `if_mobile` → `optimize-touch-targets`
1442
+
1443
+ ## 🔴 126. Photo Editor & Filters
1444
+
1445
+ - **Recommended pattern**: Feature-Rich Showcase + Interactive Demo
1446
+ - **Style priority**: Minimalism + Dark Mode (OLED)
1447
+ - **Color mood**: Dark editor background + vibrant filter preview strip + tool icon accent
1448
+ - **Typography mood**: Professional + Clean hierarchy
1449
+ - **Key effects**: Subtle glow + Neon accents + High contrast
1450
+ - **Anti-patterns**: Excessive decoration + Pure white backgrounds
1451
+ - **Decision rules**:
1452
+ - `if_light_mode_needed` → `provide-theme-toggle`
1453
+
1454
+ ## 🔴 127. Short Video Editor
1455
+
1456
+ - **Recommended pattern**: Feature-Rich Showcase + Hero-Centric
1457
+ - **Style priority**: Dark Mode (OLED) + Motion-Driven
1458
+ - **Color mood**: Dark background + timeline track accent colors + effect preview vivid
1459
+ - **Typography mood**: High contrast + Light on dark
1460
+ - **Key effects**: Subtle glow + Neon accents + High contrast
1461
+ - **Anti-patterns**: Pure white backgrounds
1462
+ - **Decision rules**:
1463
+ - `if_light_mode_needed` → `provide-theme-toggle`
1464
+
1465
+ ## 🔴 128. Drawing & Sketching Canvas
1466
+
1467
+ - **Recommended pattern**: Interactive Product Demo + Storytelling
1468
+ - **Style priority**: Minimalism + Dark Mode (OLED)
1469
+ - **Color mood**: Neutral canvas + full-spectrum color picker + tool panel dark
1470
+ - **Typography mood**: Professional + Clean hierarchy
1471
+ - **Key effects**: Subtle glow + Neon accents + High contrast
1472
+ - **Anti-patterns**: Excessive decoration + Pure white backgrounds
1473
+ - **Decision rules**:
1474
+ - `if_light_mode_needed` → `provide-theme-toggle`
1475
+
1476
+ ## 🔴 129. Music Creation & Beat Maker
1477
+
1478
+ - **Recommended pattern**: Interactive Product Demo + Storytelling
1479
+ - **Style priority**: Dark Mode (OLED) + Motion-Driven
1480
+ - **Color mood**: Dark studio background + track colors rainbow + waveform accent + BPM pulse
1481
+ - **Typography mood**: High contrast + Light on dark
1482
+ - **Key effects**: Subtle glow + Neon accents + High contrast
1483
+ - **Anti-patterns**: Pure white backgrounds
1484
+ - **Decision rules**:
1485
+ - `if_light_mode_needed` → `provide-theme-toggle`
1486
+
1487
+ ## 🔴 130. Meme & Sticker Maker
1488
+
1489
+ - **Recommended pattern**: Feature-Rich Showcase + Social Proof
1490
+ - **Style priority**: Vibrant & Block-based + Flat Design
1491
+ - **Color mood**: Bold primary + comedic yellow + viral red + high saturation accent
1492
+ - **Typography mood**: Bold + Clean + Sans-serif
1493
+ - **Key effects**: Color shift hover + Fast 150ms transitions + No shadows
1494
+ - **Anti-patterns**: Complex shadows + 3D effects + Muted colors + Low energy
1495
+ - **Decision rules**:
1496
+ - `if_trust_needed` → `add-testimonials`
1497
+
1498
+ ## 🔴 131. AI Photo & Avatar Generator
1499
+
1500
+ - **Recommended pattern**: Feature-Rich Showcase + Social Proof
1501
+ - **Style priority**: AI-Native UI + Aurora UI
1502
+ - **Color mood**: AI purple + aurora gradients + before/after neutral
1503
+ - **Typography mood**: Elegant + Gradient-friendly
1504
+ - **Key effects**: Flowing gradients 8-12s + Color morphing
1505
+ - **Anti-patterns**: Inconsistent styling + Poor contrast ratios
1506
+ - **Decision rules**:
1507
+ - `if_trust_needed` → `add-testimonials`
1508
+
1509
+ ## 🔴 132. Link-in-Bio Page Builder
1510
+
1511
+ - **Recommended pattern**: Conversion-Optimized + Social Proof
1512
+ - **Style priority**: Vibrant & Block-based + Bento Box Grid
1513
+ - **Color mood**: Brand-customizable + accent link color + clean white canvas
1514
+ - **Typography mood**: Energetic + Bold + Large
1515
+ - **Key effects**: Large section gaps 48px+ + Color shift hover + Scroll-snap
1516
+ - **Anti-patterns**: Muted colors + Low energy
1517
+ - **Decision rules**:
1518
+ - `if_conversion_focused` → `add-urgency-colors`
1519
+ - `if_trust_needed` → `add-testimonials`
1520
+
1521
+ ## 🔴 133. Wardrobe & Outfit Planner
1522
+
1523
+ - **Recommended pattern**: Storytelling-Driven + Feature-Rich
1524
+ - **Style priority**: Minimalism + Motion-Driven
1525
+ - **Color mood**: Clean fashion neutral + full clothes color palette + accent
1526
+ - **Typography mood**: Professional + Clean hierarchy
1527
+ - **Key effects**: Subtle hover 200ms + Smooth transitions + Clean
1528
+ - **Anti-patterns**: Excessive decoration
1529
+ - **Decision rules**:
1530
+ - `if_ux_focused` → `prioritize-clarity`
1531
+ - `if_mobile` → `optimize-touch-targets`
1532
+
1533
+ ## 🔴 134. Plant Care Tracker
1534
+
1535
+ - **Recommended pattern**: Storytelling-Driven + Social Proof
1536
+ - **Style priority**: Organic Biophilic + Soft UI Evolution
1537
+ - **Color mood**: Nature greens + earth brown + sunny yellow reminder + water blue
1538
+ - **Typography mood**: Warm + Humanist + Natural
1539
+ - **Key effects**: Rounded 16-24px + Natural shadows + Flowing SVG
1540
+ - **Anti-patterns**: Inconsistent styling + Poor contrast ratios
1541
+ - **Decision rules**:
1542
+ - `if_trust_needed` → `add-testimonials`
1543
+
1544
+ ## 🔴 135. Book & Reading Tracker
1545
+
1546
+ - **Recommended pattern**: Social Proof-Focused + Feature-Rich
1547
+ - **Style priority**: Swiss Modernism 2.0 + Minimalism
1548
+ - **Color mood**: Warm paper white + ink brown + reading progress green + book cover colors
1549
+ - **Typography mood**: Professional + Clean hierarchy
1550
+ - **Key effects**: Subtle hover 200ms + Smooth transitions + Clean
1551
+ - **Anti-patterns**: Excessive decoration
1552
+ - **Decision rules**:
1553
+ - `if_trust_needed` → `add-testimonials`
1554
+
1555
+ ## 🔴 136. Couple & Relationship App
1556
+
1557
+ - **Recommended pattern**: Storytelling-Driven + Social Proof
1558
+ - **Style priority**: Aurora UI + Soft UI Evolution
1559
+ - **Color mood**: Warm romantic pink/rose + soft gradient + memory photo tones
1560
+ - **Typography mood**: Elegant + Gradient-friendly
1561
+ - **Key effects**: Flowing gradients 8-12s + Color morphing
1562
+ - **Anti-patterns**: Inconsistent styling + Poor contrast ratios
1563
+ - **Decision rules**:
1564
+ - `if_trust_needed` → `add-testimonials`
1565
+
1566
+ ## 🔴 137. Family Calendar & Chores
1567
+
1568
+ - **Recommended pattern**: Feature-Rich Showcase + Social Proof
1569
+ - **Style priority**: Flat Design + Claymorphism
1570
+ - **Color mood**: Warm playful + member color coding + chore completion green
1571
+ - **Typography mood**: Playful + Rounded + Friendly
1572
+ - **Key effects**: Multi-layer shadows + Spring bounce + Soft press 200ms
1573
+ - **Anti-patterns**: Complex shadows + 3D effects
1574
+ - **Decision rules**:
1575
+ - `if_trust_needed` → `add-testimonials`
1576
+
1577
+ ## 🔴 138. Mood Tracker
1578
+
1579
+ - **Recommended pattern**: Storytelling-Driven + Social Proof
1580
+ - **Style priority**: Soft UI Evolution + Minimalism
1581
+ - **Color mood**: Emotion gradient (blue sad to yellow happy) + pastel per mood + insight accent
1582
+ - **Typography mood**: Professional + Clean hierarchy
1583
+ - **Key effects**: Subtle hover 200ms + Smooth transitions + Clean
1584
+ - **Anti-patterns**: Excessive decoration
1585
+ - **Decision rules**:
1586
+ - `if_trust_needed` → `add-testimonials`
1587
+
1588
+ ## 🔴 139. Gift & Wishlist
1589
+
1590
+ - **Recommended pattern**: Minimal & Direct + Conversion
1591
+ - **Style priority**: Vibrant & Block-based + Soft UI Evolution
1592
+ - **Color mood**: Celebration warm pink/gold/red + category colors + surprise accent
1593
+ - **Typography mood**: Energetic + Bold + Large
1594
+ - **Key effects**: Large section gaps 48px+ + Color shift hover + Scroll-snap
1595
+ - **Anti-patterns**: Muted colors + Low energy
1596
+ - **Decision rules**:
1597
+ - `if_conversion_focused` → `add-urgency-colors`
1598
+
1599
+ ## 🔴 140. Running & Cycling GPS
1600
+
1601
+ - **Recommended pattern**: Feature-Rich Showcase + Social Proof
1602
+ - **Style priority**: Dark Mode (OLED) + Vibrant & Block-based
1603
+ - **Color mood**: Energetic orange + map accent + pace zones (green/yellow/red)
1604
+ - **Typography mood**: High contrast + Light on dark
1605
+ - **Key effects**: Subtle glow + Neon accents + High contrast
1606
+ - **Anti-patterns**: Pure white backgrounds + Muted colors + Low energy
1607
+ - **Decision rules**:
1608
+ - `if_light_mode_needed` → `provide-theme-toggle`
1609
+ - `if_trust_needed` → `add-testimonials`
1610
+
1611
+ ## 🔴 141. Yoga & Stretching Guide
1612
+
1613
+ - **Recommended pattern**: Storytelling-Driven + Social Proof
1614
+ - **Style priority**: Organic Biophilic + Soft UI Evolution
1615
+ - **Color mood**: Earth calming sage/terracotta/cream + breathing gradient + warm accent
1616
+ - **Typography mood**: Warm + Humanist + Natural
1617
+ - **Key effects**: Rounded 16-24px + Natural shadows + Flowing SVG
1618
+ - **Anti-patterns**: Inconsistent styling + Poor contrast ratios
1619
+ - **Decision rules**:
1620
+ - `if_trust_needed` → `add-testimonials`
1621
+
1622
+ ## 🔴 142. Sleep Tracker
1623
+
1624
+ - **Recommended pattern**: Feature-Rich Showcase + Social Proof
1625
+ - **Style priority**: Dark Mode (OLED) + Neumorphism
1626
+ - **Color mood**: Deep midnight blue + stars/moon accent + sleep quality gradient (poor red to great green)
1627
+ - **Typography mood**: High contrast + Light on dark
1628
+ - **Key effects**: Dual shadows (light+dark) + Soft press 150ms
1629
+ - **Anti-patterns**: Pure white backgrounds
1630
+ - **Decision rules**:
1631
+ - `if_light_mode_needed` → `provide-theme-toggle`
1632
+ - `if_trust_needed` → `add-testimonials`
1633
+
1634
+ ## 🔴 143. Calorie & Nutrition Counter
1635
+
1636
+ - **Recommended pattern**: Feature-Rich Showcase + Social Proof
1637
+ - **Style priority**: Flat Design + Vibrant & Block-based
1638
+ - **Color mood**: Healthy green + macro colors (protein blue, carb orange, fat yellow) + progress circle
1639
+ - **Typography mood**: Bold + Clean + Sans-serif
1640
+ - **Key effects**: Color shift hover + Fast 150ms transitions + No shadows
1641
+ - **Anti-patterns**: Complex shadows + 3D effects + Muted colors + Low energy
1642
+ - **Decision rules**:
1643
+ - `if_trust_needed` → `add-testimonials`
1644
+
1645
+ ## 🔴 144. Period & Cycle Tracker
1646
+
1647
+ - **Recommended pattern**: Social Proof-Focused + Trust
1648
+ - **Style priority**: Soft UI Evolution + Aurora UI
1649
+ - **Color mood**: Rose/blush + lavender + fertility green + soft calendar tones
1650
+ - **Typography mood**: Elegant + Gradient-friendly
1651
+ - **Key effects**: Flowing gradients 8-12s + Color morphing
1652
+ - **Anti-patterns**: Inconsistent styling + Poor contrast ratios
1653
+ - **Decision rules**:
1654
+ - `if_trust_needed` → `add-testimonials`
1655
+
1656
+ ## 🔴 145. Medication & Pill Reminder
1657
+
1658
+ - **Recommended pattern**: Trust & Authority + Feature-Rich
1659
+ - **Style priority**: Accessible & Ethical + Flat Design
1660
+ - **Color mood**: Medical trust blue + missed alert red + taken green + clean white
1661
+ - **Typography mood**: Bold + Clean + Sans-serif
1662
+ - **Key effects**: Color shift hover + Fast 150ms transitions + No shadows
1663
+ - **Anti-patterns**: Complex shadows + 3D effects + Color-only indicators
1664
+ - **Decision rules**:
1665
+ - `if_ux_focused` → `prioritize-clarity`
1666
+ - `if_mobile` → `optimize-touch-targets`
1667
+
1668
+ ## 🔴 146. Water & Hydration Reminder
1669
+
1670
+ - **Recommended pattern**: Minimal & Direct + Demo
1671
+ - **Style priority**: Claymorphism + Vibrant & Block-based
1672
+ - **Color mood**: Refreshing blue + water wave animation + goal progress accent
1673
+ - **Typography mood**: Playful + Rounded + Friendly
1674
+ - **Key effects**: Multi-layer shadows + Spring bounce + Soft press 200ms
1675
+ - **Anti-patterns**: Muted colors + Low energy
1676
+ - **Decision rules**:
1677
+ - `if_ux_focused` → `prioritize-clarity`
1678
+ - `if_mobile` → `optimize-touch-targets`
1679
+
1680
+ ## 🔴 147. Fasting & Intermittent Timer
1681
+
1682
+ - **Recommended pattern**: Feature-Rich Showcase + Social Proof
1683
+ - **Style priority**: Minimalism + Dark Mode (OLED)
1684
+ - **Color mood**: Fasting deep blue/purple + eating window green + timeline neutral
1685
+ - **Typography mood**: Professional + Clean hierarchy
1686
+ - **Key effects**: Subtle glow + Neon accents + High contrast
1687
+ - **Anti-patterns**: Excessive decoration + Pure white backgrounds
1688
+ - **Decision rules**:
1689
+ - `if_light_mode_needed` → `provide-theme-toggle`
1690
+ - `if_trust_needed` → `add-testimonials`
1691
+
1692
+ ## 🔴 148. Anonymous Community / Confession
1693
+
1694
+ - **Recommended pattern**: Social Proof-Focused + Feature-Rich
1695
+ - **Style priority**: Dark Mode (OLED) + Minimalism
1696
+ - **Color mood**: Dark protective + subtle gradient + upvote green + empathy warm accent
1697
+ - **Typography mood**: Professional + Clean hierarchy
1698
+ - **Key effects**: Subtle glow + Neon accents + High contrast
1699
+ - **Anti-patterns**: Excessive decoration + Pure white backgrounds
1700
+ - **Decision rules**:
1701
+ - `if_light_mode_needed` → `provide-theme-toggle`
1702
+ - `if_trust_needed` → `add-testimonials`
1703
+
1704
+ ## 🔴 149. Local Events & Discovery
1705
+
1706
+ - **Recommended pattern**: Hero-Centric Design + Feature-Rich
1707
+ - **Style priority**: Vibrant & Block-based + Motion-Driven
1708
+ - **Color mood**: City vibrant + event category colors + map accent + date highlight
1709
+ - **Typography mood**: Energetic + Bold + Large
1710
+ - **Key effects**: Scroll animations + Parallax + Page transitions
1711
+ - **Anti-patterns**: Muted colors + Low energy
1712
+ - **Decision rules**:
1713
+ - `if_ux_focused` → `prioritize-clarity`
1714
+ - `if_mobile` → `optimize-touch-targets`
1715
+
1716
+ ## 🔴 150. Study Together / Virtual Coworking
1717
+
1718
+ - **Recommended pattern**: Social Proof-Focused + Feature-Rich
1719
+ - **Style priority**: Minimalism + Soft UI Evolution
1720
+ - **Color mood**: Calm focus blue + session progress indicator + ambient warm neutrals
1721
+ - **Typography mood**: Professional + Clean hierarchy
1722
+ - **Key effects**: Subtle hover 200ms + Smooth transitions + Clean
1723
+ - **Anti-patterns**: Excessive decoration
1724
+ - **Decision rules**:
1725
+ - `if_trust_needed` → `add-testimonials`
1726
+
1727
+ ## 🔴 151. Coding Challenge & Practice
1728
+
1729
+ - **Recommended pattern**: Feature-Rich Showcase + Social Proof
1730
+ - **Style priority**: Dark Mode (OLED) + Cyberpunk UI
1731
+ - **Color mood**: Code editor dark + success green + difficulty gradient (easy green / medium amber / hard red)
1732
+ - **Typography mood**: High contrast + Light on dark
1733
+ - **Key effects**: Subtle glow + Neon accents + High contrast
1734
+ - **Anti-patterns**: Pure white backgrounds
1735
+ - **Decision rules**:
1736
+ - `if_light_mode_needed` → `provide-theme-toggle`
1737
+ - `if_trust_needed` → `add-testimonials`
1738
+
1739
+ ## 🔴 152. Kids Learning (ABC & Math)
1740
+
1741
+ - **Recommended pattern**: Social Proof-Focused + Trust
1742
+ - **Style priority**: Claymorphism + Vibrant & Block-based
1743
+ - **Color mood**: Bright primary + child-safe pastels + reward gold + interactive accent
1744
+ - **Typography mood**: Playful + Rounded + Friendly
1745
+ - **Key effects**: Multi-layer shadows + Spring bounce + Soft press 200ms
1746
+ - **Anti-patterns**: Muted colors + Low energy
1747
+ - **Decision rules**:
1748
+ - `if_trust_needed` → `add-testimonials`
1749
+
1750
+ ## 🔴 153. Music Instrument Learning
1751
+
1752
+ - **Recommended pattern**: Interactive Product Demo + Social Proof
1753
+ - **Style priority**: Vibrant & Block-based + Motion-Driven
1754
+ - **Color mood**: Musical warm deep red/brown + note color system + skill progress bar
1755
+ - **Typography mood**: Energetic + Bold + Large
1756
+ - **Key effects**: Scroll animations + Parallax + Page transitions
1757
+ - **Anti-patterns**: Muted colors + Low energy
1758
+ - **Decision rules**:
1759
+ - `if_trust_needed` → `add-testimonials`
1760
+
1761
+ ## 🔴 154. Parking Finder
1762
+
1763
+ - **Recommended pattern**: Conversion-Optimized + Feature-Rich
1764
+ - **Style priority**: Minimalism + Glassmorphism
1765
+ - **Color mood**: Trust blue + available green + occupied red + map neutral
1766
+ - **Typography mood**: Professional + Clean hierarchy
1767
+ - **Key effects**: Backdrop blur (10-20px) + Translucent overlays
1768
+ - **Anti-patterns**: Excessive decoration
1769
+ - **Decision rules**:
1770
+ - `if_low_performance` → `fallback-to-flat`
1771
+ - `if_conversion_focused` → `add-urgency-colors`
1772
+
1773
+ ## 🔴 155. Public Transit Guide
1774
+
1775
+ - **Recommended pattern**: Feature-Rich Showcase + Interactive Demo
1776
+ - **Style priority**: Flat Design + Accessible & Ethical
1777
+ - **Color mood**: Transit brand line colors + real-time indicator green/red + map neutral
1778
+ - **Typography mood**: Bold + Clean + Sans-serif
1779
+ - **Key effects**: Color shift hover + Fast 150ms transitions + No shadows
1780
+ - **Anti-patterns**: Complex shadows + 3D effects + Color-only indicators
1781
+ - **Decision rules**:
1782
+ - `if_ux_focused` → `prioritize-clarity`
1783
+ - `if_mobile` → `optimize-touch-targets`
1784
+
1785
+ ## 🔴 156. Road Trip Planner
1786
+
1787
+ - **Recommended pattern**: Storytelling-Driven + Hero-Centric
1788
+ - **Style priority**: Aurora UI + Organic Biophilic
1789
+ - **Color mood**: Adventure warm sunset orange + map teal + stop markers + road neutral
1790
+ - **Typography mood**: Elegant + Gradient-friendly
1791
+ - **Key effects**: Flowing gradients 8-12s + Color morphing
1792
+ - **Anti-patterns**: Inconsistent styling + Poor contrast ratios
1793
+ - **Decision rules**:
1794
+ - `if_ux_focused` → `prioritize-clarity`
1795
+ - `if_mobile` → `optimize-touch-targets`
1796
+
1797
+ ## 🔴 157. VPN & Privacy Tool
1798
+
1799
+ - **Recommended pattern**: Trust & Authority + Conversion-Optimized
1800
+ - **Style priority**: Minimalism + Dark Mode (OLED)
1801
+ - **Color mood**: Dark shield blue + connected green + disconnected red + trust accent
1802
+ - **Typography mood**: Professional + Clean hierarchy
1803
+ - **Key effects**: Subtle glow + Neon accents + High contrast
1804
+ - **Anti-patterns**: Excessive decoration + Pure white backgrounds
1805
+ - **Decision rules**:
1806
+ - `if_light_mode_needed` → `provide-theme-toggle`
1807
+ - `if_conversion_focused` → `add-urgency-colors`
1808
+
1809
+ ## 🔴 158. Emergency SOS & Safety
1810
+
1811
+ - **Recommended pattern**: Trust & Authority + Social Proof
1812
+ - **Style priority**: Accessible & Ethical + Flat Design
1813
+ - **Color mood**: Alert red + safety blue + location green + high contrast critical
1814
+ - **Typography mood**: Bold + Clean + Sans-serif
1815
+ - **Key effects**: Color shift hover + Fast 150ms transitions + No shadows
1816
+ - **Anti-patterns**: Complex shadows + 3D effects + Color-only indicators
1817
+ - **Decision rules**:
1818
+ - `if_trust_needed` → `add-testimonials`
1819
+
1820
+ ## 🔴 159. Wallpaper & Theme App
1821
+
1822
+ - **Recommended pattern**: Feature-Rich Showcase + Social Proof
1823
+ - **Style priority**: Vibrant & Block-based + Aurora UI
1824
+ - **Color mood**: Content-driven + trending aesthetic palettes + download accent
1825
+ - **Typography mood**: Energetic + Bold + Large
1826
+ - **Key effects**: Large section gaps 48px+ + Color shift hover + Scroll-snap
1827
+ - **Anti-patterns**: Muted colors + Low energy
1828
+ - **Decision rules**:
1829
+ - `if_trust_needed` → `add-testimonials`
1830
+
1831
+ ## 🔴 160. White Noise & Ambient Sound
1832
+
1833
+ - **Recommended pattern**: Minimal & Direct + Social Proof
1834
+ - **Style priority**: Minimalism + Dark Mode (OLED)
1835
+ - **Color mood**: Calming dark + ambient texture visual + subtle sound wave + sleep blue
1836
+ - **Typography mood**: Professional + Clean hierarchy
1837
+ - **Key effects**: Subtle glow + Neon accents + High contrast
1838
+ - **Anti-patterns**: Excessive decoration + Pure white backgrounds
1839
+ - **Decision rules**:
1840
+ - `if_light_mode_needed` → `provide-theme-toggle`
1841
+ - `if_trust_needed` → `add-testimonials`
1842
+
1843
+ ## 🔴 161. Home Decoration & Interior Design
1844
+
1845
+ - **Recommended pattern**: Storytelling-Driven + Feature-Rich
1846
+ - **Style priority**: Minimalism + 3D Product Preview
1847
+ - **Color mood**: Neutral interior palette + material texture accent + AR blue
1848
+ - **Typography mood**: Professional + Clean hierarchy
1849
+ - **Key effects**: Subtle hover 200ms + Smooth transitions + Clean
1850
+ - **Anti-patterns**: Excessive decoration
1851
+ - **Decision rules**:
1852
+ - `if_ux_focused` → `prioritize-clarity`
1853
+ - `if_mobile` → `optimize-touch-targets`