app-studio-dataset-etl-gen-demo（App Studio 数据集 etl 生成演示）

Micro-Demo: App Studio App (dataset + ETL + demo)

Skills

Read these helper scripts (they encode the API patterns used by this demo flow):

1. ~/.agents/skills/app-studio-dataset-etl-gen-demo/references/cli_helpers.py — API wrappers
2. ~/.agents/skills/advanced-app-studio/references/card_templates.py — card body builders
3. ~/.agents/skills/advanced-app-studio/references/layout_assembler.py — layout composition
4. ~/.agents/skills/domo-app-theme/references/theme_transform.py — theme format bridge
5. ~/.agents/skills/app-studio-dataset-etl-gen-demo/references/theme_loader.py — pick theme (reads compact index at runtime)
6. ~/.agents/skills/app-studio-dataset-etl-gen-demo/references/vertical_detector.py — auto-detect vertical
7. ~/.agents/skills/app-studio-dataset-etl-gen-demo/references/errata.md — API gotchas

Do NOT read full advanced-app-studio/SKILL.md or theme DESIGN.md files unless a helper script path does not cover the operation you need.

Demo Pack

Read references/{vertical}.md for page definitions, icons, metrics, theme, and chart types.

Demo Pack References Auto-Selection

When the user doesn't specify an industry vertical, pick from references/ using this priority:

manufacturing → healthcare → retail-ecommerce → logistics → financial-services

Available packs: healthcare.md, manufacturing.md, retail-ecommerce.md, logistics.md, financial-services.md

Input Requirements

Needs dataset id's to power cards. Sources:

1. Ask user if they already have datasets with the required schema
2. Otherwise

Procedure

1. If user provides dataset IDs, detect vertical before pack selection:

- Fetch schema/columns using community-domo-cli datasets schema <dataset_id> for each provided dataset. - Match columns to a reference vertical using this map:

1. (ONLY if user does not provide) Create Datasets with the domo-data-generator skill
2. (ONLY If user does not provide) Create ETL with the magic-etl-cli skill (or magic-etl for API-oriented dataflow work)
3. Create app advanced-app-studio:
4. Create pages advanced-app-studio:
5. Apply theme: GET theme → from domo-app-theme/themes
6. Hero metrics: 3–4 badge_pop_multi_value cards per page in ONE ROW at y=20, height 14, YEAR interval
7. Native charts: 1 full-width (width 60) per page + 2–6 detail cards, different chart types per page
8. Filter cards: low-profile (height 6, style null, hideBorder, hideTitle, hideMargins, fitToFrame)
9. Assemble layout per vertical structure: banner y=0 → filters y=14 → heroes y=20 → header y=34 → primary viz y=38 → header y=68 → detail cards y=72
10. Navigation: LEFT orientation, reorder pages, HOME first, showTitle false. INFORM USER icons must be set manually in App Studio UI (e.g., Overview → home, Production → gauge).

Adding Pages Only

If user asks to "add pages" to an existing app:

1. Get appId from context or ask
2. Create views, heroes, native cards, filters for each new page
3. Assemble layout for new pages
4. Update navigation order; inform user to set new page icons manually in the App Studio UI

Output Contract

After completion, tell the user:

• App URL: https://modocorp.domo.com/app-studio/{appId}
• appId and all pageIds
• Card count per page

Mandatory UI/UX Standards

• All borderRadius: 0 everywhere (cards, tables, notebooks, components, buttons, tabs, forms, pills)
• All cards: borderWidth: 0, dropShadow: null, padding: {"left": 0, "right": 0, "top": 0, "bottom": 0}
• Fixed-width layout: isDynamic: false, density: {compact: 8, standard: 8}
• Controls color c8: #2563BE
• Filter cards: height 6, style null, hideTitle true
• Heroes: SINGLE ROW, height 14, never 5+ heroes, never 2 rows
• Never create duplicate apps — reuse existing appId on retry

CRITICAL: Navigation Icon Names

Google Material icon names DO NOT WORK in Domo. Names like inventory_2, assignment_return, monetization_on, trending_up, electric_bolt, precision_manufacturing, verified_user will render as BLANK SPACE with no icon visible.

Use ONLY these Domo-native icon names (verified from 100+ live apps):

Manufacturing app example: Home → home, Overview → analytics, Production → gauge, Quality → certified, Supply Chain → globe