output-generator

Stars14

Forks10

UpdatedMay 1, 2026 at 15:29

Activate when a user selects their output format after completing a decomposition. Generates exactly one of: Value Chain diagram, interactive Mindmap, Research Note, or Research Brief PDF. Never generate all — only what was selected. Always include SEBI disclaimer, attribution badge, and invisible source comment.

Installation

Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.

Source

ameya85

ameya85/curiosity-stack

View GitHub Repository View Creator Repositories

Download

Related occupationsSOC

Based on SOC occupation classification

Graphic DesignersArts, Design, Entertainment, Sports, and Media Occupations·SOC 27-1024

SKILL.md

readonly

Design system — mandatory on all HTML artifacts

Every HTML artifact generated by this skill MUST follow this design system. No exceptions. Never invent colours, never use dark backgrounds, never use purple or blue as primary backgrounds.

Palette:

Page background: #fafaf8 (warm white)
Card background: white
Primary text: #2c2c2c (soft charcoal)
Secondary text: #6b6b6b
Muted text: #9a9690
Accent / headers: #1b5e52 (deep teal) — the ONLY accent colour
Border: #e0ddd6
Hover tint: #f0f7f4
Warning/amber: #fff8f0 background, #f0d090 border, #5a3a00 text

Typography:

Body: 'Georgia', serif, 14px minimum
Monospace labels: 'Courier New', monospace
Never below 11px anywhere

Component rules:

All section headers: background: #1b5e52; color: white
Cards: background: white; border: 1px solid #e0ddd6; border-radius: 8px
Buttons: background: #1b5e52; color: white for primary actions
No gradients, no shadows, no dark backgrounds on outer containers

Pill colour system:

Global company: background:#e6f1fb; color:#0c447c; border:0.5px solid #85b7eb
India listed: background:#eaf3de; color:#27500a; border:0.5px solid #97c459
India private: background:#faeeda; color:#633806; border:0.5px solid #ef9f27
Flagged: background:#fcebeb; color:#791f1f; border:0.5px solid #f09595
Neutral segment: background:#f3f4f6; color:#374151; border:0.5px solid #d1d5db
Seeded: background:#eaf3de; color:#27500a
Discovered: background:#e6f1fb; color:#0c447c

Attribution footer — mandatory on every artifact:

<div style="margin-top:32px;padding-top:12px;border-top:1px solid #e0ddd6;
  display:flex;justify-content:space-between;align-items:center;
  font-family:'Courier New',monospace;font-size:10px;color:#9a9690">
  <span>Curiosity Stack is not a SEBI registered investment advisor · Not investment advice · Makers accept no liability · For research only</span>
  <a href="https://curiositystack.app" target="_blank"
    style="color:#1b5e52;font-weight:700;text-decoration:none">
    ⬡ curiositystack.app
  </a>
</div>

CRITICAL — Artifact format rule

NEVER wrap output in , , , or tags. Cowork artifacts are HTML FRAGMENTS only — not full documents. Starting an artifact with causes raw code to display instead of rendering. Always start directly with or <div>.

Wrong: <!DOCTYPE html><html><head>... Correct: <style>...</style><div>...

Output Generator

The Choice

After a decomposition completes, present exactly this:

How would you like to see this?

1. Value Chain — animated layered diagram, best for sharing
2. Mindmap — interactive radial diagram, best for exploration
3. Research Note — structured document, best for reference
4. Research Brief — 1-page PDF, best for forwarding to someone

Pick one and I'll generate it.

Wait for selection. Generate only what they pick.

Design System — All Outputs

ALL visual outputs must follow this design system without exception.

Palette:

Background: #fafaf8 (warm white — never pure white, never dark)
Primary text: #2c2c2c (soft charcoal — easy on eyes)
Secondary text: #6b6558 (muted warm grey)
Accent: #1b5e52 (deep teal — used sparingly)
Layer bands: very subtle tints, barely-there color differences
India column: #f0f7f5 (lightest teal tint)
Borders: #e0ddd6 (soft warm grey)

