npm - hoomanjs - Versions diffs - 1.47.0 → 1.55.0 - Mend

hoomanjs 1.47.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 (246) hide show

package/README.md +42 -18
package/dist/acp/acp-agent.d.ts +3 -3
package/dist/acp/acp-agent.js +16 -11
package/dist/acp/acp-agent.js.map +1 -1
package/dist/acp/approvals.js +11 -10
package/dist/acp/approvals.js.map +1 -1
package/dist/acp/browser.d.ts +9 -0
package/dist/acp/browser.js +23 -0
package/dist/acp/browser.js.map +1 -0
package/dist/acp/meta/vscode.d.ts +8 -7
package/dist/acp/meta/vscode.js +10 -11
package/dist/acp/meta/vscode.js.map +1 -1
package/dist/acp/sessions/store.d.ts +3 -3
package/dist/acp/utils/tool-kind.js +6 -6
package/dist/acp/utils/tool-kind.js.map +1 -1
package/dist/chat/app.js +16 -9
package/dist/chat/app.js.map +1 -1
package/dist/chat/approvals.js +3 -0
package/dist/chat/approvals.js.map +1 -1
package/dist/chat/components/ApprovalPrompt.js +11 -22
package/dist/chat/components/ApprovalPrompt.js.map +1 -1
package/dist/chat/components/StatusBar.js +3 -0
package/dist/chat/components/StatusBar.js.map +1 -1
package/dist/chat/types.d.ts +3 -0
package/dist/cli.js +162 -44
package/dist/cli.js.map +1 -1
package/dist/configure/app.js +46 -29
package/dist/configure/app.js.map +1 -1
package/dist/core/agent/default-retry-strategy.js +46 -12
package/dist/core/agent/default-retry-strategy.js.map +1 -1
package/dist/core/agent/gitignore-guard-plugin.js +17 -2
package/dist/core/agent/gitignore-guard-plugin.js.map +1 -1
package/dist/core/agent/index.js +37 -7
package/dist/core/agent/index.js.map +1 -1
package/dist/core/approvals/allowlist.js +1 -0
package/dist/core/approvals/allowlist.js.map +1 -1
package/dist/core/approvals/intervention.d.ts +10 -2
package/dist/core/approvals/intervention.js +46 -8
package/dist/core/approvals/intervention.js.map +1 -1
package/dist/core/config.d.ts +9 -2
package/dist/core/config.js +8 -4
package/dist/core/config.js.map +1 -1
package/dist/core/index.d.ts +2 -2
package/dist/core/mcp/oauth/service.js +2 -2
package/dist/core/mcp/oauth/service.js.map +1 -1
package/dist/core/models/bedrock.js +6 -0
package/dist/core/models/bedrock.js.map +1 -1
package/dist/core/models/groq.js +34 -14
package/dist/core/models/groq.js.map +1 -1
package/dist/core/models/minimax.js +1 -1
package/dist/core/models/minimax.js.map +1 -1
package/dist/core/models/types.d.ts +10 -2
package/dist/core/models/types.js +1 -0
package/dist/core/models/types.js.map +1 -1
package/dist/core/modes/definitions.d.ts +4 -2
package/dist/core/modes/definitions.js +73 -9
package/dist/core/modes/definitions.js.map +1 -1
package/dist/core/modes/index.d.ts +1 -1
package/dist/core/modes/index.js +1 -1
package/dist/core/modes/index.js.map +1 -1
package/dist/core/modes/registry.js +4 -9
package/dist/core/modes/registry.js.map +1 -1
package/dist/core/modes/schema.d.ts +1 -1
package/dist/core/modes/schema.js +1 -1
package/dist/core/modes/schema.js.map +1 -1
package/dist/core/prompts/agents/{review.md → code-review.md} +2 -2
package/dist/core/prompts/agents/design-review.md +35 -0
package/dist/core/prompts/agents/{test-investigator.md → quality-analyst.md} +2 -2
package/dist/core/prompts/modes/agent.md +2 -0
package/dist/core/prompts/modes/ask.md +2 -2
package/dist/core/prompts/modes/design.md +37 -0
package/dist/core/prompts/modes/plan.md +5 -5
package/dist/core/prompts/{runtime.js → runtime/agents.js} +2 -2
package/dist/core/prompts/runtime/agents.js.map +1 -0
package/dist/core/prompts/runtime/design.d.ts +11 -0
package/dist/core/prompts/runtime/design.js +78 -0
package/dist/core/prompts/runtime/design.js.map +1 -0
package/dist/core/prompts/{session-mode-appendix.js → session-mode.js} +1 -1
package/dist/core/prompts/session-mode.js.map +1 -0
package/dist/core/prompts/static/ask-user.md +3 -2
package/dist/core/prompts/static/fetch.md +2 -1
package/dist/core/prompts/static/filesystem.md +2 -1
package/dist/core/prompts/static/subagents.md +2 -1
package/dist/core/prompts/static/switch-mode.md +10 -0
package/dist/core/prompts/system.d.ts +1 -0
package/dist/core/prompts/system.js +11 -3
package/dist/core/prompts/system.js.map +1 -1
package/dist/core/shell/index.d.ts +1 -1
package/dist/core/shell/index.js +1 -1
package/dist/core/shell/{shell.js → tools.js} +1 -1
package/dist/core/shell/{shell.js.map → tools.js.map} +1 -1
package/dist/core/skills/built-in/hooman-config/SKILL.md +30 -35
package/dist/core/skills/built-in/hooman-config/search.md +5 -3
package/dist/core/skills/built-in/hooman-design/SKILL.md +97 -0
package/dist/core/skills/built-in/hooman-design/assets/article-shell.html +87 -0
package/dist/core/skills/built-in/hooman-design/assets/auth-shell.html +143 -0
package/dist/core/skills/built-in/hooman-design/assets/business-card-shell.html +112 -0
package/dist/core/skills/built-in/hooman-design/assets/contact-shell.html +181 -0
package/dist/core/skills/built-in/hooman-design/assets/dashboard-shell.html +90 -0
package/dist/core/skills/built-in/hooman-design/assets/data-table-shell.html +114 -0
package/dist/core/skills/built-in/hooman-design/assets/deck-shell.html +187 -0
package/dist/core/skills/built-in/hooman-design/assets/dialog-shell.html +98 -0
package/dist/core/skills/built-in/hooman-design/assets/email-shell.html +101 -0
package/dist/core/skills/built-in/hooman-design/assets/empty-state-shell.html +92 -0
package/dist/core/skills/built-in/hooman-design/assets/flyer-shell.html +168 -0
package/dist/core/skills/built-in/hooman-design/assets/invite-shell.html +167 -0
package/dist/core/skills/built-in/hooman-design/assets/landing-shell.html +184 -0
package/dist/core/skills/built-in/hooman-design/assets/mobile-frame-shell.html +109 -0
package/dist/core/skills/built-in/hooman-design/assets/newsletter-shell.html +141 -0
package/dist/core/skills/built-in/hooman-design/assets/onboarding-shell.html +131 -0
package/dist/core/skills/built-in/hooman-design/assets/pricing-shell.html +160 -0
package/dist/core/skills/built-in/hooman-design/assets/prototype-shell.html +83 -0
package/dist/core/skills/built-in/hooman-design/assets/resume-shell.html +228 -0
package/dist/core/skills/built-in/hooman-design/assets/settings-shell.html +196 -0
package/dist/core/skills/built-in/hooman-design/assets/tokens/botanical-calm.css +34 -0
package/dist/core/skills/built-in/hooman-design/assets/tokens/copper-ledger.css +34 -0
package/dist/core/skills/built-in/hooman-design/assets/tokens/editorial-ink.css +34 -0
package/dist/core/skills/built-in/hooman-design/assets/tokens/fintech-clear.css +34 -0
package/dist/core/skills/built-in/hooman-design/assets/tokens/harbor-navy.css +35 -0
package/dist/core/skills/built-in/hooman-design/assets/tokens/midnight-editorial.css +34 -0
package/dist/core/skills/built-in/hooman-design/assets/tokens/night-console.css +34 -0
package/dist/core/skills/built-in/hooman-design/assets/tokens/paper-mono.css +35 -0
package/dist/core/skills/built-in/hooman-design/assets/tokens/signal-mono.css +34 -0
package/dist/core/skills/built-in/hooman-design/assets/tokens/soft-product.css +34 -0
package/dist/core/skills/built-in/hooman-design/assets/tokens/swiss-grid.css +34 -0
package/dist/core/skills/built-in/hooman-design/assets/tokens/warm-atelier.css +34 -0
package/dist/core/skills/built-in/hooman-design/assets/waitlist-shell.html +139 -0
package/dist/core/skills/built-in/hooman-design/craft/accessibility-baseline.md +32 -0
package/dist/core/skills/built-in/hooman-design/craft/anti-ai-slop.md +27 -0
package/dist/core/skills/built-in/hooman-design/craft/color-surfaces.md +45 -0
package/dist/core/skills/built-in/hooman-design/craft/data-viz.md +24 -0
package/dist/core/skills/built-in/hooman-design/craft/deck-slides.md +46 -0
package/dist/core/skills/built-in/hooman-design/craft/forms-validation.md +35 -0
package/dist/core/skills/built-in/hooman-design/craft/iconography.md +19 -0
package/dist/core/skills/built-in/hooman-design/craft/layout-overflow.md +31 -0
package/dist/core/skills/built-in/hooman-design/craft/motion.md +41 -0
package/dist/core/skills/built-in/hooman-design/craft/print.md +37 -0
package/dist/core/skills/built-in/hooman-design/craft/responsive.md +30 -0
package/dist/core/skills/built-in/hooman-design/craft/spacing-density.md +46 -0
package/dist/core/skills/built-in/hooman-design/craft/state-coverage.md +21 -0
package/dist/core/skills/built-in/hooman-design/craft/typography.md +73 -0
package/dist/core/skills/built-in/hooman-design/directions.md +115 -0
package/dist/core/skills/built-in/hooman-design/references/artifact-layout.md +15 -0
package/dist/core/skills/built-in/hooman-design/references/export.md +47 -0
package/dist/core/skills/built-in/hooman-design/references/workflow.md +80 -0
package/dist/core/skills/built-in/hooman-mcp/SKILL.md +2 -2
package/dist/core/state/llm-modality.d.ts +13 -0
package/dist/core/state/llm-modality.js +19 -0
package/dist/core/state/llm-modality.js.map +1 -0
package/dist/core/state/plan.d.ts +1 -1
package/dist/core/state/plan.js +1 -1
package/dist/core/state/tool-approvals.d.ts +12 -9
package/dist/core/state/tool-approvals.js +91 -52
package/dist/core/state/tool-approvals.js.map +1 -1
package/dist/core/state/turn-boundaries.d.ts +1 -1
package/dist/core/state/turn-boundaries.js +1 -1
package/dist/core/subagents/index.d.ts +1 -1
package/dist/core/subagents/index.js +1 -1
package/dist/core/subagents/registry.js +15 -6
package/dist/core/subagents/registry.js.map +1 -1
package/dist/core/subagents/tool.d.ts +8 -2
package/dist/core/subagents/tool.js +93 -44
package/dist/core/subagents/tool.js.map +1 -1
package/dist/core/tools/ask-user.d.ts +1 -1
package/dist/core/tools/ask-user.js +1 -1
package/dist/core/tools/export.d.ts +8 -0
package/dist/core/tools/export.js +202 -0
package/dist/core/tools/export.js.map +1 -0
package/dist/core/tools/fetch.d.ts +2 -0
package/dist/core/tools/fetch.js +92 -55
package/dist/core/tools/fetch.js.map +1 -1
package/dist/core/tools/filesystem.d.ts +2 -1
package/dist/core/tools/filesystem.js +38 -4
package/dist/core/tools/filesystem.js.map +1 -1
package/dist/core/tools/index.d.ts +3 -1
package/dist/core/tools/index.js +3 -1
package/dist/core/tools/index.js.map +1 -1
package/dist/core/tools/preview.d.ts +10 -0
package/dist/core/tools/preview.js +147 -0
package/dist/core/tools/preview.js.map +1 -0
package/dist/core/tools/switch-mode.d.ts +6 -0
package/dist/core/tools/switch-mode.js +188 -0
package/dist/core/tools/switch-mode.js.map +1 -0
package/dist/core/tools/web-search.js +176 -0
package/dist/core/tools/web-search.js.map +1 -1
package/dist/core/utils/browser.d.ts +8 -1
package/dist/core/utils/browser.js +17 -1
package/dist/core/utils/browser.js.map +1 -1
package/dist/core/utils/export-design.d.ts +40 -0
package/dist/core/utils/export-design.js +188 -0
package/dist/core/utils/export-design.js.map +1 -0
package/dist/core/utils/export-figma.d.ts +17 -0
package/dist/core/utils/export-figma.js +189 -0
package/dist/core/utils/export-figma.js.map +1 -0
package/dist/core/utils/export-sketch.d.ts +11 -0
package/dist/core/utils/export-sketch.js +456 -0
package/dist/core/utils/export-sketch.js.map +1 -0
package/dist/core/utils/fig-archive.d.ts +47 -0
package/dist/core/utils/fig-archive.js +181 -0
package/dist/core/utils/fig-archive.js.map +1 -0
package/dist/core/utils/metadata.d.ts +30 -0
package/dist/core/utils/metadata.js +122 -0
package/dist/core/utils/metadata.js.map +1 -1
package/dist/core/utils/models-prefetch.d.ts +53 -0
package/dist/core/utils/models-prefetch.js +469 -0
package/dist/core/utils/models-prefetch.js.map +1 -0
package/dist/core/utils/onboarding-config.d.ts +48 -0
package/dist/core/utils/onboarding-config.js +373 -0
package/dist/core/utils/onboarding-config.js.map +1 -0
package/dist/core/utils/paths.d.ts +9 -7
package/dist/core/utils/paths.js +12 -10
package/dist/core/utils/paths.js.map +1 -1
package/dist/core/utils/preview-server.d.ts +20 -0
package/dist/core/utils/preview-server.js +212 -0
package/dist/core/utils/preview-server.js.map +1 -0
package/dist/core/utils/search-probe.d.ts +19 -0
package/dist/core/utils/search-probe.js +165 -0
package/dist/core/utils/search-probe.js.map +1 -0
package/dist/core/utils/seeds/empty-slides.deck +0 -0
package/dist/core/utils/url-safety.d.ts +2 -0
package/dist/core/utils/url-safety.js +47 -0
package/dist/core/utils/url-safety.js.map +1 -0
package/dist/core/utils/zstd.d.ts +6 -0
package/dist/core/utils/zstd.js +39 -0
package/dist/core/utils/zstd.js.map +1 -0
package/dist/exec/approvals.js +5 -5
package/dist/exec/approvals.js.map +1 -1
package/dist/index.d.ts +9 -3
package/dist/index.js +6 -3
package/dist/index.js.map +1 -1
package/dist/onboarding/app.d.ts +5 -0
package/dist/onboarding/app.js +255 -0
package/dist/onboarding/app.js.map +1 -0
package/dist/onboarding/index.d.ts +5 -0
package/dist/onboarding/index.js +27 -0
package/dist/onboarding/index.js.map +1 -0
package/package.json +16 -3
package/dist/core/prompts/runtime.js.map +0 -1
package/dist/core/prompts/session-mode-appendix.js.map +0 -1
package/dist/core/prompts/static/planning.md +0 -3
package/dist/core/tools/plan.d.ts +0 -5
package/dist/core/tools/plan.js +0 -150
package/dist/core/tools/plan.js.map +0 -1
/package/dist/core/prompts/{runtime.d.ts → runtime/agents.d.ts} +0 -0
/package/dist/core/prompts/{session-mode-appendix.d.ts → session-mode.d.ts} +0 -0
/package/dist/core/shell/{shell.d.ts → tools.d.ts} +0 -0

