Skip to content
Back to skills

2483 Tasks F53afa83

ASecurity

- [x] 1.1 base_agent.py: Add `_extract_visualization()` helper that detects `_visualization` in tool results - [x] 1.2 base_agent.py: In `on_tool_end` callback, emit `visualization` SSE event when `_visualization` is present - [x] 1.3 router.py: Add `visualization` case in SSE generator, forward to frontend and collect in message metadata

  • 9 stars
  • 0 votes
  • 0 copies
  • 0 views
  • Added October 11, 2026
developmentvueapifrontendbackend

Works with

  • api

Security analysis

A100/100

Scanned October 11, 2026

npx -y skills add tools-only/X-Skills --skill 2483-tasks_f53afa83 --agent claude-code

Installs into .claude/skills of the current project.

Are you the author of 2483 Tasks F53afa83?

Add the live security badge to your README. It updates with every re-scan.

Security grade badge for 2483 Tasks F53afa83
[![Security: A — Skills Directory](https://www.skillsdirectory.com/api/skills/tools-only-2483-tasks-f53afa83/badge)](https://www.skillsdirectory.com/skills/tools-only-2483-tasks-f53afa83)

More formats (shields.io, HTML) on the badges page. Keep it an A: scan every change in CI with Pro.

SKILL.md
## 1. Backend - SSE Visualization Event Infrastructure
- [x] 1.1 base_agent.py: Add `_extract_visualization()` helper that detects `_visualization` in tool results
- [x] 1.2 base_agent.py: In `on_tool_end` callback, emit `visualization` SSE event when `_visualization` is present
- [x] 1.3 router.py: Add `visualization` case in SSE generator, forward to frontend and collect in message metadata

## 2. Backend - Agent Tool Visualization Data
- [x] 2.1 MarketAgent `get_kline`: Return full OHLCV data series + indicators in `_visualization` field (type: kline)
- [x] 2.2 MarketAgent `calculate_indicators`: Append indicator data to shared visualization context
- [x] 2.3 ReportAgent `get_comprehensive_financial_analysis`: Add `_visualization` field (type: financial_trend)
- [~] 2.4 BacktestAgent `run_simple_backtest`: Add `_visualization` field (type: profit_curve) — deferred, backtest agent uses markdown output
- [~] 2.5 IndexAgent: Add `_visualization` for index kline data — deferred, low priority
- [~] 2.6 EtfAgent `compare_etf_with_index`: Add `_visualization` field (type: index_compare) — deferred, low priority

## 3. Frontend - Dynamic Chart Rendering
- [x] 3.1 api/chat.ts: Add `VisualizationEvent` type definition
- [x] 3.2 stores/chat.ts: Add visualization state management and `visualization` case in SSE handler
- [x] 3.3 MessageList.vue: Add dynamic chart component rendering (import KLineChart, TrendChart, ProfitChart, IndexCompareChart)
- [x] 3.4 MessageList.vue: Remove dead `[KLINE_CHART]` inline echarts code

Attribution

Is this your skill, or is something wrong with this listing? Request removal or report an issue. Author removals are honored within 72 hours.

Comments

Loading comments…

Newsletter

Get the weekly list of safe new skills, and the ones we pulled.