Search everything...

Skill

output-generator

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.

From curiosity-stack

Install

Run in your terminal

npx claudepluginhub ameya85/curiosity-stack

Tool Access

This skill uses the workspace's default tool permissions.

Skill Content

Similar Skills

ui-ux-pro-max

Provides UI/UX resources: 50+ styles, color palettes, font pairings, guidelines, charts for web/mobile across React, Next.js, Vue, Svelte, Tailwind, React Native, Flutter. Aids planning, building, reviewing interfaces.

ui-ux-pro-max

57.6k

context7-mcp

Fetches up-to-date documentation from Context7 for libraries and frameworks like React, Next.js, Prisma. Use for setup questions, API references, and code examples.

context7-plugin

51.4k

market-sizing-analysis

2 files

Calculates TAM/SAM/SOM using top-down, bottom-up, and value theory methodologies for market sizing, revenue estimation, and startup validation.

startup-business-analyst

32.9k

Stats

Stars12

Forks5

Last CommitMar 28, 2026

Actions

View Source View Plugin View on GitHub View README

output-generator | curiosity-stack | ClaudePluginHub

Skill

output-generator

From curiosity-stack

Install

Run in your terminal

npx claudepluginhub ameya85/curiosity-stack

Tool Access

This skill uses the workspace's default tool permissions.

Skill Content

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>Not SEBI registered · Not investment advice · 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 <!DOCTYPE html>, <html>, <head>, or <body> tags. Cowork artifacts are HTML FRAGMENTS only — not full documents. Starting an artifact with <!DOCTYPE html> causes raw code to display instead of rendering. Always start directly with <style> 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 -->
<!-- Author: Ameya Pimpalgaonkar · finstor85.substack.com -->
<!-- Version: 3.2.0 -->

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 by Ameya Pimpalgaonkar
[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 -->
<!-- Author: Ameya Pimpalgaonkar · finstor85.substack.com -->

Add to the bottom:

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

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               │
│ Not investment advice. Research purposes only.   │
└─────────────────────────────────────────────────┘

Generate as: HTML artifact formatted to A4 with print CSS. User can Ctrl+P / Cmd+P to save as PDF. Clean, no browser chrome visible in print.

Palette: Same warm white design system. Accent teal for section headers. Soft charcoal for body text.

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 not produced by a SEBI-registered Research Analyst,
        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;">
      Not SEBI registered &nbsp;·&nbsp; Not investment advice &nbsp;·&nbsp;
      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>

Similar Skills

ui-ux-pro-max

57.6k

context7-mcp

Fetches up-to-date documentation from Context7 for libraries and frameworks like React, Next.js, Prisma. Use for setup questions, API references, and code examples.

context7-plugin

51.4k

market-sizing-analysis

2 files

Calculates TAM/SAM/SOM using top-down, bottom-up, and value theory methodologies for market sizing, revenue estimation, and startup validation.

startup-business-analyst

32.9k

Stats

Stars12

Forks5

Last CommitMar 28, 2026

Actions

View Source View Plugin View on GitHub View README

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>Not SEBI registered · Not investment advice · 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

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 -->
<!-- Author: Ameya Pimpalgaonkar · finstor85.substack.com -->
<!-- Version: 3.2.0 -->

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 by Ameya Pimpalgaonkar
[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 -->
<!-- Author: Ameya Pimpalgaonkar · finstor85.substack.com -->

Add to the bottom:

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

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               │
│ Not investment advice. Research purposes only.   │
└─────────────────────────────────────────────────┘

Generate as: HTML artifact formatted to A4 with print CSS. User can Ctrl+P / Cmd+P to save as PDF. Clean, no browser chrome visible in print.

Palette: Same warm white design system. Accent teal for section headers. Soft charcoal for body text.

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

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 not produced by a SEBI-registered Research Analyst,
        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;">
      Not SEBI registered &nbsp;·&nbsp; Not investment advice &nbsp;·&nbsp;
      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>