hoomanjs 1.46.0 → 1.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 (340) hide show
  1. package/README.md +44 -18
  2. package/dist/acp/acp-agent.d.ts +42 -0
  3. package/dist/acp/acp-agent.js +336 -47
  4. package/dist/acp/acp-agent.js.map +1 -1
  5. package/dist/acp/approvals.js +11 -10
  6. package/dist/acp/approvals.js.map +1 -1
  7. package/dist/acp/browser.d.ts +9 -0
  8. package/dist/acp/browser.js +23 -0
  9. package/dist/acp/browser.js.map +1 -0
  10. package/dist/acp/meta/vscode.d.ts +8 -7
  11. package/dist/acp/meta/vscode.js +10 -11
  12. package/dist/acp/meta/vscode.js.map +1 -1
  13. package/dist/acp/session-config.d.ts +2 -2
  14. package/dist/acp/session-config.js +24 -20
  15. package/dist/acp/session-config.js.map +1 -1
  16. package/dist/acp/sessions/store.d.ts +3 -3
  17. package/dist/acp/utils/tool-kind.js +8 -6
  18. package/dist/acp/utils/tool-kind.js.map +1 -1
  19. package/dist/chat/app.js +91 -11
  20. package/dist/chat/app.js.map +1 -1
  21. package/dist/chat/approvals.js +3 -0
  22. package/dist/chat/approvals.js.map +1 -1
  23. package/dist/chat/components/ApprovalPrompt.js +15 -25
  24. package/dist/chat/components/ApprovalPrompt.js.map +1 -1
  25. package/dist/chat/components/BackgroundJobsPanel.d.ts +10 -0
  26. package/dist/chat/components/BackgroundJobsPanel.js +15 -0
  27. package/dist/chat/components/BackgroundJobsPanel.js.map +1 -0
  28. package/dist/chat/components/BottomChrome.d.ts +6 -1
  29. package/dist/chat/components/BottomChrome.js +3 -2
  30. package/dist/chat/components/BottomChrome.js.map +1 -1
  31. package/dist/chat/components/ChromePicker.d.ts +7 -2
  32. package/dist/chat/components/ChromePicker.js +18 -2
  33. package/dist/chat/components/ChromePicker.js.map +1 -1
  34. package/dist/chat/components/Composer.js +3 -2
  35. package/dist/chat/components/Composer.js.map +1 -1
  36. package/dist/chat/components/DownloadPanel.js +2 -1
  37. package/dist/chat/components/DownloadPanel.js.map +1 -1
  38. package/dist/chat/components/EmptyChatBanner.js +2 -1
  39. package/dist/chat/components/EmptyChatBanner.js.map +1 -1
  40. package/dist/chat/components/PromptInput.js +2 -1
  41. package/dist/chat/components/PromptInput.js.map +1 -1
  42. package/dist/chat/components/QuestionPrompt.js +5 -4
  43. package/dist/chat/components/QuestionPrompt.js.map +1 -1
  44. package/dist/chat/components/QueuedPrompts.js +3 -2
  45. package/dist/chat/components/QueuedPrompts.js.map +1 -1
  46. package/dist/chat/components/ReasoningStrip.js +2 -1
  47. package/dist/chat/components/ReasoningStrip.js.map +1 -1
  48. package/dist/chat/components/RetryEvent.js +2 -1
  49. package/dist/chat/components/RetryEvent.js.map +1 -1
  50. package/dist/chat/components/SelectPicker.js +2 -1
  51. package/dist/chat/components/SelectPicker.js.map +1 -1
  52. package/dist/chat/components/ShellToolEvent.d.ts +12 -0
  53. package/dist/chat/components/ShellToolEvent.js +94 -0
  54. package/dist/chat/components/ShellToolEvent.js.map +1 -0
  55. package/dist/chat/components/SlashCommands.js +2 -1
  56. package/dist/chat/components/SlashCommands.js.map +1 -1
  57. package/dist/chat/components/Spinner.js +2 -1
  58. package/dist/chat/components/Spinner.js.map +1 -1
  59. package/dist/chat/components/StatusBar.js +19 -15
  60. package/dist/chat/components/StatusBar.js.map +1 -1
  61. package/dist/chat/components/ThinkingStatus.js +2 -1
  62. package/dist/chat/components/ThinkingStatus.js.map +1 -1
  63. package/dist/chat/components/ThoughtEvent.js +2 -1
  64. package/dist/chat/components/ThoughtEvent.js.map +1 -1
  65. package/dist/chat/components/TodoPanel.js +2 -1
  66. package/dist/chat/components/TodoPanel.js.map +1 -1
  67. package/dist/chat/components/ToolEvent.d.ts +2 -1
  68. package/dist/chat/components/ToolEvent.js +9 -2
  69. package/dist/chat/components/ToolEvent.js.map +1 -1
  70. package/dist/chat/components/ToolEventFileResult.js +8 -7
  71. package/dist/chat/components/ToolEventFileResult.js.map +1 -1
  72. package/dist/chat/components/Transcript.d.ts +4 -2
  73. package/dist/chat/components/Transcript.js +4 -4
  74. package/dist/chat/components/Transcript.js.map +1 -1
  75. package/dist/chat/components/markdown/BlockRenderer.js +3 -2
  76. package/dist/chat/components/markdown/BlockRenderer.js.map +1 -1
  77. package/dist/chat/components/markdown/CodeBlock.js +3 -2
  78. package/dist/chat/components/markdown/CodeBlock.js.map +1 -1
  79. package/dist/chat/components/markdown/InlineRenderer.js +6 -5
  80. package/dist/chat/components/markdown/InlineRenderer.js.map +1 -1
  81. package/dist/chat/components/shared.js +7 -6
  82. package/dist/chat/components/shared.js.map +1 -1
  83. package/dist/chat/types.d.ts +7 -0
  84. package/dist/cli.js +162 -44
  85. package/dist/cli.js.map +1 -1
  86. package/dist/configure/app.js +46 -29
  87. package/dist/configure/app.js.map +1 -1
  88. package/dist/configure/components/BusyScreen.js +2 -1
  89. package/dist/configure/components/BusyScreen.js.map +1 -1
  90. package/dist/configure/components/MenuScreen.js +3 -2
  91. package/dist/configure/components/MenuScreen.js.map +1 -1
  92. package/dist/configure/components/PromptForm.js +2 -1
  93. package/dist/configure/components/PromptForm.js.map +1 -1
  94. package/dist/configure/components/SelectMenuItem.js +4 -3
  95. package/dist/configure/components/SelectMenuItem.js.map +1 -1
  96. package/dist/configure/utils.js +4 -3
  97. package/dist/configure/utils.js.map +1 -1
  98. package/dist/core/agent/default-retry-strategy.js +46 -12
  99. package/dist/core/agent/default-retry-strategy.js.map +1 -1
  100. package/dist/core/agent/gitignore-guard-plugin.js +17 -2
  101. package/dist/core/agent/gitignore-guard-plugin.js.map +1 -1
  102. package/dist/core/agent/index.js +38 -7
  103. package/dist/core/agent/index.js.map +1 -1
  104. package/dist/core/approvals/allowlist.js +1 -0
  105. package/dist/core/approvals/allowlist.js.map +1 -1
  106. package/dist/core/approvals/intervention.d.ts +10 -2
  107. package/dist/core/approvals/intervention.js +46 -8
  108. package/dist/core/approvals/intervention.js.map +1 -1
  109. package/dist/core/config.d.ts +9 -2
  110. package/dist/core/config.js +8 -4
  111. package/dist/core/config.js.map +1 -1
  112. package/dist/core/index.d.ts +2 -2
  113. package/dist/core/mcp/oauth/service.js +2 -2
  114. package/dist/core/mcp/oauth/service.js.map +1 -1
  115. package/dist/core/models/bedrock.js +6 -0
  116. package/dist/core/models/bedrock.js.map +1 -1
  117. package/dist/core/models/groq.js +34 -14
  118. package/dist/core/models/groq.js.map +1 -1
  119. package/dist/core/models/minimax.js +1 -1
  120. package/dist/core/models/minimax.js.map +1 -1
  121. package/dist/core/models/types.d.ts +10 -2
  122. package/dist/core/models/types.js +1 -0
  123. package/dist/core/models/types.js.map +1 -1
  124. package/dist/core/modes/definitions.d.ts +4 -2
  125. package/dist/core/modes/definitions.js +77 -9
  126. package/dist/core/modes/definitions.js.map +1 -1
  127. package/dist/core/modes/index.d.ts +1 -1
  128. package/dist/core/modes/index.js +1 -1
  129. package/dist/core/modes/index.js.map +1 -1
  130. package/dist/core/modes/registry.js +4 -9
  131. package/dist/core/modes/registry.js.map +1 -1
  132. package/dist/core/modes/schema.d.ts +1 -1
  133. package/dist/core/modes/schema.js +1 -1
  134. package/dist/core/modes/schema.js.map +1 -1
  135. package/dist/core/prompts/agents/{review.md → code-review.md} +2 -2
  136. package/dist/core/prompts/agents/design-review.md +35 -0
  137. package/dist/core/prompts/agents/{test-investigator.md → quality-analyst.md} +2 -2
  138. package/dist/core/prompts/modes/agent.md +2 -0
  139. package/dist/core/prompts/modes/ask.md +2 -2
  140. package/dist/core/prompts/modes/design.md +37 -0
  141. package/dist/core/prompts/modes/plan.md +5 -5
  142. package/dist/core/prompts/{runtime.js → runtime/agents.js} +2 -2
  143. package/dist/core/prompts/runtime/agents.js.map +1 -0
  144. package/dist/core/prompts/runtime/design.d.ts +11 -0
  145. package/dist/core/prompts/runtime/design.js +78 -0
  146. package/dist/core/prompts/runtime/design.js.map +1 -0
  147. package/dist/core/prompts/{session-mode-appendix.js → session-mode.js} +1 -1
  148. package/dist/core/prompts/session-mode.js.map +1 -0
  149. package/dist/core/prompts/static/ask-user.md +3 -2
  150. package/dist/core/prompts/static/fetch.md +2 -1
  151. package/dist/core/prompts/static/filesystem.md +2 -1
  152. package/dist/core/prompts/static/shell.md +21 -1
  153. package/dist/core/prompts/static/subagents.md +2 -1
  154. package/dist/core/prompts/static/switch-mode.md +10 -0
  155. package/dist/core/prompts/system.d.ts +1 -0
  156. package/dist/core/prompts/system.js +11 -3
  157. package/dist/core/prompts/system.js.map +1 -1
  158. package/dist/core/shell/index.d.ts +7 -0
  159. package/dist/core/shell/index.js +6 -0
  160. package/dist/core/shell/index.js.map +1 -0
  161. package/dist/core/shell/manager.d.ts +23 -0
  162. package/dist/core/shell/manager.js +604 -0
  163. package/dist/core/shell/manager.js.map +1 -0
  164. package/dist/core/shell/output-buffer.d.ts +30 -0
  165. package/dist/core/shell/output-buffer.js +116 -0
  166. package/dist/core/shell/output-buffer.js.map +1 -0
  167. package/dist/core/shell/registry.d.ts +5 -0
  168. package/dist/core/shell/registry.js +24 -0
  169. package/dist/core/shell/registry.js.map +1 -0
  170. package/dist/core/{tools/shell.d.ts → shell/terminal-backend.d.ts} +20 -18
  171. package/dist/core/shell/terminal-backend.js +18 -0
  172. package/dist/core/shell/terminal-backend.js.map +1 -0
  173. package/dist/core/shell/tools.d.ts +41 -0
  174. package/dist/core/{tools/shell.js → shell/tools.js} +186 -11
  175. package/dist/core/shell/tools.js.map +1 -0
  176. package/dist/core/shell/types.d.ts +95 -0
  177. package/dist/core/shell/types.js +2 -0
  178. package/dist/core/shell/types.js.map +1 -0
  179. package/dist/core/skills/built-in/hooman-config/SKILL.md +30 -35
  180. package/dist/core/skills/built-in/hooman-config/search.md +5 -3
  181. package/dist/core/skills/built-in/hooman-design/SKILL.md +97 -0
  182. package/dist/core/skills/built-in/hooman-design/assets/article-shell.html +87 -0
  183. package/dist/core/skills/built-in/hooman-design/assets/auth-shell.html +143 -0
  184. package/dist/core/skills/built-in/hooman-design/assets/business-card-shell.html +112 -0
  185. package/dist/core/skills/built-in/hooman-design/assets/contact-shell.html +181 -0
  186. package/dist/core/skills/built-in/hooman-design/assets/dashboard-shell.html +90 -0
  187. package/dist/core/skills/built-in/hooman-design/assets/data-table-shell.html +114 -0
  188. package/dist/core/skills/built-in/hooman-design/assets/deck-shell.html +187 -0
  189. package/dist/core/skills/built-in/hooman-design/assets/dialog-shell.html +98 -0
  190. package/dist/core/skills/built-in/hooman-design/assets/email-shell.html +101 -0
  191. package/dist/core/skills/built-in/hooman-design/assets/empty-state-shell.html +92 -0
  192. package/dist/core/skills/built-in/hooman-design/assets/flyer-shell.html +168 -0
  193. package/dist/core/skills/built-in/hooman-design/assets/invite-shell.html +167 -0
  194. package/dist/core/skills/built-in/hooman-design/assets/landing-shell.html +184 -0
  195. package/dist/core/skills/built-in/hooman-design/assets/mobile-frame-shell.html +109 -0
  196. package/dist/core/skills/built-in/hooman-design/assets/newsletter-shell.html +141 -0
  197. package/dist/core/skills/built-in/hooman-design/assets/onboarding-shell.html +131 -0
  198. package/dist/core/skills/built-in/hooman-design/assets/pricing-shell.html +160 -0
  199. package/dist/core/skills/built-in/hooman-design/assets/prototype-shell.html +83 -0
  200. package/dist/core/skills/built-in/hooman-design/assets/resume-shell.html +228 -0
  201. package/dist/core/skills/built-in/hooman-design/assets/settings-shell.html +196 -0
  202. package/dist/core/skills/built-in/hooman-design/assets/tokens/botanical-calm.css +34 -0
  203. package/dist/core/skills/built-in/hooman-design/assets/tokens/copper-ledger.css +34 -0
  204. package/dist/core/skills/built-in/hooman-design/assets/tokens/editorial-ink.css +34 -0
  205. package/dist/core/skills/built-in/hooman-design/assets/tokens/fintech-clear.css +34 -0
  206. package/dist/core/skills/built-in/hooman-design/assets/tokens/harbor-navy.css +35 -0
  207. package/dist/core/skills/built-in/hooman-design/assets/tokens/midnight-editorial.css +34 -0
  208. package/dist/core/skills/built-in/hooman-design/assets/tokens/night-console.css +34 -0
  209. package/dist/core/skills/built-in/hooman-design/assets/tokens/paper-mono.css +35 -0
  210. package/dist/core/skills/built-in/hooman-design/assets/tokens/signal-mono.css +34 -0
  211. package/dist/core/skills/built-in/hooman-design/assets/tokens/soft-product.css +34 -0
  212. package/dist/core/skills/built-in/hooman-design/assets/tokens/swiss-grid.css +34 -0
  213. package/dist/core/skills/built-in/hooman-design/assets/tokens/warm-atelier.css +34 -0
  214. package/dist/core/skills/built-in/hooman-design/assets/waitlist-shell.html +139 -0
  215. package/dist/core/skills/built-in/hooman-design/craft/accessibility-baseline.md +32 -0
  216. package/dist/core/skills/built-in/hooman-design/craft/anti-ai-slop.md +27 -0
  217. package/dist/core/skills/built-in/hooman-design/craft/color-surfaces.md +45 -0
  218. package/dist/core/skills/built-in/hooman-design/craft/data-viz.md +24 -0
  219. package/dist/core/skills/built-in/hooman-design/craft/deck-slides.md +46 -0
  220. package/dist/core/skills/built-in/hooman-design/craft/forms-validation.md +35 -0
  221. package/dist/core/skills/built-in/hooman-design/craft/iconography.md +19 -0
  222. package/dist/core/skills/built-in/hooman-design/craft/layout-overflow.md +31 -0
  223. package/dist/core/skills/built-in/hooman-design/craft/motion.md +41 -0
  224. package/dist/core/skills/built-in/hooman-design/craft/print.md +37 -0
  225. package/dist/core/skills/built-in/hooman-design/craft/responsive.md +30 -0
  226. package/dist/core/skills/built-in/hooman-design/craft/spacing-density.md +46 -0
  227. package/dist/core/skills/built-in/hooman-design/craft/state-coverage.md +21 -0
  228. package/dist/core/skills/built-in/hooman-design/craft/typography.md +73 -0
  229. package/dist/core/skills/built-in/hooman-design/directions.md +115 -0
  230. package/dist/core/skills/built-in/hooman-design/references/artifact-layout.md +15 -0
  231. package/dist/core/skills/built-in/hooman-design/references/export.md +47 -0
  232. package/dist/core/skills/built-in/hooman-design/references/workflow.md +80 -0
  233. package/dist/core/skills/built-in/hooman-mcp/SKILL.md +2 -2
  234. package/dist/core/state/llm-modality.d.ts +13 -0
  235. package/dist/core/state/llm-modality.js +19 -0
  236. package/dist/core/state/llm-modality.js.map +1 -0
  237. package/dist/core/state/plan.d.ts +1 -1
  238. package/dist/core/state/plan.js +1 -1
  239. package/dist/core/state/shell-jobs.d.ts +9 -0
  240. package/dist/core/state/shell-jobs.js +20 -0
  241. package/dist/core/state/shell-jobs.js.map +1 -0
  242. package/dist/core/state/tool-approvals.d.ts +12 -9
  243. package/dist/core/state/tool-approvals.js +94 -52
  244. package/dist/core/state/tool-approvals.js.map +1 -1
  245. package/dist/core/state/turn-boundaries.d.ts +33 -0
  246. package/dist/core/state/turn-boundaries.js +49 -0
  247. package/dist/core/state/turn-boundaries.js.map +1 -0
  248. package/dist/core/subagents/index.d.ts +1 -1
  249. package/dist/core/subagents/index.js +1 -1
  250. package/dist/core/subagents/registry.js +15 -6
  251. package/dist/core/subagents/registry.js.map +1 -1
  252. package/dist/core/subagents/tool.d.ts +8 -2
  253. package/dist/core/subagents/tool.js +93 -44
  254. package/dist/core/subagents/tool.js.map +1 -1
  255. package/dist/core/theme.d.ts +14 -0
  256. package/dist/core/theme.js +14 -0
  257. package/dist/core/theme.js.map +1 -0
  258. package/dist/core/tools/ask-user.d.ts +1 -1
  259. package/dist/core/tools/ask-user.js +1 -1
  260. package/dist/core/tools/export.d.ts +8 -0
  261. package/dist/core/tools/export.js +202 -0
  262. package/dist/core/tools/export.js.map +1 -0
  263. package/dist/core/tools/fetch.d.ts +2 -0
  264. package/dist/core/tools/fetch.js +92 -55
  265. package/dist/core/tools/fetch.js.map +1 -1
  266. package/dist/core/tools/filesystem.d.ts +2 -1
  267. package/dist/core/tools/filesystem.js +38 -4
  268. package/dist/core/tools/filesystem.js.map +1 -1
  269. package/dist/core/tools/index.d.ts +3 -2
  270. package/dist/core/tools/index.js +3 -2
  271. package/dist/core/tools/index.js.map +1 -1
  272. package/dist/core/tools/preview.d.ts +10 -0
  273. package/dist/core/tools/preview.js +147 -0
  274. package/dist/core/tools/preview.js.map +1 -0
  275. package/dist/core/tools/switch-mode.d.ts +6 -0
  276. package/dist/core/tools/switch-mode.js +188 -0
  277. package/dist/core/tools/switch-mode.js.map +1 -0
  278. package/dist/core/tools/web-search.js +176 -0
  279. package/dist/core/tools/web-search.js.map +1 -1
  280. package/dist/core/utils/browser.d.ts +8 -1
  281. package/dist/core/utils/browser.js +17 -1
  282. package/dist/core/utils/browser.js.map +1 -1
  283. package/dist/core/utils/export-design.d.ts +40 -0
  284. package/dist/core/utils/export-design.js +188 -0
  285. package/dist/core/utils/export-design.js.map +1 -0
  286. package/dist/core/utils/export-figma.d.ts +17 -0
  287. package/dist/core/utils/export-figma.js +189 -0
  288. package/dist/core/utils/export-figma.js.map +1 -0
  289. package/dist/core/utils/export-sketch.d.ts +11 -0
  290. package/dist/core/utils/export-sketch.js +456 -0
  291. package/dist/core/utils/export-sketch.js.map +1 -0
  292. package/dist/core/utils/fig-archive.d.ts +47 -0
  293. package/dist/core/utils/fig-archive.js +181 -0
  294. package/dist/core/utils/fig-archive.js.map +1 -0
  295. package/dist/core/utils/metadata.d.ts +30 -0
  296. package/dist/core/utils/metadata.js +122 -0
  297. package/dist/core/utils/metadata.js.map +1 -1
  298. package/dist/core/utils/models-prefetch.d.ts +53 -0
  299. package/dist/core/utils/models-prefetch.js +469 -0
  300. package/dist/core/utils/models-prefetch.js.map +1 -0
  301. package/dist/core/utils/onboarding-config.d.ts +48 -0
  302. package/dist/core/utils/onboarding-config.js +373 -0
  303. package/dist/core/utils/onboarding-config.js.map +1 -0
  304. package/dist/core/utils/paths.d.ts +9 -7
  305. package/dist/core/utils/paths.js +12 -10
  306. package/dist/core/utils/paths.js.map +1 -1
  307. package/dist/core/utils/preview-server.d.ts +20 -0
  308. package/dist/core/utils/preview-server.js +212 -0
  309. package/dist/core/utils/preview-server.js.map +1 -0
  310. package/dist/core/utils/search-probe.d.ts +19 -0
  311. package/dist/core/utils/search-probe.js +165 -0
  312. package/dist/core/utils/search-probe.js.map +1 -0
  313. package/dist/core/utils/seeds/empty-slides.deck +0 -0
  314. package/dist/core/utils/url-safety.d.ts +2 -0
  315. package/dist/core/utils/url-safety.js +47 -0
  316. package/dist/core/utils/url-safety.js.map +1 -0
  317. package/dist/core/utils/zstd.d.ts +6 -0
  318. package/dist/core/utils/zstd.js +39 -0
  319. package/dist/core/utils/zstd.js.map +1 -0
  320. package/dist/exec/approvals.js +5 -5
  321. package/dist/exec/approvals.js.map +1 -1
  322. package/dist/index.d.ts +11 -5
  323. package/dist/index.js +8 -5
  324. package/dist/index.js.map +1 -1
  325. package/dist/onboarding/app.d.ts +5 -0
  326. package/dist/onboarding/app.js +255 -0
  327. package/dist/onboarding/app.js.map +1 -0
  328. package/dist/onboarding/index.d.ts +5 -0
  329. package/dist/onboarding/index.js +27 -0
  330. package/dist/onboarding/index.js.map +1 -0
  331. package/package.json +16 -3
  332. package/dist/core/prompts/runtime.js.map +0 -1
  333. package/dist/core/prompts/session-mode-appendix.js.map +0 -1
  334. package/dist/core/prompts/static/planning.md +0 -3
  335. package/dist/core/tools/plan.d.ts +0 -5
  336. package/dist/core/tools/plan.js +0 -150
  337. package/dist/core/tools/plan.js.map +0 -1
  338. package/dist/core/tools/shell.js.map +0 -1
  339. /package/dist/core/prompts/{runtime.d.ts → runtime/agents.d.ts} +0 -0
  340. /package/dist/core/prompts/{session-mode-appendix.d.ts → session-mode.d.ts} +0 -0