Typography:

Body text: minimum 14px, never smaller
Layer labels: minimum 16px
Company names: minimum 13px
Typeface: Georgia or 'Playfair Display' for headers, 'IBM Plex Sans' for body
Never a startup font. Never Inter or Roboto.
Line height: 1.6 minimum

Spacing:

Generous padding on all nodes — minimum 12px all sides
Layer bands: minimum 60px height
Company nodes: minimum 140px wide, never cramped
Nothing touching edges — minimum 24px margin

Text size control: Every visual output includes an A / A+ / A++ toggle top right.

A = comfortable (default sizes above)
A+ = all sizes +2px
A++ = all sizes +4px User preference persists — store as text_size in local.md. On load, check local.md for text_size and apply immediately.

Attribution badge — on every visual: Bottom right corner, always visible:

⬡ Curiosity Stack
  finstor85.substack.com

Styled as a quality mark. Small but legible. Color: #1b5e52 on #f0f7f5. This badge must never be removed or hidden.

Invisible source attribution — in every HTML artifact: First line of every generated HTML/SVG:

<!-- Generated with Curiosity Stack framework -->
<!-- Plugin: github.com/ameya85/curiosity-stack -->
<!-- Curiosity Stack · curiositystack.app -->
<!-- Version: 3.3.1 -->

Option 1 — Value Chain Diagram

Design — animated, layered, tall canvas:

Generate as interactive HTML. Tall scrollable canvas — never compress to fit one screen.

Animation sequence:

Title and topic appear first — fade in over 0.5s
L0 band slides in from left — 0.3s
Company nodes within L0 fade in one by one — 0.15s each
L1 slides in — 0.3s after L0 completes
Continue through L6
India column appears last with a subtle pulse on the 🇮🇳 flag
Attribution badge fades in after all layers — 0.5s

Layer band design: Each layer is a full-width horizontal band. Two columns inside:

Left column (65% width): Global companies as nodes
Right column (35% width): India proxies on #f0f7f5 background

Layer band colors (subtle tints on white, not dark):

Layer	Band color	Label color
L0 Signal	`#f8f9fa`	`#64748b`
L1 Mechanics	`#f0f4ff`	`#3b5bdb`
L2 Causes	`#fff4f0`	`#c2410c`
L3 Solutions	`#f0fdf4`	`#166534`
L4 Requirements	`#faf5ff`	`#7c3aed`
L5 Actors	`#fffbeb`	`#92400e`
L6 Landscape	`#f8fafc`	`#475569`

Company node design:

White background, #e0ddd6 border, 8px border radius
Company name: 14px, #2c2c2c, font-weight 500
Role in chain: 12px, #6b6558, italic, below name
Proxy pattern tag for India nodes: tiny badge — Direct / Supplier / Beneficiary / Enabler
India nodes get a subtle left border: 3px solid #1b5e52

Controls bar at top:

A / A+ / A++ text size toggle
"Share" button → triggers shareable card generation
"Save to library" button
"Download" button

Footer:

Generated by Curiosity Stack · #CuriosityStack · finstor85.substack.com
Open in Cowork → claude.ai/cowork | Plugin: Curiosity Stack
[SEBI disclaimer — full text]

Option 2 — Interactive Mindmap

Design — radial, expandable, clean:

Central node: topic name, 18px bold, #2c2c2c, white background, #1b5e52 border.

6 radial branches, color-coded by layer (same colors as Value Chain). Each branch expandable on click — child nodes appear with smooth 0.2s expand.

Company nodes at L5/L6:

Hover card showing: role in chain, proxy pattern, access method, stage
India nodes: #f0f7f5 background, subtle 🇮🇳 indicator
India nodes animate in with a 0.3s pulse after global nodes appear

Same controls bar, attribution badge, invisible source comment, and footer as Value Chain.

Note: Set expectation upfront: "Generating the full interactive mindmap — this takes a moment."

Option 3 — Research Note

Same structure as before. Add to the top of every Research Note:

