rebrand-thoughtspot-portal

Generates branded ThoughtSpot embedded-analytics portals from a plain-language interview and spec-driven codemod.

6|Updated Apr 30, 2026
One-click install
npx skills add https://github.com/thoughtspot/tse_demos --skill rebrand-thoughtspot-portal-thoughtspot
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: rebrand-thoughtspot-portal
Source: https://github.com/thoughtspot/tse_demos/tree/main/.claude/skills/rebrand-thoughtspot-portal
Command: npx skills add https://github.com/thoughtspot/tse_demos --skill rebrand-thoughtspot-portal-thoughtspot

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires @thoughtspot/visual-embed-sdk, and includes scripts (resource) and references (resource) components.

What problem does it solve? Building a white-labeled ThoughtSpot embedded analytics portal normally requires manual React/TypeScript work: wiring the Visual Embed SDK, theming, configuring liveboards, and building custom actions. This Skill turns a plain-language interview into a fully-branded, running Vite + React portal without the user writing code. ## Core Features & Use Cases - Guided interview to spec.json: A locked branching question tree collects brand, ThoughtSpot host, liveboard/worksheet GUIDs, tabs, auth mode, theme screenshot, and feature toggles, then writes a machine-readable spec. - Deterministic codemod: scripts/apply-spec.mjs clones the bundled template-tse/ base app, renames the brand, patches config (host, GUIDs, columns, auth), regenerates theme tokens and fonts, drops in logo/favicon, and prunes disabled features. - Feature-rich output: Generated apps can include an Analytics liveboard, inline-insights tab, custom-action workflow modal, Spotter and Ask-AI chat, monetization paywall, Premium/Basic tiers, Add-Report pinning, and light/dark themes derived from a brand screenshot. - Use Case: A solutions engineer says "build a ThoughtSpot portal for Acme", pastes a liveboard URL and a brand screenshot, answers the interview, and receives a running acme-tse/ app on localhost. ## Quick Start Say "build a ThoughtSpot portal for <company>" and answer the interview questions with your host URL, liveboard ID, worksheet ID, and a brand screenshot.

Frequently Asked Questions about rebrand-thoughtspot-portal

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I build a white-labeled ThoughtSpot embedded analytics portal?▼

Run the guided interview by saying "build a ThoughtSpot portal for <company>". The Skill collects your host URL, liveboard and worksheet GUIDs, brand screenshot, and feature choices, writes a spec.json, and runs a codemod that clones the bundled template into a branded, runnable app.

What do I need to provide to generate a ThoughtSpot portal app?▼

You need your ThoughtSpot host URL, the main dashboard's liveboard ID, the data model or worksheet ID, and a brand screenshot for palette derivation. A logo file is optional; the codemod generates a wordmark if none is supplied.

Does the generated app support dark theme and custom fonts?▼

Yes. The template is fully token-driven, so light and dark palettes are regenerated from your brand screenshot in globals.css. Google fonts render inside ThoughtSpot embeds; self-hosted fonts fall back to the nearest Google font because the embed iframe is sandboxed.

Why does my embedded ThoughtSpot liveboard render blank?▼

The most common cause is passing a viz or saved-answer GUID where a liveboard GUID is expected. The Skill confirms each pasted URL's object type from its path segment, and you must also add your app's domain to the ThoughtSpot CSP/CORS allowlist.

Can I use this Skill to build a non-ThoughtSpot app from scratch?▼

No. The Skill only reskins and configures the bundled ThoughtSpot Visual Embed SDK template; it does not design new app architectures or build applications unrelated to ThoughtSpot embedded analytics.

How do I install the rebrand-thoughtspot-portal skill into my project?▼

Run npx degit thoughtspot/tse_demos/.claude/skills/rebrand-thoughtspot-portal .claude/skills/rebrand-thoughtspot-portal from your project root. The skill is self-contained, and the codemod installs the bundled template's npm dependencies automatically on first build.