package/dist/core/skills/built-in/hooman-design/assets/email-shell.html ADDED Viewed

@@ -0,0 +1,101 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <title>Email</title>
+    <style>
+      /* Transactional email: table layout, inline-safe patterns, 600px canvas */
+      body {
+        margin: 0;
+        padding: 0;
+        background: #f4f4f5;
+        font-family:
+          system-ui,
+          -apple-system,
+          sans-serif;
+        color: #18181b;
+      }
+      .outer {
+        width: 100%;
+        background: #f4f4f5;
+        padding: 24px 12px;
+      }
+      .inner {
+        width: 100%;
+        max-width: 600px;
+        margin: 0 auto;
+        background: #ffffff;
+        border: 1px solid #e4e4e7;
+        border-radius: 6px;
+        overflow: hidden;
+      }
+      .pad {
+        padding: 28px 32px;
+      }
+      .brand {
+        font-size: 14px;
+        font-weight: 700;
+        letter-spacing: -0.02em;
+        margin: 0 0 20px;
+      }
+      h1 {
+        font-size: 22px;
+        line-height: 1.25;
+        letter-spacing: -0.02em;
+        margin: 0 0 12px;
+      }
+      p {
+        font-size: 15px;
+        line-height: 1.55;
+        color: #3f3f46;
+        margin: 0 0 16px;
+      }
+      .btn {
+        display: inline-block;
+        padding: 12px 18px;
+        background: #0f766e;
+        color: #ffffff !important;
+        text-decoration: none;
+        border-radius: 6px;
+        font-size: 14px;
+        font-weight: 600;
+      }
+      .foot {
+        padding: 16px 32px 24px;
+        font-size: 12px;
+        line-height: 1.45;
+        color: #71717a;
+        border-top: 1px solid #e4e4e7;
+      }
+      .foot a {
+        color: #0f766e;
+      }
+    </style>
+  </head>
+  <body>
+    <div class="outer">
+      <div class="inner">
+        <div class="pad">
+          <p class="brand">Product</p>
+          <h1>Action required</h1>
+          <p>
+            One short reason for this email. Keep the primary action above the
+            fold. No fake urgency.
+          </p>
+          <p><a class="btn" href="#">Primary action</a></p>
+          <p>
+            If the button fails, paste this URL into your browser:<br />
+            <span style="word-break: break-all; color: #71717a"
+              >https://example.com/action</span
+            >
+          </p>
+        </div>
+        <div class="foot">
+          You’re receiving this because of an account action.
+          <a href="#">Unsubscribe</a> · <a href="#">Help</a>
+        </div>
+      </div>
+    </div>
+  </body>
+</html>