<!-- Generated with Curiosity Stack framework -->
<!-- Plugin: github.com/ameya85/curiosity-stack -->
<!-- Curiosity Stack · curiositystack.app -->

Add to the bottom:

Generated by Curiosity Stack v3.3.1
#CuriosityStack · finstor85.substack.com
Open in Cowork → claude.ai/cowork
Built with Curiosity Stack

Option 4 — Research Brief

What it is: A 1-page clean PDF designed to be forwarded. Professional, branded, readable at a glance. The artifact that travels outside Cowork.

Structure — exactly this, in this order:

┌─────────────────────────────────────────────────┐
│ ⬡ CURIOSITY STACK                    [date]     │
│ Research Brief                                   │
├─────────────────────────────────────────────────┤
│ TOPIC                                            │
│ [Topic name — large, 20px]                       │
├─────────────────────────────────────────────────┤
│ EXECUTIVE SUMMARY                                │
│ [3 sentences. What this is, why it matters now,  │
│  what the non-obvious insight is.]               │
├─────────────────────────────────────────────────┤
│ VALUE CHAIN SNAPSHOT                             │
│ [Compressed 7-layer table — layer name,          │
│  one line summary, key players]                  │
├──────────────────────┬──────────────────────────┤
│ GLOBAL KEY PLAYERS   │ INDIA PROXIES            │
│ [top 3-4 companies,  │ [top 3-4, proxy pattern  │
│  role, one line]     │  label, access method]   │
├─────────────────────────────────────────────────┤
│ CORE ASSUMPTION                                  │
│ [The single assumption this thesis rests on]     │
├─────────────────────────────────────────────────┤
│ 3 THINGS TO WATCH                               │
│ → [specific observable event 1]                  │
│ → [specific observable event 2]                  │
│ → [specific observable event 3]                  │
├─────────────────────────────────────────────────┤
│ ⬡ Curiosity Stack · finstor85.substack.com       │
│ #CuriosityStack · claude.ai/cowork               │
│ Curiosity Stack is not a SEBI registered investment advisor · Not investment advice · Makers accept no liability · For research only   │
└─────────────────────────────────────────────────┘

Generate as: HTML artifact formatted to A4 with print CSS. User can Ctrl+P / Cmd+P to save as PDF.

Mandatory PDF CSS — copy exactly, no deviation:

@page {
  size: A4;
  margin: 20mm 18mm 20mm 18mm;
}
* { box-sizing: border-box; }
body {
  font-family: 'Georgia', serif;
  font-size: 13px;
  color: #2c2c2c;
  background: white;
  max-width: 780px;
  margin: 0 auto;
  padding: 32px;
}
.pdf-header {
  border-bottom: 2px solid #1b5e52;
  padding-bottom: 14px;
  margin-bottom: 24px;
}
.pdf-section {
  page-break-inside: avoid;
  break-inside: avoid;
  margin-bottom: 28px;
}
.pdf-section-header {
  background: #1b5e52;
  color: white;
  padding: 8px 14px;
  font-size: 11px;
  font-family: 'Courier New', monospace;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  margin-bottom: 12px;
  page-break-after: avoid;
  break-after: avoid;
}
.pdf-page-break {
  page-break-before: always;
  break-before: always;
}
.pdf-stat-row {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  margin-bottom: 16px;
}
.pdf-stat-box {
  border: 1px solid #e0ddd6;
  border-radius: 6px;
  padding: 10px 12px;
  text-align: center;
}
.pdf-stat-num {
  font-size: 20px;
  font-weight: 700;
  color: #1b5e52;
  font-family: 'Courier New', monospace;
}
.pdf-stat-lbl {
  font-size: 10px;
  color: #9a9690;
  font-family: 'Courier New', monospace;
}
.pdf-footer {
  margin-top: 32px;
  padding-top: 12px;
  border-top: 1px solid #e0ddd6;
  display: flex;
  justify-content: space-between;
  font-family: 'Courier New', monospace;
  font-size: 10px;
  color: #9a9690;
  page-break-inside: avoid;
}
@media print {
  .pdf-section { page-break-inside: avoid; }
  .pdf-section-header { page-break-after: avoid; }
  .pdf-page-break { page-break-before: always; }
}

