quant-visualization

D3.js 数据可视化 - 生成交易图表、权益曲线、风险指标可视化

3.71x

Quality

66%

Does it follow best practices?

Impact

78%

3.71x

Average score across 3 eval scenarios

Securityby

Passed

No known issues

Optimize this skill with Tessl

npx tessl skill review --optimize ./.trae/skills/quant-visualization/SKILL.md

Quality

Discovery

67%

Based on the skill's description, can an agent find and select it at the right time? Clear, specific descriptions lead to better discovery.

This description has strong specificity and distinctiveness, clearly identifying D3.js as the technology and financial trading visualizations as the domain. However, it lacks an explicit 'Use when...' clause which limits Claude's ability to know exactly when to select this skill, and could benefit from more natural trigger terms users might actually say.

Suggestions

Add a 'Use when...' clause with explicit triggers like 'Use when the user needs D3.js charts, trading visualizations, equity curves, or financial data plots'

Include common English variations and file-related terms users might mention: 'charts', 'graphs', 'plots', 'financial visualization', 'portfolio performance'

Dimension	Reasoning	Score
Specificity	Lists multiple specific concrete actions: '生成交易图表、权益曲线、风险指标可视化' (generate trading charts, equity curves, risk indicator visualizations). These are concrete, domain-specific outputs.	3 / 3
Completeness	Clearly answers 'what' (D3.js data visualization for trading charts, equity curves, risk indicators) but lacks an explicit 'Use when...' clause or equivalent trigger guidance.	2 / 3
Trigger Term Quality	Contains relevant keywords like 'D3.js', '数据可视化' (data visualization), '交易图表' (trading charts), '权益曲线' (equity curves), but missing common variations users might say like 'chart', 'graph', 'plot', or file extensions.	2 / 3
Distinctiveness Conflict Risk	Highly distinctive with clear niche: D3.js specifically for financial/trading visualizations. The combination of D3.js + trading domain makes it unlikely to conflict with general charting or other visualization skills.	3 / 3
	Total	10 / 12 Passed

Implementation

64%

Reviews the quality of instructions and guidance provided to agents. Good implementation is clear, handles edge cases, and produces reliable results.

This skill provides strong, actionable D3.js code examples for quantitative trading visualizations with good coverage of common chart types. However, it could be more concise by removing explanatory text Claude doesn't need, and would benefit from clearer step-by-step workflows for generating complete visualization reports rather than just presenting code snippets.

Suggestions

Remove the '概述' section and reduce explanatory text - Claude already understands D3.js and visualization concepts

Add explicit workflow steps for generating complete dashboards: 1. Prepare data format → 2. Generate charts → 3. Validate output → 4. Combine into HTML

Convert '示例任务' from descriptions into actionable step sequences with expected outputs and validation criteria

Dimension	Reasoning	Score
Conciseness	The skill provides substantial code examples but includes some unnecessary sections like the overview paragraph explaining what the skill does. The '概述' section and some explanatory text could be trimmed since Claude understands D3.js and visualization concepts.	2 / 3
Actionability	Excellent executable code examples throughout - equity curves, histograms, heatmaps, radar charts all have complete, copy-paste ready D3.js implementations. The HTML template and npm install command make it immediately usable.	3 / 3
Workflow Clarity	The skill presents visualization types and scenarios but lacks explicit workflow sequences. The '示例任务' section lists what to create but doesn't provide step-by-step processes with validation checkpoints for generating complete dashboards.	2 / 3
Progressive Disclosure	Content is reasonably organized with clear sections (core types, scenarios, best practices, templates), but it's a monolithic document. Complex topics like the full dashboard implementation could benefit from separate reference files for each chart type.	2 / 3
	Total	9 / 12 Passed

Validation

90%

Warnings & errors only

Checks the skill against the spec for correct structure and formatting. All validation checks must pass before discovery and implementation can be scored.

Validation — 10 / 11 Passed

Validation for skill structure

Criteria	Description	Result
frontmatter_unknown_keys	Unknown frontmatter key(s) found; consider removing or moving to metadata	Warning

	Total	10 / 11 Passed

Repository: Lingjie-chen/MT5
Commit: 3069d33

Reviewed: 26 days ago

Table of Contents

Discovery Implementation Validation

Is this your skill?

If you maintain this skill, you can claim it as your own. Once claimed, you can manage eval scenarios, bundle related skills, attach documentation or rules, and ensure cross-agent compatibility.