package/dist/core/skills/built-in/hooman-design/assets/empty-state-shell.html ADDED Viewed

@@ -0,0 +1,92 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <title>Empty state</title>
+    <style>
+      :root {
+        --bg: #f8fafc;
+        --ink: #0f172a;
+        --muted: #64748b;
+        --accent: #0f766e;
+        --surface: #ffffff;
+        --border: #e2e8f0;
+        --font-body: system-ui, -apple-system, sans-serif;
+      }
+      * {
+        box-sizing: border-box;
+      }
+      body {
+        margin: 0;
+        min-height: 100vh;
+        display: grid;
+        place-items: center;
+        font-family: var(--font-body);
+        background: var(--bg);
+        color: var(--ink);
+        padding: 1.5rem;
+      }
+      .panel {
+        width: min(100%, 28rem);
+        text-align: center;
+        background: var(--surface);
+        border: 1px solid var(--border);
+        border-radius: 0.375rem;
+        padding: 2.5rem 1.75rem;
+      }
+      .icon {
+        width: 2.5rem;
+        height: 2.5rem;
+        margin: 0 auto 1rem;
+        color: var(--muted);
+      }
+      h1 {
+        margin: 0 0 0.5rem;
+        font-size: 1.25rem;
+        letter-spacing: -0.02em;
+      }
+      p {
+        margin: 0 0 1.25rem;
+        color: var(--muted);
+        font-size: 0.9375rem;
+        line-height: 1.5;
+      }
+      .btn {
+        display: inline-block;
+        padding: 0.65rem 1.1rem;
+        border-radius: 0.375rem;
+        background: var(--accent);
+        color: #fff;
+        text-decoration: none;
+        font-size: 0.9375rem;
+        font-weight: 600;
+      }
+      .btn:focus-visible {
+        outline: 2px solid var(--ink);
+        outline-offset: 2px;
+      }
+    </style>
+  </head>
+  <body>
+    <main class="panel">
+      <svg class="icon" viewBox="0 0 24 24" fill="none" aria-hidden="true">
+        <rect
+          x="3"
+          y="5"
+          width="18"
+          height="14"
+          rx="2"
+          stroke="currentColor"
+          stroke-width="1.5"
+        />
+        <path d="M3 9h18" stroke="currentColor" stroke-width="1.5" />
+      </svg>
+      <h1>No projects yet</h1>
+      <p>
+        Create your first project to see activity here. Real empty copy only.
+      </p>
+      <a class="btn" href="#">Create project</a>
+    </main>
+  </body>
+</html>