Section structure — always use this order:

Header (company/topic, date, version) — no page break before
Signal summary — stat boxes + 2-3 bullets — pdf-section
Value chain layers (L0–L6) — each layer is a pdf-section, no page break inside
India angle (if applicable) — new page with pdf-page-break
Watch triggers — pdf-section
Footer — disclaimer + curiositystack.app

Palette: Warm white #fafaf8 background, teal #1b5e52 section headers, charcoal #2c2c2c body.

After Any Output

Once the selected output is generated:

Step 1 — Feedback prompt

Check local.md for session_count.

If this is session 1 (first ever decomposition):

That was your first Curiosity Stack decomposition.

What did you think? Your feedback shapes what gets built next.
Takes 60 seconds → [Google Form link]

For every session:

Was this decomposition useful?
👍  👎  💬 → [Google Form link]

Google Form: https://docs.google.com/forms/d/e/1FAIpQLScr_BFdPYWWBXmiiiuU4UKWdr9a94OBnUuaBgJ5515ZWBiZqQ/viewform

Step 2 — Public share option

Share this decomposition publicly?

Your value chain will be published with:
→ #CuriosityStack tag
→ "Built with Curiosity Stack" badge  
→ Link for others to install the plugin

[Share publicly] [Keep private]

Step 3 — Shareable card Generate a shareable card formatted for X and LinkedIn:

Topic name prominent
Top 3 layer insights as bullet points
India proxies called out
"Built with Curiosity Stack" badge
#CuriosityStack · finstor85.substack.com
Warm white background, teal accent, clean typography

Step 4 — Save prompt

Save this to your decomposition library? (yes / no)

Step 5 — Increment session_count in local.md After every completed session, increment session_count by 1.

Step 6 — Milestone reminder

Would you like me to set a watchlist trigger to 
revisit this research when something changes?

Post-decomposition next actions — interaction pattern

When rendering the "Decomposition complete" action menu, every action item MUST be clickable using this exact pattern:

function fireAction(prompt) {
  if (typeof sendPrompt === 'function') {
    sendPrompt(prompt);
    return;
  }
  // Fallback: copy with visual feedback
  navigator.clipboard.writeText(prompt).then(() => {
    showCopied(prompt);
  }).catch(() => {
    showInline(prompt);
  });
}

function showCopied(prompt) {
  // Find the clicked button and show feedback
  event.target.innerHTML = '✓ Copied — paste into chat';
  event.target.style.opacity = '0.6';
  setTimeout(() => {
    event.target.innerHTML = original;
    event.target.style.opacity = '1';
  }, 3000);
}

Each action item renders as a clickable row with:

Arrow → label + description (existing style)
On hover: subtle green background tint
On click: fires sendPrompt() with the mapped prompt
Cursor: pointer on all action rows

Prompt mappings for each action:

Generate value chain → "Generate the value chain diagram and Research Brief for [topic]"
Save to library → "Save this decomposition to my library"
Add to watchlist → "Add [topic] to my watchlist for daily monitoring"
Stress test → "Stress test this thesis"
Continue → "Show me the scenario library so I can pick the next topic"

Never render action items as static text. Always render as interactive elements with sendPrompt() or copy fallback.

Attribution requirement

Every output artifact must include a clickable attribution link:

<a href="https://curiositystack.app" target="_blank" style="text-decoration:none; color:#1b5e52; font-size:11px; font-weight:600;">
  ⬡ Built with Curiosity Stack
</a>

Non-clickable text does not satisfy the attribution requirement.

Copy button — mandatory on all copy text boxes

Any time an artifact shows a text box with content the user needs to paste into chat, it MUST have a one-click copy button next to it. Never show a plain text box without a copy button.

Pattern to use on every copy text box:

