{"id":"817efd94-24e7-4a74-b9db-edd4adfdc3ad","shortId":"dkSFuk","kind":"skill","title":"trading-analysis-dashboard-template","tagline":"Professional trading analysis dashboard template (single-file HTML) with\nlight/dark theme switch, dense market panels, chart interactions, demo/live\nplayback, and command palette behavior.\nUse when users ask for a Wall-Street-style analytics terminal, trading cockpit,\nor high-tec","description":"# Trading Analysis Dashboard Template\n\nProduce a premium, data-dense, Wall-Street style trading dashboard as a self-contained HTML artifact.\n\n## Resource map\n\n```text\ntrading-analysis-dashboard-template/\n├── SKILL.md\n├── assets/\n│ └── template.html\n├── references/\n│ └── checklist.md\n└── example.html\n```\n\n## Workflow\n\n1. Read active `DESIGN.md`, then map typography/color/layout into CSS variables.\n2. Copy `assets/template.html` to `index.html`.\n3. Personalize headings, instrument names, and numeric labels to the user brief.\n4. Preserve interaction fidelity:\n - Light/Dark mode switch\n - Live/Demo mode\n - Chart hover crosshair and tooltip\n - Click-to-focus chart (floating modal style)\n - Keyboard command palette (`/`)\n5. Keep output single-file HTML (inline CSS + inline JS, no framework dependency).\n6. Keep placeholders honest (`—` or neutral labels) where real numbers are unknown.\n7. Validate against `references/checklist.md` before emitting.\n\n## Output contract\n\nOne sentence before artifact, then:\n\n```xml\n\n\n...\n\n```","tags":["trading","analysis","dashboard","template","open","design","nexu-io","agent-skills","ai-agents","ai-design","byok","claude"],"capabilities":["skill","source-nexu-io","skill-trading-analysis-dashboard-template","topic-agent-skills","topic-ai-agents","topic-ai-design","topic-byok","topic-claude","topic-claude-code-for-design","topic-claude-design","topic-coding-agents","topic-design-systems","topic-design-tools","topic-desktop-app","topic-figma-alternative"],"categories":["open-design"],"synonyms":[],"warnings":[],"endpointUrl":"https://skills.sh/nexu-io/open-design/trading-analysis-dashboard-template","protocol":"skill","transport":"skills-sh","auth":{"type":"none","details":{"cli":"npx skills add nexu-io/open-design","source_repo":"https://github.com/nexu-io/open-design","install_from":"skills.sh"}},"qualityScore":"0.700","qualityRationale":"deterministic score 0.70 from registry signals: · indexed on github topic:agent-skills · 36607 github stars · SKILL.md body (1,185 chars)","verified":false,"liveness":"unknown","lastLivenessCheck":null,"agentReviews":{"count":0,"score_avg":null,"cost_usd_avg":null,"success_rate":null,"latency_p50_ms":null,"narrative_summary":null,"summary_updated_at":null},"enrichmentModel":"deterministic:skill-github:v1","enrichmentVersion":1,"enrichedAt":"2026-05-11T06:52:27.300Z","embedding":null,"createdAt":"2026-05-08T06:51:53.306Z","updatedAt":"2026-05-11T06:52:27.300Z","lastSeenAt":"2026-05-11T06:52:27.300Z","tsv":"'1':86 '2':96 '3':101 '4':113 '5':138 '6':152 '7':164 'activ':88 'analysi':3,8,49,76 'analyt':40 'artifact':70,175 'ask':33 'asset':80 'assets/template.html':98 'behavior':29 'brief':112 'chart':22,122,131 'checklist.md':83 'click':128 'click-to-focus':127 'cockpit':43 'command':27,136 'contain':68 'contract':171 'copi':97 'crosshair':124 'css':94,146 'dashboard':4,9,50,63,77 'data':56 'data-dens':55 'demo/live':24 'dens':19,57 'depend':151 'design.md':89 'emit':169 'example.html':84 'fidel':116 'file':13,143 'float':132 'focus':130 'framework':150 'head':103 'high':46 'high-tec':45 'honest':155 'hover':123 'html':14,69,144 'index.html':100 'inlin':145,147 'instrument':104 'interact':23,115 'js':148 'keep':139,153 'keyboard':135 'label':108,158 'light/dark':16,117 'live/demo':120 'map':72,91 'market':20 'modal':133 'mode':118,121 'name':105 'neutral':157 'number':161 'numer':107 'one':172 'output':140,170 'palett':28,137 'panel':21 'person':102 'placehold':154 'playback':25 'premium':54 'preserv':114 'produc':52 'profession':6 'read':87 'real':160 'refer':82 'references/checklist.md':167 'resourc':71 'self':67 'self-contain':66 'sentenc':173 'singl':12,142 'single-fil':11,141 'skill' 'skill-trading-analysis-dashboard-template' 'skill.md':79 'source-nexu-io' 'street':38,60 'style':39,61,134 'switch':18,119 'tec':47 'templat':5,10,51,78 'template.html':81 'termin':41 'text':73 'theme':17 'tooltip':126 'topic-agent-skills' 'topic-ai-agents' 'topic-ai-design' 'topic-byok' 'topic-claude' 'topic-claude-code-for-design' 'topic-claude-design' 'topic-coding-agents' 'topic-design-systems' 'topic-design-tools' 'topic-desktop-app' 'topic-figma-alternative' 'trade':2,7,42,48,62,75 'trading-analysis-dashboard-templ':1,74 'typography/color/layout':92 'unknown':163 'use':30 'user':32,111 'valid':165 'variabl':95 'wall':37,59 'wall-street':58 'wall-street-styl':36 'workflow':85 'xml':177","prices":[{"id":"7993e21a-097d-44a9-be2a-236b3e8a2422","listingId":"817efd94-24e7-4a74-b9db-edd4adfdc3ad","amountUsd":"0","unit":"free","nativeCurrency":null,"nativeAmount":null,"chain":null,"payTo":null,"paymentMethod":"skill-free","isPrimary":true,"details":{"org":"nexu-io","category":"open-design","install_from":"skills.sh"},"createdAt":"2026-05-08T06:51:53.306Z"}],"sources":[{"listingId":"817efd94-24e7-4a74-b9db-edd4adfdc3ad","source":"github","sourceId":"nexu-io/open-design/trading-analysis-dashboard-template","sourceUrl":"https://github.com/nexu-io/open-design/tree/main/skills/trading-analysis-dashboard-template","isPrimary":false,"firstSeenAt":"2026-05-08T06:51:53.306Z","lastSeenAt":"2026-05-11T06:52:27.300Z"}],"details":{"listingId":"817efd94-24e7-4a74-b9db-edd4adfdc3ad","quickStartSnippet":null,"exampleRequest":null,"exampleResponse":null,"schema":null,"openapiUrl":null,"agentsTxtUrl":null,"citations":[],"useCases":[],"bestFor":[],"notFor":[],"kindDetails":{"org":"nexu-io","slug":"trading-analysis-dashboard-template","github":{"repo":"nexu-io/open-design","stars":36607,"topics":["agent-skills","ai-agents","ai-design","byok","claude","claude-code-for-design","claude-design","coding-agents","design-systems","design-tools","desktop-app","figma-alternative","generative-ai","hermes-agent","local-first","nextjs","no-code","prototyping","ui-generator","vibe-coding"],"license":"apache-2.0","html_url":"https://github.com/nexu-io/open-design","pushed_at":"2026-05-11T06:48:43Z","description":"🎨 Local-first, open-source alternative to Anthropic's Claude Design. ⚡ 19 Skills · ✨ 71 brand-grade Design Systems 🖼 Generate web · desktop · mobile prototypes · slides · images · videos · HyperFrames 📦 Sandboxed preview · HTML/PDF/PPTX/MP4 export 🤖 Runs on Claude Code / Codex / Cursor / Gemini / OpenCode / Qwen / Copilot / Hermes / Kimi CLI.","skill_md_sha":"1d056fa9b4168b1bf54251bd76438750b4d7b6ce","skill_md_path":"skills/trading-analysis-dashboard-template/SKILL.md","default_branch":"main","skill_tree_url":"https://github.com/nexu-io/open-design/tree/main/skills/trading-analysis-dashboard-template"},"layout":"multi","source":"github","category":"open-design","frontmatter":{"name":"trading-analysis-dashboard-template","description":"Professional trading analysis dashboard template (single-file HTML) with\nlight/dark theme switch, dense market panels, chart interactions, demo/live\nplayback, and command palette behavior.\nUse when users ask for a Wall-Street-style analytics terminal, trading cockpit,\nor high-tech financial dashboard template with realistic data layout."},"skills_sh_url":"https://skills.sh/nexu-io/open-design/trading-analysis-dashboard-template"},"updatedAt":"2026-05-11T06:52:27.300Z"}}