package/dist/core/skills/built-in/hooman-design/assets/flyer-shell.html ADDED Viewed

@@ -0,0 +1,168 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <title>Flyer</title>
+    <style>
+      :root {
+        --bg: #e8e4dc;
+        --ink: #141414;
+        --muted: #4a4a4a;
+        --accent: #c45c26;
+        --paper: #f7f5f2;
+        --border: #d4cfc4;
+        --font-display:
+          "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;
+        --font-body: system-ui, -apple-system, sans-serif;
+        --font-mono: ui-monospace, "SF Mono", Menlo, monospace;
+      }
+      * {
+        box-sizing: border-box;
+      }
+      body {
+        margin: 0;
+        min-height: 100vh;
+        display: grid;
+        place-items: center;
+        font-family: var(--font-body);
+        background: var(--bg);
+        color: var(--ink);
+        padding: 1.5rem;
+        line-height: 1.45;
+      }
+      .flyer {
+        width: min(100%, 28rem);
+        min-height: 36rem;
+        background: var(--paper);
+        border: 1px solid var(--border);
+        border-radius: 0.375rem;
+        padding: 2rem 1.75rem;
+        display: flex;
+        flex-direction: column;
+        gap: 1.25rem;
+      }
+      .band {
+        font-family: var(--font-mono);
+        font-size: 0.6875rem;
+        letter-spacing: 0.14em;
+        text-transform: uppercase;
+        color: var(--accent);
+        font-weight: 600;
+      }
+      h1 {
+        margin: 0;
+        font-family: var(--font-display);
+        font-size: clamp(2.25rem, 8vw, 3rem);
+        line-height: 1.05;
+        letter-spacing: -0.03em;
+        font-weight: 400;
+      }
+      .lede {
+        margin: 0;
+        font-size: 1.0625rem;
+        color: var(--muted);
+        max-width: 22ch;
+      }
+      .hero-rule {
+        height: 1px;
+        background: var(--border);
+        border: 0;
+        margin: 0.25rem 0;
+      }
+      .points {
+        margin: 0;
+        padding: 0;
+        list-style: none;
+        display: grid;
+        gap: 0.75rem;
+      }
+      .points li {
+        display: grid;
+        grid-template-columns: 1.5rem 1fr;
+        gap: 0.5rem;
+        font-size: 0.9375rem;
+      }
+      .points span {
+        font-family: var(--font-mono);
+        font-size: 0.75rem;
+        color: var(--accent);
+        padding-top: 0.15rem;
+      }
+      .cta {
+        margin-top: auto;
+        padding-top: 1rem;
+        border-top: 1px solid var(--border);
+        display: flex;
+        flex-wrap: wrap;
+        align-items: baseline;
+        justify-content: space-between;
+        gap: 0.75rem;
+      }
+      .cta strong {
+        font-size: 1.125rem;
+        letter-spacing: -0.01em;
+      }
+      .cta a {
+        color: var(--accent);
+        font-weight: 600;
+        text-decoration: none;
+        font-size: 0.9375rem;
+      }
+      .cta a:hover {
+        text-decoration: underline;
+      }
+      .fine {
+        margin: 0;
+        font-size: 0.75rem;
+        color: var(--muted);
+      }
+      @page {
+        size: A5;
+        margin: 10mm;
+      }
+      @media print {
+        body {
+          background: #fff;
+          padding: 0;
+        }
+        .flyer {
+          border: none;
+          width: 100%;
+          min-height: auto;
+        }
+      }
+    </style>
+  </head>
+  <body>
+    <article class="flyer">
+      <p class="band">Workshop · one night only</p>
+      <h1>Type that holds under pressure</h1>
+      <p class="lede">
+        A hands-on evening on hierarchy, measure, and ink for dense product UI.
+      </p>
+      <hr class="hero-rule" />
+      <ul class="points">
+        <li>
+          <span>01</span>
+          Live critiques of real screens (bring one)
+        </li>
+        <li>
+          <span>02</span>
+          Pair exercises on scale and contrast
+        </li>
+        <li>
+          <span>03</span>
+          Take-home checklist for design reviews
+        </li>
+      </ul>
+      <div class="cta">
+        <div>
+          <strong>Thu 24 Jul · 19:00</strong>
+          <p class="fine">Northwind Studio · Lisbon · €45</p>
+        </div>
+        <a href="https://example.com/workshop">Reserve a seat</a>
+      </div>
+    </article>
+  </body>
+</html>