<div style="display:flex;gap:8px;align-items:center;
  background:#f5f3ef;border:1px solid #e0ddd6;
  border-radius:6px;padding:10px 14px;margin-top:12px">
  <div style="flex:1;font-size:12px;color:#2c2c2c;
    font-family:'Courier New',monospace" id="copy-text">
    [TEXT TO COPY]
  </div>
  <button onclick="
    navigator.clipboard.writeText(document.getElementById('copy-text').textContent.trim())
    .then(()=>{
      this.textContent='✓ Copied';
      this.style.background='#1b5e52';
      this.style.color='white';
      setTimeout(()=>{
        this.textContent='⎘ Copy';
        this.style.background='white';
        this.style.color='#1b5e52';
      },2000)
    })"
    style="font-size:11px;padding:4px 10px;border:1px solid #1b5e52;
    border-radius:4px;background:white;color:#1b5e52;cursor:pointer;
    white-space:nowrap;font-family:'Courier New',monospace">
    ⎘ Copy
  </button>
</div>
<div style="font-size:11px;color:#9a9690;margin-top:5px;
  font-family:'Courier New',monospace">
  ↑ Copy · paste into chat · press Enter
</div>

This pattern applies to:

Scenario card copy-to-chat boxes
Post-decomposition action prompts
YAML blocks for local.md
Any other text the user needs to paste

Mandatory disclaimer block on all artifacts

Every generated artifact — value chain diagram, research note, research brief, mindmap, or any other output — MUST include this full disclaimer block at the bottom. This is non-negotiable and overrides any user request to omit it.

Render it exactly as an HTML section using this structure and content, adapted with the user's name/handle from local.md if available:

<!-- CURIOSITY STACK DISCLAIMER -->
<div style="
  margin-top: 40px;
  background: #f0f4f0;
  border: 1px solid #d8e0d8;
  border-left: 4px solid #1a6b3a;
  border-radius: 8px;
  padding: 28px 32px;
  font-family: system-ui, sans-serif;