package/dist/core/skills/built-in/hooman-design/assets/email-shell.html ADDED
@@ -0,0 +1,101 @@
1
+ <!doctype html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="utf-8" />
5
+ <meta name="viewport" content="width=device-width, initial-scale=1" />
6
+ <title>Email</title>
7
+ <style>
8
+ /* Transactional email: table layout, inline-safe patterns, 600px canvas */
9
+ body {
10
+ margin: 0;
11
+ padding: 0;
12
+ background: #f4f4f5;
13
+ font-family:
14
+ system-ui,
15
+ -apple-system,
16
+ sans-serif;
17
+ color: #18181b;
18
+ }
19
+ .outer {
20
+ width: 100%;
21
+ background: #f4f4f5;
22
+ padding: 24px 12px;
23
+ }
24
+ .inner {
25
+ width: 100%;
26
+ max-width: 600px;
27
+ margin: 0 auto;
28
+ background: #ffffff;
29
+ border: 1px solid #e4e4e7;
30
+ border-radius: 6px;
31
+ overflow: hidden;
32
+ }
33
+ .pad {
34
+ padding: 28px 32px;
35
+ }
36
+ .brand {
37
+ font-size: 14px;
38
+ font-weight: 700;
39
+ letter-spacing: -0.02em;
40
+ margin: 0 0 20px;
41
+ }
42
+ h1 {
43
+ font-size: 22px;
44
+ line-height: 1.25;
45
+ letter-spacing: -0.02em;
46
+ margin: 0 0 12px;
47
+ }
48
+ p {
49
+ font-size: 15px;
50
+ line-height: 1.55;
51
+ color: #3f3f46;
52
+ margin: 0 0 16px;
53
+ }
54
+ .btn {
55
+ display: inline-block;
56
+ padding: 12px 18px;
57
+ background: #0f766e;
58
+ color: #ffffff !important;
59
+ text-decoration: none;
60
+ border-radius: 6px;
61
+ font-size: 14px;
62
+ font-weight: 600;
63
+ }
64
+ .foot {
65
+ padding: 16px 32px 24px;
66
+ font-size: 12px;
67
+ line-height: 1.45;
68
+ color: #71717a;
69
+ border-top: 1px solid #e4e4e7;
70
+ }
71
+ .foot a {
72
+ color: #0f766e;
73
+ }
74
+ </style>
75
+ </head>
76
+ <body>
77
+ <div class="outer">
78
+ <div class="inner">
79
+ <div class="pad">
80
+ <p class="brand">Product</p>
81
+ <h1>Action required</h1>
82
+ <p>
83
+ One short reason for this email. Keep the primary action above the
84
+ fold. No fake urgency.
85
+ </p>
86
+ <p><a class="btn" href="#">Primary action</a></p>
87
+ <p>
88
+ If the button fails, paste this URL into your browser:<br />
89
+ <span style="word-break: break-all; color: #71717a"
90
+ >https://example.com/action</span
91
+ >
92
+ </p>
93
+ </div>
94
+ <div class="foot">
95
+ You’re receiving this because of an account action.
96
+ <a href="#">Unsubscribe</a> · <a href="#">Help</a>
97
+ </div>
98
+ </div>
99
+ </div>
100
+ </body>
101
+ </html>
package/dist/core/skills/built-in/hooman-design/assets/empty-state-shell.html ADDED
@@ -0,0 +1,92 @@
1
+ <!doctype html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="utf-8" />
5
+ <meta name="viewport" content="width=device-width, initial-scale=1" />
6
+ <title>Empty state</title>
7
+ <style>
8
+ :root {
9
+ --bg: #f8fafc;
10
+ --ink: #0f172a;
11
+ --muted: #64748b;
12
+ --accent: #0f766e;
13
+ --surface: #ffffff;
14
+ --border: #e2e8f0;
15
+ --font-body: system-ui, -apple-system, sans-serif;
16
+ }
17
+ * {
18
+ box-sizing: border-box;
19
+ }
20
+ body {
21
+ margin: 0;
22
+ min-height: 100vh;
23
+ display: grid;
24
+ place-items: center;
25
+ font-family: var(--font-body);
26
+ background: var(--bg);
27
+ color: var(--ink);
28
+ padding: 1.5rem;
29
+ }
30
+ .panel {
31
+ width: min(100%, 28rem);
32
+ text-align: center;
33
+ background: var(--surface);
34
+ border: 1px solid var(--border);
35
+ border-radius: 0.375rem;
36
+ padding: 2.5rem 1.75rem;
37
+ }
38
+ .icon {
39
+ width: 2.5rem;
40
+ height: 2.5rem;
41
+ margin: 0 auto 1rem;
42
+ color: var(--muted);
43
+ }
44
+ h1 {
45
+ margin: 0 0 0.5rem;
46
+ font-size: 1.25rem;
47
+ letter-spacing: -0.02em;
48
+ }
49
+ p {
50
+ margin: 0 0 1.25rem;
51
+ color: var(--muted);
52
+ font-size: 0.9375rem;
53
+ line-height: 1.5;
54
+ }
55
+ .btn {
56
+ display: inline-block;
57
+ padding: 0.65rem 1.1rem;
58
+ border-radius: 0.375rem;
59
+ background: var(--accent);
60
+ color: #fff;
61
+ text-decoration: none;
62
+ font-size: 0.9375rem;
63
+ font-weight: 600;
64
+ }
65
+ .btn:focus-visible {
66
+ outline: 2px solid var(--ink);
67
+ outline-offset: 2px;
68
+ }
69
+ </style>
70
+ </head>
71
+ <body>
72
+ <main class="panel">
73
+ <svg class="icon" viewBox="0 0 24 24" fill="none" aria-hidden="true">
74
+ <rect
75
+ x="3"
76
+ y="5"
77
+ width="18"
78
+ height="14"
79
+ rx="2"
80
+ stroke="currentColor"
81
+ stroke-width="1.5"
82
+ />
83
+ <path d="M3 9h18" stroke="currentColor" stroke-width="1.5" />
84
+ </svg>
85
+ <h1>No projects yet</h1>
86
+ <p>
87
+ Create your first project to see activity here. Real empty copy only.
88
+ </p>
89
+ <a class="btn" href="#">Create project</a>
90
+ </main>
91
+ </body>
92
+ </html>
package/dist/core/skills/built-in/hooman-design/assets/flyer-shell.html ADDED
@@ -0,0 +1,168 @@
1
+ <!doctype html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="utf-8" />
5
+ <meta name="viewport" content="width=device-width, initial-scale=1" />
6
+ <title>Flyer</title>
7
+ <style>
8
+ :root {
9
+ --bg: #e8e4dc;
10
+ --ink: #141414;
11
+ --muted: #4a4a4a;
12
+ --accent: #c45c26;
13
+ --paper: #f7f5f2;
14
+ --border: #d4cfc4;
15
+ --font-display:
16
+ "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;
17
+ --font-body: system-ui, -apple-system, sans-serif;
18
+ --font-mono: ui-monospace, "SF Mono", Menlo, monospace;
19
+ }
20
+ * {
21
+ box-sizing: border-box;
22
+ }
23
+ body {
24
+ margin: 0;
25
+ min-height: 100vh;
26
+ display: grid;
27
+ place-items: center;
28
+ font-family: var(--font-body);
29
+ background: var(--bg);
30
+ color: var(--ink);
31
+ padding: 1.5rem;
32
+ line-height: 1.45;
33
+ }
34
+ .flyer {
35
+ width: min(100%, 28rem);
36
+ min-height: 36rem;
37
+ background: var(--paper);
38
+ border: 1px solid var(--border);
39
+ border-radius: 0.375rem;
40
+ padding: 2rem 1.75rem;
41
+ display: flex;
42
+ flex-direction: column;
43
+ gap: 1.25rem;
44
+ }
45
+ .band {
46
+ font-family: var(--font-mono);
47
+ font-size: 0.6875rem;
48
+ letter-spacing: 0.14em;
49
+ text-transform: uppercase;
50
+ color: var(--accent);
51
+ font-weight: 600;
52
+ }
53
+ h1 {
54
+ margin: 0;
55
+ font-family: var(--font-display);
56
+ font-size: clamp(2.25rem, 8vw, 3rem);
57
+ line-height: 1.05;
58
+ letter-spacing: -0.03em;
59
+ font-weight: 400;
60
+ }
61
+ .lede {
62
+ margin: 0;
63
+ font-size: 1.0625rem;
64
+ color: var(--muted);
65
+ max-width: 22ch;
66
+ }
67
+ .hero-rule {
68
+ height: 1px;
69
+ background: var(--border);
70
+ border: 0;
71
+ margin: 0.25rem 0;
72
+ }
73
+ .points {
74
+ margin: 0;
75
+ padding: 0;
76
+ list-style: none;
77
+ display: grid;
78
+ gap: 0.75rem;
79
+ }
80
+ .points li {
81
+ display: grid;
82
+ grid-template-columns: 1.5rem 1fr;
83
+ gap: 0.5rem;
84
+ font-size: 0.9375rem;
85
+ }
86
+ .points span {
87
+ font-family: var(--font-mono);
88
+ font-size: 0.75rem;
89
+ color: var(--accent);
90
+ padding-top: 0.15rem;
91
+ }
92
+ .cta {
93
+ margin-top: auto;
94
+ padding-top: 1rem;
95
+ border-top: 1px solid var(--border);
96
+ display: flex;
97
+ flex-wrap: wrap;
98
+ align-items: baseline;
99
+ justify-content: space-between;
100
+ gap: 0.75rem;
101
+ }
102
+ .cta strong {
103
+ font-size: 1.125rem;
104
+ letter-spacing: -0.01em;
105
+ }
106
+ .cta a {
107
+ color: var(--accent);
108
+ font-weight: 600;
109
+ text-decoration: none;
110
+ font-size: 0.9375rem;
111
+ }
112
+ .cta a:hover {
113
+ text-decoration: underline;
114
+ }
115
+ .fine {
116
+ margin: 0;
117
+ font-size: 0.75rem;
118
+ color: var(--muted);
119
+ }
120
+ @page {
121
+ size: A5;
122
+ margin: 10mm;
123
+ }
124
+ @media print {
125
+ body {
126
+ background: #fff;
127
+ padding: 0;
128
+ }
129
+ .flyer {
130
+ border: none;
131
+ width: 100%;
132
+ min-height: auto;
133
+ }
134
+ }
135
+ </style>
136
+ </head>
137
+ <body>
138
+ <article class="flyer">
139
+ <p class="band">Workshop · one night only</p>
140
+ <h1>Type that holds under pressure</h1>
141
+ <p class="lede">
142
+ A hands-on evening on hierarchy, measure, and ink for dense product UI.
143
+ </p>
144
+ <hr class="hero-rule" />
145
+ <ul class="points">
146
+ <li>
147
+ <span>01</span>
148
+ Live critiques of real screens (bring one)
149
+ </li>
150
+ <li>
151
+ <span>02</span>
152
+ Pair exercises on scale and contrast
153
+ </li>
154
+ <li>
155
+ <span>03</span>
156
+ Take-home checklist for design reviews
157
+ </li>
158
+ </ul>
159
+ <div class="cta">
160
+ <div>
161
+ <strong>Thu 24 Jul · 19:00</strong>
162
+ <p class="fine">Northwind Studio · Lisbon · €45</p>
163
+ </div>
164
+ <a href="https://example.com/workshop">Reserve a seat</a>
165
+ </div>
166
+ </article>
167
+ </body>
168
+ </html>
package/dist/core/skills/built-in/hooman-design/assets/invite-shell.html ADDED
@@ -0,0 +1,167 @@
1
+ <!doctype html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="utf-8" />
5
+ <meta name="viewport" content="width=device-width, initial-scale=1" />
6
+ <title>Invite</title>
7
+ <style>
8
+ :root {
9
+ --bg: #f7f5f2;
10
+ --ink: #1a1a1a;
11
+ --muted: #5c5c5c;
12
+ --accent: #0f6b6b;
13
+ --surface: #ffffff;
14
+ --border: #e8e4dc;
15
+ --font-display: Georgia, "Times New Roman", ui-serif, serif;
16
+ --font-body: system-ui, -apple-system, sans-serif;
17
+ --font-mono: ui-monospace, "SF Mono", Menlo, monospace;
18
+ }
19
+ * {
20
+ box-sizing: border-box;
21
+ }
22
+ body {
23
+ margin: 0;
24
+ min-height: 100vh;
25
+ display: grid;
26
+ place-items: center;
27
+ font-family: var(--font-body);
28
+ background: var(--bg);
29
+ color: var(--ink);
30
+ padding: 1.5rem;
31
+ line-height: 1.5;
32
+ }
33
+ .invite {
34
+ width: min(100%, 26rem);
35
+ background: var(--surface);
36
+ border: 1px solid var(--border);
37
+ border-radius: 0.375rem;
38
+ padding: 2.25rem 1.75rem;
39
+ text-align: center;
40
+ }
41
+ .eyebrow {
42
+ margin: 0 0 1rem;
43
+ font-family: var(--font-mono);
44
+ font-size: 0.6875rem;
45
+ letter-spacing: 0.14em;
46
+ text-transform: uppercase;
47
+ color: var(--accent);
48
+ }
49
+ h1 {
50
+ margin: 0 0 0.75rem;
51
+ font-family: var(--font-display);
52
+ font-size: clamp(1.75rem, 5vw, 2.25rem);
53
+ letter-spacing: -0.02em;
54
+ line-height: 1.15;
55
+ font-weight: 400;
56
+ }
57
+ .lede {
58
+ margin: 0 0 1.75rem;
59
+ color: var(--muted);
60
+ font-size: 0.9375rem;
61
+ }
62
+ .meta {
63
+ display: grid;
64
+ gap: 0.85rem;
65
+ margin: 0 0 1.75rem;
66
+ padding: 1.1rem 0;
67
+ border-top: 1px solid var(--border);
68
+ border-bottom: 1px solid var(--border);
69
+ text-align: left;
70
+ }
71
+ .meta dt {
72
+ margin: 0;
73
+ font-size: 0.6875rem;
74
+ letter-spacing: 0.08em;
75
+ text-transform: uppercase;
76
+ color: var(--muted);
77
+ font-weight: 600;
78
+ }
79
+ .meta dd {
80
+ margin: 0.2rem 0 0;
81
+ font-size: 0.9375rem;
82
+ }
83
+ .meta div {
84
+ display: grid;
85
+ grid-template-columns: 5.5rem 1fr;
86
+ gap: 0.5rem;
87
+ align-items: baseline;
88
+ }
89
+ .actions {
90
+ display: flex;
91
+ flex-wrap: wrap;
92
+ gap: 0.5rem;
93
+ justify-content: center;
94
+ }
95
+ .btn {
96
+ display: inline-block;
97
+ padding: 0.65rem 1.1rem;
98
+ border-radius: 0.375rem;
99
+ background: var(--accent);
100
+ color: #fff;
101
+ text-decoration: none;
102
+ font-size: 0.875rem;
103
+ font-weight: 600;
104
+ }
105
+ .btn-secondary {
106
+ background: transparent;
107
+ color: var(--ink);
108
+ border: 1px solid var(--border);
109
+ }
110
+ .btn:focus-visible,
111
+ .btn-secondary:focus-visible {
112
+ outline: 2px solid var(--ink);
113
+ outline-offset: 2px;
114
+ }
115
+ .rsvp {
116
+ margin: 1.25rem 0 0;
117
+ font-size: 0.75rem;
118
+ color: var(--muted);
119
+ }
120
+ @page {
121
+ size: A5;
122
+ margin: 12mm;
123
+ }
124
+ @media print {
125
+ body {
126
+ background: #fff;
127
+ padding: 0;
128
+ }
129
+ .invite {
130
+ border: none;
131
+ width: 100%;
132
+ }
133
+ .actions {
134
+ display: none;
135
+ }
136
+ }
137
+ </style>
138
+ </head>
139
+ <body>
140
+ <article class="invite">
141
+ <p class="eyebrow">You’re invited</p>
142
+ <h1>Summer studio open house</h1>
143
+ <p class="lede">
144
+ An evening of work-in-progress, short talks, and drinks on the terrace.
145
+ </p>
146
+ <dl class="meta">
147
+ <div>
148
+ <dt>When</dt>
149
+ <dd>Friday, 18 July · 18:00–21:00</dd>
150
+ </div>
151
+ <div>
152
+ <dt>Where</dt>
153
+ <dd>Northwind Studio · 12 Rua da Alegria, Lisbon</dd>
154
+ </div>
155
+ <div>
156
+ <dt>Dress</dt>
157
+ <dd>Smart casual</dd>
158
+ </div>
159
+ </dl>
160
+ <div class="actions">
161
+ <a class="btn" href="#rsvp">RSVP</a>
162
+ <a class="btn btn-secondary" href="#calendar">Add to calendar</a>
163
+ </div>
164
+ <p class="rsvp" id="rsvp">Please reply by 10 July · alex@example.com</p>
165
+ </article>
166
+ </body>
167
+ </html>
package/dist/core/skills/built-in/hooman-design/assets/landing-shell.html ADDED
@@ -0,0 +1,184 @@
1
+ <!doctype html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="utf-8" />
5
+ <meta name="viewport" content="width=device-width, initial-scale=1" />
6
+ <title>Landing</title>
7
+ <link rel="preconnect" href="https://fonts.googleapis.com" />
8
+ <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
9
+ <link
10
+ href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&family=Source+Serif+4:opsz,wght@8..60,600;8..60,700&display=swap"
11
+ rel="stylesheet"
12
+ />
13
+ <style>
14
+ :root {
15
+ --bg: #f7f5f2;
16
+ --ink: #1a1a1a;
17
+ --muted: #5c5c5c;
18
+ --accent: #0f6b6b;
19
+ --surface: #ffffff;
20
+ --border: #e8e4dc;
21
+ --font-display:
22
+ "Source Serif 4", Georgia, "Times New Roman", ui-serif, serif;
23
+ --font-body: Inter, system-ui, -apple-system, sans-serif;
24
+ --space-3: 0.75rem;
25
+ --space-4: 1rem;
26
+ --space-5: 1.5rem;
27
+ --space-6: 2rem;
28
+ --space-7: 3rem;
29
+ --space-8: 4rem;
30
+ }
31
+ * {
32
+ box-sizing: border-box;
33
+ }
34
+ body {
35
+ margin: 0;
36
+ font-family: var(--font-body);
37
+ font-size: 16px;
38
+ line-height: 1.55;
39
+ color: var(--ink);
40
+ background: var(--bg);
41
+ }
42
+ .wrap {
43
+ max-width: 72rem;
44
+ margin: 0 auto;
45
+ padding: 0 var(--space-5);
46
+ }
47
+ .nav {
48
+ display: flex;
49
+ align-items: center;
50
+ justify-content: space-between;
51
+ padding: var(--space-4) 0;
52
+ gap: var(--space-4);
53
+ }
54
+ .nav a {
55
+ color: var(--ink);
56
+ text-decoration: none;
57
+ font-size: 0.875rem;
58
+ }
59
+ .nav a:focus-visible {
60
+ outline: 2px solid var(--ink);
61
+ outline-offset: 2px;
62
+ }
63
+ .brand {
64
+ font-weight: 600;
65
+ letter-spacing: -0.02em;
66
+ }
67
+ .hero {
68
+ padding: var(--space-8) 0 var(--space-7);
69
+ }
70
+ .hero h1 {
71
+ font-family: var(--font-display);
72
+ font-size: clamp(2.25rem, 5vw, 3.5rem);
73
+ line-height: 1.08;
74
+ letter-spacing: -0.02em;
75
+ margin: 0 0 var(--space-4);
76
+ max-width: 16ch;
77
+ }
78
+ .hero .lede {
79
+ color: var(--muted);
80
+ font-size: 1.125rem;
81
+ max-width: 36rem;
82
+ margin: 0 0 var(--space-5);
83
+ }
84
+ .actions {
85
+ display: flex;
86
+ flex-wrap: wrap;
87
+ gap: var(--space-3);
88
+ }
89
+ .btn {
90
+ display: inline-block;
91
+ padding: 0.65rem 1.1rem;
92
+ border-radius: 0.375rem;
93
+ background: var(--accent);
94
+ color: #fff;
95
+ text-decoration: none;
96
+ font-size: 0.9375rem;
97
+ }
98
+ .btn-secondary {
99
+ background: transparent;
100
+ color: var(--ink);
101
+ border: 1px solid var(--border);
102
+ }
103
+ .btn:focus-visible {
104
+ outline: 2px solid var(--ink);
105
+ outline-offset: 2px;
106
+ }
107
+ .section {
108
+ padding: var(--space-7) 0;
109
+ border-top: 1px solid var(--border);
110
+ }
111
+ .section h2 {
112
+ font-family: var(--font-display);
113
+ font-size: clamp(1.5rem, 3vw, 2rem);
114
+ letter-spacing: -0.02em;
115
+ margin: 0 0 var(--space-5);
116
+ }
117
+ .grid {
118
+ display: grid;
119
+ grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr));
120
+ gap: var(--space-5);
121
+ }
122
+ .card {
123
+ background: var(--surface);
124
+ border: 1px solid var(--border);
125
+ border-radius: 0.375rem;
126
+ padding: var(--space-5);
127
+ }
128
+ .card h3 {
129
+ margin: 0 0 0.5rem;
130
+ font-size: 1.0625rem;
131
+ }
132
+ .card p {
133
+ margin: 0;
134
+ color: var(--muted);
135
+ font-size: 0.9375rem;
136
+ }
137
+ footer {
138
+ padding: var(--space-6) 0;
139
+ border-top: 1px solid var(--border);
140
+ color: var(--muted);
141
+ font-size: 0.875rem;
142
+ }
143
+ </style>
144
+ </head>
145
+ <body>
146
+ <div class="wrap">
147
+ <header class="nav">
148
+ <a class="brand" href="#">Product</a>
149
+ <nav aria-label="Primary">
150
+ <a href="#features">Features</a>
151
+ </nav>
152
+ </header>
153
+ <section class="hero">
154
+ <h1>One clear promise</h1>
155
+ <p class="lede">
156
+ Supporting sentence with real product language — no lorem, no fake
157
+ metrics.
158
+ </p>
159
+ <div class="actions">
160
+ <a class="btn" href="#">Primary action</a>
161
+ <a class="btn btn-secondary" href="#">Secondary</a>
162
+ </div>
163
+ </section>
164
+ <section class="section" id="features">
165
+ <h2>What you get</h2>
166
+ <div class="grid">
167
+ <article class="card">
168
+ <h3>Capability</h3>
169
+ <p>One concrete outcome. Replace with truth.</p>
170
+ </article>
171
+ <article class="card">
172
+ <h3>Capability</h3>
173
+ <p>One concrete outcome. Replace with truth.</p>
174
+ </article>
175
+ <article class="card">
176
+ <h3>Capability</h3>
177
+ <p>One concrete outcome. Replace with truth.</p>
178
+ </article>
179
+ </div>
180
+ </section>
181
+ <footer>© Product — replace with real legal line.</footer>
182
+ </div>
183
+ </body>
184
+ </html>