package/dist/core/skills/built-in/hooman-design/assets/invite-shell.html ADDED Viewed

@@ -0,0 +1,167 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <title>Invite</title>
+    <style>
+      :root {
+        --bg: #f7f5f2;
+        --ink: #1a1a1a;
+        --muted: #5c5c5c;
+        --accent: #0f6b6b;
+        --surface: #ffffff;
+        --border: #e8e4dc;
+        --font-display: Georgia, "Times New Roman", ui-serif, serif;
+        --font-body: system-ui, -apple-system, sans-serif;
+        --font-mono: ui-monospace, "SF Mono", Menlo, monospace;
+      }
+      * {
+        box-sizing: border-box;
+      }
+      body {
+        margin: 0;
+        min-height: 100vh;
+        display: grid;
+        place-items: center;
+        font-family: var(--font-body);
+        background: var(--bg);
+        color: var(--ink);
+        padding: 1.5rem;
+        line-height: 1.5;
+      }
+      .invite {
+        width: min(100%, 26rem);
+        background: var(--surface);
+        border: 1px solid var(--border);
+        border-radius: 0.375rem;
+        padding: 2.25rem 1.75rem;
+        text-align: center;
+      }
+      .eyebrow {
+        margin: 0 0 1rem;
+        font-family: var(--font-mono);
+        font-size: 0.6875rem;
+        letter-spacing: 0.14em;
+        text-transform: uppercase;
+        color: var(--accent);
+      }
+      h1 {
+        margin: 0 0 0.75rem;
+        font-family: var(--font-display);
+        font-size: clamp(1.75rem, 5vw, 2.25rem);
+        letter-spacing: -0.02em;
+        line-height: 1.15;
+        font-weight: 400;
+      }
+      .lede {
+        margin: 0 0 1.75rem;
+        color: var(--muted);
+        font-size: 0.9375rem;
+      }
+      .meta {
+        display: grid;
+        gap: 0.85rem;
+        margin: 0 0 1.75rem;
+        padding: 1.1rem 0;
+        border-top: 1px solid var(--border);
+        border-bottom: 1px solid var(--border);
+        text-align: left;
+      }
+      .meta dt {
+        margin: 0;
+        font-size: 0.6875rem;
+        letter-spacing: 0.08em;
+        text-transform: uppercase;
+        color: var(--muted);
+        font-weight: 600;
+      }
+      .meta dd {
+        margin: 0.2rem 0 0;
+        font-size: 0.9375rem;
+      }
+      .meta div {
+        display: grid;
+        grid-template-columns: 5.5rem 1fr;
+        gap: 0.5rem;
+        align-items: baseline;
+      }
+      .actions {
+        display: flex;
+        flex-wrap: wrap;
+        gap: 0.5rem;
+        justify-content: center;
+      }
+      .btn {
+        display: inline-block;
+        padding: 0.65rem 1.1rem;
+        border-radius: 0.375rem;
+        background: var(--accent);
+        color: #fff;
+        text-decoration: none;
+        font-size: 0.875rem;
+        font-weight: 600;
+      }
+      .btn-secondary {
+        background: transparent;
+        color: var(--ink);
+        border: 1px solid var(--border);
+      }
+      .btn:focus-visible,
+      .btn-secondary:focus-visible {
+        outline: 2px solid var(--ink);
+        outline-offset: 2px;
+      }
+      .rsvp {
+        margin: 1.25rem 0 0;
+        font-size: 0.75rem;
+        color: var(--muted);
+      }
+      @page {
+        size: A5;
+        margin: 12mm;
+      }
+      @media print {
+        body {
+          background: #fff;
+          padding: 0;
+        }
+        .invite {
+          border: none;
+          width: 100%;
+        }
+        .actions {
+          display: none;
+        }
+      }
+    </style>
+  </head>
+  <body>
+    <article class="invite">
+      <p class="eyebrow">You’re invited</p>
+      <h1>Summer studio open house</h1>
+      <p class="lede">
+        An evening of work-in-progress, short talks, and drinks on the terrace.
+      </p>
+      <dl class="meta">
+        <div>
+          <dt>When</dt>
+          <dd>Friday, 18 July · 18:00–21:00</dd>
+        </div>
+        <div>
+          <dt>Where</dt>
+          <dd>Northwind Studio · 12 Rua da Alegria, Lisbon</dd>
+        </div>
+        <div>
+          <dt>Dress</dt>
+          <dd>Smart casual</dd>
+        </div>
+      </dl>
+      <div class="actions">
+        <a class="btn" href="#rsvp">RSVP</a>
+        <a class="btn btn-secondary" href="#calendar">Add to calendar</a>
+      </div>
+      <p class="rsvp" id="rsvp">Please reply by 10 July · alex@example.com</p>
+    </article>
+  </body>
+</html>