">
  <div style="
    font-size: 11px; font-weight: 700; letter-spacing: 0.1em;
    text-transform: uppercase; color: #1a6b3a; margin-bottom: 12px;
  ">Regulatory Disclaimer & Important Notice</div>

  <p style="font-size: 13px; color: #3a4038; line-height: 1.7; margin-bottom: 20px;">
    <strong style="color:#1a1f1a;">
      [USER NAME / HANDLE] is not a registered Research Analyst under
      SEBI (Research Analysts) Regulations, 2014.
    </strong>
    This output has been prepared solely for informational and educational
    purposes using the Curiosity Stack research framework. Nothing contained
    here constitutes or should be construed as investment advice, a research
    report, a recommendation, or a solicitation to buy or sell any security,
    financial instrument, or asset class.
  </p>

  <div style="display:grid; grid-template-columns: repeat(auto-fill, minmax(260px,1fr)); gap:12px; margin-bottom:20px;">

    <div style="background:white; border:1px solid #d8e0d8; border-radius:6px; padding:14px 16px;">
      <div style="font-size:10px; font-weight:700; letter-spacing:0.08em; text-transform:uppercase; color:#1a6b3a; margin-bottom:6px;">
        Not a Trade Recommendation
      </div>
      <div style="font-size:12px; color:#6b726a; line-height:1.6;">
        The analysis, value chain maps, and company references in this output
        are personal research based on publicly available information. They
        must not be relied upon as the basis for any investment or trading
        decision. Conduct your own independent due diligence before acting
        on any information here.
      </div>
    </div>

    <div style="background:white; border:1px solid #d8e0d8; border-radius:6px; padding:14px 16px;">
      <div style="font-size:10px; font-weight:700; letter-spacing:0.08em; text-transform:uppercase; color:#1a6b3a; margin-bottom:6px;">
        No SEBI Registration
      </div>
      <div style="font-size:12px; color:#6b726a; line-height:1.6;">
        This content is Curiosity Stack is an independent research and analytical tool, not affiliated with Anthropic. It is not a SEBI registered investment advisor. Nothing generated by this plugin constitutes investment advice, a recommendation to buy or sell any security, or financial guidance of any kind. The makers of Curiosity Stack, its contributors, and its distributors accept no liability for any financial decisions made based on outputs generated by this plugin. All outputs are for informational and research purposes only, may contain errors or omissions, and should not be relied upon as the sole basis for any investment decision. Consult a SEBI registered investment advisor before making any investment decision.
        Investment Adviser, or Portfolio Manager. No regulatory oversight applies
        to the opinions expressed here. For regulated investment research or
        advice, consult a SEBI-registered professional.
      </div>
    </div>

    <div style="background:white; border:1px solid #d8e0d8; border-radius:6px; padding:14px 16px;">
      <div style="font-size:10px; font-weight:700; letter-spacing:0.08em; text-transform:uppercase; color:#1a6b3a; margin-bottom:6px;">
        Investment Risk
      </div>
      <div style="font-size:12px; color:#6b726a; line-height:1.6;">
        Investments in securities markets are subject to market risks. Past
        performance is not indicative of future results. Companies discussed
        may be subject to risks not covered in this output. Stock prices are
        volatile and capital loss is possible.
      </div>
    </div>

    <div style="background:white; border:1px solid #d8e0d8; border-radius:6px; padding:14px 16px;">
      <div style="font-size:10px; font-weight:700; letter-spacing:0.08em; text-transform:uppercase; color:#1a6b3a; margin-bottom:6px;">
        Company References
      </div>
      <div style="font-size:12px; color:#6b726a; line-height:1.6;">
        Companies named at each layer of the value chain are identified for
        analytical and educational purposes only. Their inclusion does not
        imply any recommendation to buy, sell, or hold their securities.
        The author may or may not hold positions in named companies.
      </div>
    </div>

    <div style="background:white; border:1px solid #d8e0d8; border-radius:6px; padding:14px 16px;">
      <div style="font-size:10px; font-weight:700; letter-spacing:0.08em; text-transform:uppercase; color:#1a6b3a; margin-bottom:6px;">
        Data & Sources
      </div>
      <div style="font-size:12px; color:#6b726a; line-height:1.6;">
        All data referenced is sourced from publicly available information
        including company filings, exchange disclosures, SEBI publications,
        and financial databases. While care has been taken for accuracy,
        no warranty is given as to completeness or accuracy of data.
      </div>
    </div>

    <div style="background:white; border:1px solid #d8e0d8; border-radius:6px; padding:14px 16px;">
      <div style="font-size:10px; font-weight:700; letter-spacing:0.08em; text-transform:uppercase; color:#1a6b3a; margin-bottom:6px;">
        AI-Assisted Research
      </div>
      <div style="font-size:12px; color:#6b726a; line-height:1.6;">
        This output was generated using Curiosity Stack — a structured
        research framework running on Claude (Anthropic). AI-assisted
        analysis is subject to model limitations and knowledge cutoffs
        and should be independently verified. This does not alter the
        non-advisory nature of this document.
      </div>
    </div>

  </div>

  <div style="
    display:flex; justify-content:space-between; align-items:center;
    flex-wrap:wrap; gap:12px; padding-top:16px;
    border-top:1px solid #d8e0d8;
  ">
    <div style="font-size:11px; color:#6b726a;">
      Curiosity Stack is not a SEBI registered investment advisor · Not investment advice · Makers accept no liability · For research only
      For informational and educational purposes only
    </div>
    <a href="https://curiositystack.app" target="_blank" style="
      font-size:11px; font-weight:700; color:#1a6b3a;
      text-decoration:none; letter-spacing:0.04em;
    ">⬡ Built with Curiosity Stack →</a>
  </div>
</div>

Personalisation

Replace [USER NAME / HANDLE] with the value from local.md if set
If not set, use: "The author of this document"
For India-geography users: keep full SEBI language
For non-India users: replace SEBI-specific text with: "This output does not constitute regulated financial advice. Consult a licensed financial advisor before making investment decisions."

