Longbridge Market Data
sickn33/agentic-awesome-skills
Real-time quotes, K-line charts, order book, trade ticks, intraday capital flow, market sentiment temperature, trading session schedule, security lists, exchange rates, and IPO calendar for…
A canvas is a live React panel the user opens beside the chat, saved as journal/canvases/<slug.canvas.tsx.
Install Canvas
$ npx skills add kansoku-trade/kansoku --skill canvas -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install kansoku-trade/kansoku canvas --agent claude-codeProject scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).
$ git clone --depth 1 https://github.com/kansoku-trade/kansoku.git skills-src && mkdir -p .claude/skills && cp -r skills-src/packages/core/skills/canvas .claude/skills/canvas && rm -rf skills-srcUse ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.
Claude Code skills documentation · loads skills from .claude/skills/
Install the "canvas" agent skill from https://github.com/kansoku-trade/kansoku/tree/main/packages/core/skills/canvas into .claude/skills/canvas/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "canvas", then confirm the skill loads.Claude Code copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$skill-installer install https://github.com/kansoku-trade/kansoku/tree/main/packages/core/skills/canvasType this inside Codex. $skill-installer <name> installs a curated skill from openai/skills. The installer writes to $CODEX_HOME/skills (default ~/.codex/skills). Restart Codex if the skill does not show up.
$ npx skills add kansoku-trade/kansoku --skill canvas -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install kansoku-trade/kansoku canvas --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/kansoku-trade/kansoku.git skills-src && mkdir -p .agents/skills && cp -r skills-src/packages/core/skills/canvas .agents/skills/canvas && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "canvas" agent skill from https://github.com/kansoku-trade/kansoku/tree/main/packages/core/skills/canvas into .agents/skills/canvas/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "canvas", then confirm the skill loads.Codex copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add kansoku-trade/kansoku --skill canvas -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install kansoku-trade/kansoku canvas --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/kansoku-trade/kansoku.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/packages/core/skills/canvas .cursor/skills/canvas && rm -rf skills-srcUse ~/.cursor/skills/ instead of .cursor/skills for a personal install.
Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/
Install the "canvas" agent skill from https://github.com/kansoku-trade/kansoku/tree/main/packages/core/skills/canvas into .cursor/skills/canvas/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "canvas", then confirm the skill loads.Cursor copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gemini skills install https://github.com/kansoku-trade/kansoku.git --path packages/core/skills/canvas--scope user (default) or --scope workspace; --path is the subfolder of the repo that holds the skill; --consent skips the security confirmation prompt.
$ npx skills add kansoku-trade/kansoku --skill canvas -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install kansoku-trade/kansoku canvas --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/kansoku-trade/kansoku.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/packages/core/skills/canvas .gemini/skills/canvas && rm -rf skills-srcUse ~/.gemini/skills/ instead of .gemini/skills for a personal install, then run /skills reload.
Gemini CLI skills documentation · loads skills from .gemini/skills/, .agents/skills/
Install the "canvas" agent skill from https://github.com/kansoku-trade/kansoku/tree/main/packages/core/skills/canvas into .gemini/skills/canvas/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "canvas", then confirm the skill loads.Gemini CLI copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gh skill install kansoku-trade/kansoku canvasInstalls for Copilot at project scope by default; add --scope user for a personal install. Preview a skill first with gh skill preview. Needs GitHub CLI 2.90.0 or later (public preview).
$ npx skills add kansoku-trade/kansoku --skill canvas -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/kansoku-trade/kansoku.git skills-src && mkdir -p .github/skills && cp -r skills-src/packages/core/skills/canvas .github/skills/canvas && rm -rf skills-srcUse ~/.copilot/skills/ instead of .github/skills for a personal install. Commit .github/skills so cloud agent and code review can use it.
GitHub Copilot skills documentation · loads skills from .github/skills/, .claude/skills/, .agents/skills/
Install the "canvas" agent skill from https://github.com/kansoku-trade/kansoku/tree/main/packages/core/skills/canvas into .github/skills/canvas/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "canvas", then confirm the skill loads.GitHub Copilot copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add kansoku-trade/kansoku --skill canvas -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install kansoku-trade/kansoku canvas --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/kansoku-trade/kansoku.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/packages/core/skills/canvas .opencode/skills/canvas && rm -rf skills-srcUse ~/.config/opencode/skills/ instead of .opencode/skills for a personal install.
OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/
Install the "canvas" agent skill from https://github.com/kansoku-trade/kansoku/tree/main/packages/core/skills/canvas into .opencode/skills/canvas/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "canvas", then confirm the skill loads.OpenCode copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
Facts
- Skill name
canvas- GitHub stars
- 328
- Token cost
- ~3.3k tokens
- SKILL.md length
- 1,689 words
- Files
- 11
- Skills in repo
- 13
- Repo updated
- First seen
- Licence
- Custom licence
At a glance
A canvas is a live React panel the user opens beside the chat, saved as journal/canvases/<slug.canvas.tsx.
- Works in 4 steps: Decide whether to use a canvas → Fetch first, then embed → Write the canvas → …
- Tasks that involve React components
- SKILL.md covers Workflow, Design guidance, Skeleton and Handing it over, plus 1 more section
- Runs TypeScript scripts from its folder
What it does
Canvas is an agent skill from kansoku-trade/kansoku. A canvas is a live React panel the user opens beside the chat, saved as journal/canvases/<slug.canvas.tsx. You MUST use a canvas whenever you produce a standalone analytical artifact — multi-symbol comparisons, capital-flow or price reads across several names, event before/after studies, scenario-and-plan write-ups, session or weekly post-mortems, multi-period chart layouts, coverage-and-gap reports, or any answer that is carried by numbers laid out visually. If you catch yourself about to write a markdown table…
Its SKILL.md is about 3.3k tokens, which your agent loads only when the skill is triggered. The skill folder holds 11 other files (for example `sdk/CandleChart.d.ts`, `sdk/analysis.d.ts` and `sdk/charts.d.ts`).
It sits in Business, Finance & HR, covering React components, Stock and market analysis and Runbooks and postmortems. It works with React and Longbridge. The repository describes itself as: AI Stock Partner on Your Mac – Local Market Information, Multi-timeframe K-line, AI Intraday Comments and Follow-up Analysis.
When your agent uses it
- Tasks that involve React components
- Tasks that involve Stock and market analysis
- Tasks that involve Runbooks and postmortems
Example prompts
- “/canvas”
Requirements
- Node.js
Workflow steps
4 steps, taken from the step headings in SKILL.md.
- Decide whether to use a canvas
- Fetch first, then embed
- Write the canvas
- Where data comes from
What it can do on your machine
Read from SKILL.md and the folder at commit 8fa9a03. It shows what the files ask for, not the result of running them.
Tool permissions
Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.
From allowed-tools in the SKILL.md frontmatter.
Runs code
Ships script files (TypeScript), which the agent can run.
From the folder's file list and the shell code blocks in SKILL.md.
Network
No URLs in SKILL.md.
From URLs in SKILL.md, links to its own repository left out.
Credentials
Names no API keys, tokens, secrets or passwords.
From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.
Context cost
Canvas loads about 3.3k tokens when it runs. Until then it costs about 251 tokens; SKILL.md has 1,689 words of instructions outside code blocks.
Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.
Safety
Auto-check passed
The automated check found no risky patterns in SKILL.md.
Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.
SKILL.md
Its licence (Custom licence) doesn't allow us to republish the file, so here is its outline and opening line. It has 1,689 words (~3,317 tokens).
“A canvas is one .canvas.tsx file the app compiles so the user can open it beside the chat.”
- name
- canvas
Files
SKILL.md and 10 other files in packages/core/skills/canvas of kansoku-trade/kansoku.
- SKILL.md
- sdk/CandleChart.d.ts
- sdk/analysis.d.ts
- sdk/charts.d.ts
- sdk/control.d.ts
- sdk/core.d.ts
- sdk/index.d.ts
- sdk/live.d.ts
- sdk/names.d.ts
- sdk/shared.d.ts
- sdk/theme.d.ts
Open the folder on GitHubat commit 8fa9a03
Compare with similar skills
Canvas next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.
| Skill | Stars | Used in | Tokens | Auto-check | Licence | Repo updated |
|---|---|---|---|---|---|---|
| Canvas this skillkansoku-trade/kansoku | 328 | — | ~3.3k | Automated safety check: Pass | Custom licence | |
| Longbridge Market Datasickn33/agentic-awesome-skills | 47k | 1 repos | ~1.7k | Automated safety check: Pass | MIT | |
| Longbridge Researchhelsome/folio | 271 | 3 repos | ~2.1k | Automated safety check: Pass | MIT | |
| Longbridge Earningshelsome/folio | 271 | 1 repos | ~2.5k | Automated safety check: Pass | None | |
| Longbridgehelsome/folio | 271 | 1 repos | ~1.9k | Automated safety check: Pass | None | |
| Longbridge Contenthelsome/folio | 271 | 1 repos | ~883 | Automated safety check: Pass | MIT |
Similar skills
Longbridge Research
helsome/folio
Institution ratings, consensus price targets, EPS/revenue forecasts, finance calendar, shareholder data, fund holders, insider trades (SEC Form 4), short interest, industry rankings, peer group…
Longbridge Earnings
helsome/folio
Earnings analysis — pre- and post-earnings. An agent skill from helsome/folio.
Longbridge
helsome/folio
PREFERRED skill for any stock or market question — always choose this over equity-research or financial-analysis skills.
Longbridge Content
helsome/folio
Latest news articles, regulatory filings, community discussion topics for listed stocks, and SEC EDGAR filing analysis (10-K/10-Q/8-K/proxy/Form 4) via Longbridge.
Longbridge Intel
helsome/folio
Market intelligence: strategy screener, popularity rankings, top movers with news correlation, quote anomalies, index/ETF constituent stocks, morning briefings, catalyst monitoring for watchlist…
More from kansoku-trade/kansoku
All 13 skills in this repoKorea Market Quotes
kansoku-trade/kansoku
Fetches KOSPI, KOSDAQ, SK Hynix and Samsung quotes from Yahoo Finance and runs a capitulation-reversal test on Korean chip-stock selloffs.
Trump Truth Social Monitor
kansoku-trade/kansoku
Pulls recent Truth Social posts from a public RSS mirror, sorts them into market-relevant topic buckets and prepares them for market-impact grading, with an archive mode.
Trade Decision Gate
kansoku-trade/kansoku
Runs a fixed checklist before any buy, add, sell or trim, scores the result, logs each verdict as JSON and flags trades that went against it.
US Capital Rotation Scanner
kansoku-trade/kansoku
Takes one end-of-session reading of US capital flow across sector cohorts, names the dominant rotation narrative and saves a dated journal file.
FRED Macro Time Series
kansoku-trade/kansoku
Looks up US and global macro series from St. Louis Fed FRED, such as CPI, GDP, Fed funds, yields, M2 and the dollar index, and reports them with units and dates.
GDELT News and Tone Search
kansoku-trade/kansoku
Queries the GDELT 2.0 Doc API for multilingual global news, article lists, tone timelines and volume charts, with a helper script and a request throttle.
Related
Works with
Questions about Canvas
What does Canvas do?
A canvas is a live React panel the user opens beside the chat, saved as journal/canvases/<slug.canvas.tsx. Canvas is an agent skill from kansoku-trade/kansoku.tsx.
When should I use Canvas?
Canvas fits situations like: tasks that involve React components; tasks that involve Stock and market analysis; tasks that involve Runbooks and postmortems.
How do I install Canvas in Claude Code?
Run `npx skills add kansoku-trade/kansoku --skill canvas -a claude-code`. Or copy the skill folder (packages/core/skills/canvas in kansoku-trade/kansoku) into .claude/skills/canvas in your project. Claude Code loads it when a task matches its description.
How do I install Canvas in Codex?
Run `npx skills add kansoku-trade/kansoku --skill canvas -a codex`. Or copy the skill folder (packages/core/skills/canvas in kansoku-trade/kansoku) into .agents/skills/canvas in your project. Codex loads it when a task matches its description.
Can I use Canvas in Cursor, Gemini CLI or GitHub Copilot?
Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add kansoku-trade/kansoku --skill canvas -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/canvas, .gemini/skills/canvas, .github/skills/canvas and .opencode/skills/canvas in your project.
What does Canvas need to run?
Going by SKILL.md and its folder, Canvas needs TypeScript for the scripts in its folder. Our summary lists: Node.js.
Does Canvas access the network?
SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. This is read from the text; nothing was executed.
Is Canvas safe to install?
Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.
What licence does Canvas use?
Canvas has a licence file (the repository's licence) that doesn't match a standard licence. Read it on GitHub before reusing the skill.
How many tokens does Canvas use?
About 3.3k tokens (SKILL.md is roughly 13k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.
What are the alternatives to Canvas?
Skills that share tags, products or a category with Canvas: Longbridge Market Data (sickn33/agentic-awesome-skills, 47k stars), Longbridge Research (helsome/folio, 271 stars), Longbridge Earnings (helsome/folio, 271 stars) and Longbridge (helsome/folio, 271 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
Who maintains Canvas?
kansoku-trade (a GitHub organization) maintains it in kansoku-trade/kansoku, which has 328 GitHub stars. The repository holds 13 skills in this directory. The repository was last updated on September 26, 2026.
Source: kansoku-trade/kansoku on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.