package/dist/core/skills/built-in/hooman-design/assets/landing-shell.html ADDED Viewed

@@ -0,0 +1,184 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <title>Landing</title>
+    <link rel="preconnect" href="https://fonts.googleapis.com" />
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+    <link
+      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"
+      rel="stylesheet"
+    />
+    <style>
+      :root {
+        --bg: #f7f5f2;
+        --ink: #1a1a1a;
+        --muted: #5c5c5c;
+        --accent: #0f6b6b;
+        --surface: #ffffff;
+        --border: #e8e4dc;
+        --font-display:
+          "Source Serif 4", Georgia, "Times New Roman", ui-serif, serif;
+        --font-body: Inter, system-ui, -apple-system, sans-serif;
+        --space-3: 0.75rem;
+        --space-4: 1rem;
+        --space-5: 1.5rem;
+        --space-6: 2rem;
+        --space-7: 3rem;
+        --space-8: 4rem;
+      }
+      * {
+        box-sizing: border-box;
+      }
+      body {
+        margin: 0;
+        font-family: var(--font-body);
+        font-size: 16px;
+        line-height: 1.55;
+        color: var(--ink);
+        background: var(--bg);
+      }
+      .wrap {
+        max-width: 72rem;
+        margin: 0 auto;
+        padding: 0 var(--space-5);
+      }
+      .nav {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        padding: var(--space-4) 0;
+        gap: var(--space-4);
+      }
+      .nav a {
+        color: var(--ink);
+        text-decoration: none;
+        font-size: 0.875rem;
+      }
+      .nav a:focus-visible {
+        outline: 2px solid var(--ink);
+        outline-offset: 2px;
+      }
+      .brand {
+        font-weight: 600;
+        letter-spacing: -0.02em;
+      }
+      .hero {
+        padding: var(--space-8) 0 var(--space-7);
+      }
+      .hero h1 {
+        font-family: var(--font-display);
+        font-size: clamp(2.25rem, 5vw, 3.5rem);
+        line-height: 1.08;
+        letter-spacing: -0.02em;
+        margin: 0 0 var(--space-4);
+        max-width: 16ch;
+      }
+      .hero .lede {
+        color: var(--muted);
+        font-size: 1.125rem;
+        max-width: 36rem;
+        margin: 0 0 var(--space-5);
+      }
+      .actions {
+        display: flex;
+        flex-wrap: wrap;
+        gap: var(--space-3);
+      }
+      .btn {
+        display: inline-block;
+        padding: 0.65rem 1.1rem;
+        border-radius: 0.375rem;
+        background: var(--accent);
+        color: #fff;
+        text-decoration: none;
+        font-size: 0.9375rem;
+      }
+      .btn-secondary {
+        background: transparent;
+        color: var(--ink);
+        border: 1px solid var(--border);
+      }
+      .btn:focus-visible {
+        outline: 2px solid var(--ink);
+        outline-offset: 2px;
+      }
+      .section {
+        padding: var(--space-7) 0;
+        border-top: 1px solid var(--border);
+      }
+      .section h2 {
+        font-family: var(--font-display);
+        font-size: clamp(1.5rem, 3vw, 2rem);
+        letter-spacing: -0.02em;
+        margin: 0 0 var(--space-5);
+      }
+      .grid {
+        display: grid;
+        grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr));
+        gap: var(--space-5);
+      }
+      .card {
+        background: var(--surface);
+        border: 1px solid var(--border);
+        border-radius: 0.375rem;
+        padding: var(--space-5);
+      }
+      .card h3 {
+        margin: 0 0 0.5rem;
+        font-size: 1.0625rem;
+      }
+      .card p {
+        margin: 0;
+        color: var(--muted);
+        font-size: 0.9375rem;
+      }
+      footer {
+        padding: var(--space-6) 0;
+        border-top: 1px solid var(--border);
+        color: var(--muted);
+        font-size: 0.875rem;
+      }
+    </style>
+  </head>
+  <body>
+    <div class="wrap">
+      <header class="nav">
+        <a class="brand" href="#">Product</a>
+        <nav aria-label="Primary">
+          <a href="#features">Features</a>
+        </nav>
+      </header>
+      <section class="hero">
+        <h1>One clear promise</h1>
+        <p class="lede">
+          Supporting sentence with real product language — no lorem, no fake
+          metrics.
+        </p>
+        <div class="actions">
+          <a class="btn" href="#">Primary action</a>
+          <a class="btn btn-secondary" href="#">Secondary</a>
+        </div>
+      </section>
+      <section class="section" id="features">
+        <h2>What you get</h2>
+        <div class="grid">
+          <article class="card">
+            <h3>Capability</h3>
+            <p>One concrete outcome. Replace with truth.</p>
+          </article>
+          <article class="card">
+            <h3>Capability</h3>
+            <p>One concrete outcome. Replace with truth.</p>
+          </article>
+          <article class="card">
+            <h3>Capability</h3>
+            <p>One concrete outcome. Replace with truth.</p>
+          </article>
+        </div>
+      </section>
+      <footer>© Product — replace with real legal line.</footer>
+    </div>
+  </body>
+</html>