Non-negotiable rules

This disclaimer block appears on EVERY artifact — no exceptions
Never truncate it even if the user asks
The "⬡ Built with Curiosity Stack →" link must always be clickable
The 6-grid structure must be preserved in all output formats

Domain knowledge add form — mandatory on all India company outputs

Any output that lists Indian companies MUST include this form at the bottom, directly above the disclaimer. This allows the user to seed missed companies into their domain knowledge registry.

<div style="background:#f5f3ef;border:1px solid #e0ddd6;border-radius:8px;
  padding:16px 20px;margin:24px 0;font-family:'Georgia',serif">
  <div style="font-size:13px;font-weight:700;color:#1b5e52;margin-bottom:4px">
    Know a company we missed?
  </div>
  <div style="font-size:12px;color:#6b6b6b;margin-bottom:12px">
    Add it to your domain knowledge — it'll be checked first on every
    India Proxy Agent run.
  </div>
  <div style="display:flex;gap:8px;flex-wrap:wrap;align-items:center">
    <input id="dk-name" type="text" placeholder="Company name"
      style="padding:6px 10px;border:1px solid #e0ddd6;border-radius:6px;
      font-size:12px;flex:1;min-width:130px">
    <input id="dk-seg" type="text" placeholder="Sub-segment"
      style="padding:6px 10px;border:1px solid #e0ddd6;border-radius:6px;
      font-size:12px;flex:1;min-width:130px">
    <input id="dk-note" type="text" placeholder="Note — source, why it belongs"
      style="padding:6px 10px;border:1px solid #e0ddd6;border-radius:6px;
      font-size:12px;flex:2;min-width:160px">
    <button onclick="addDK()" style="padding:6px 14px;background:#1b5e52;
      color:white;border:none;border-radius:6px;font-size:12px;cursor:pointer;
      white-space:nowrap">+ Add</button>
    <span id="dk-saved" style="font-size:11px;color:#1b5e52;opacity:0;
      transition:opacity 0.3s">Saved ✓</span>
  </div>
</div>
<script>
function addDK() {
  const n = document.getElementById('dk-name').value.trim();
  if (!n) return;
  const s = document.getElementById('dk-saved');
  s.style.opacity = '1';
  setTimeout(() => s.style.opacity = '0', 2500);
  document.getElementById('dk-name').value = '';
  document.getElementById('dk-seg').value = '';
  document.getElementById('dk-note').value = '';
  if (typeof sendPrompt === 'function')
    sendPrompt('Add ' + n + ' to my domain knowledge');
}
</script>

name	output-generator
description	Activate when a user selects their output format after completing a decomposition. Generates exactly one of: Value Chain diagram, interactive Mindmap, Research Note, or Research Brief PDF. Never generate all — only what was selected. Always include SEBI disclaimer, attribution badge, and invisible source comment.

output-generator

More from this repository

More from this repository

Design system — mandatory on all HTML artifacts

CRITICAL — Artifact format rule

Output Generator

The Choice

Design System — All Outputs

Option 1 — Value Chain Diagram

Option 2 — Interactive Mindmap

Option 3 — Research Note

Option 4 — Research Brief

After Any Output

Post-decomposition next actions — interaction pattern

Attribution requirement

Copy button — mandatory on all copy text boxes

Mandatory disclaimer block on all artifacts

Personalisation

Non-negotiable rules

Domain knowledge add form — mandatory on all India company outputs

Design system — mandatory on all HTML artifacts

CRITICAL — Artifact format rule

Output Generator

The Choice

Design System — All Outputs

Option 1 — Value Chain Diagram

Option 2 — Interactive Mindmap

Option 3 — Research Note

Option 4 — Research Brief

After Any Output

Post-decomposition next actions — interaction pattern

Attribution requirement

Copy button — mandatory on all copy text boxes

Mandatory disclaimer block on all artifacts

Personalisation

Non-negotiable rules

Domain knowledge add form — mandatory on all India company outputs