Getting it into your agent
One page per mod, every tool's command on it. A separate URL per tool would split the same page into five that compete with each other.
npx skills add YuDefine/nuxt-supabase-starter --skill nuxt-chartsgit clone --depth 1 https://github.com/YuDefine/nuxt-supabase-starterWrote this? Show the measurements
A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.
[](https://agentmods.dev/skills/yudefine/nuxt-supabase-starter/nuxt-charts)<a href="https://agentmods.dev/skills/yudefine/nuxt-supabase-starter/nuxt-charts"><img src="https://agentmods.dev/badge/skills/yudefine/nuxt-supabase-starter/nuxt-charts/github.svg" alt="Measured on agentmods" height="20"></a>Or the 80×15 button, for a site that already has a row of RSS and ATOM ones. Only the verdict fits; the numbers stay here.
<a href="https://agentmods.dev/skills/yudefine/nuxt-supabase-starter/nuxt-charts"><img src="https://agentmods.dev/badge/skills/yudefine/nuxt-supabase-starter/nuxt-charts.svg" alt="Reviewed on agentmods" width="80" height="20"></a>What it costs to keep this loaded
Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.
| Model | Per session | Once invoked |
|---|---|---|
| Fable 5.1 | $0.00039 | $0.01456 |
| Opus 5.5 | $0.00016 | $0.00582 |
| Sonnet 5.5 | $0.00008 | $0.00291 |
| Haiku 4.5 | $0.00004 | $0.00146 |
Grade A, and why
nuxt-charts scanned grade A with 0 findings against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured today.
A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.
Nothing flagged
None of the 26 patterns this scan looks for appear in this file: no shell pipes, no recursive deletes, no credential paths, no hidden text, no instruction-override or anti-refusal phrasing, no agent-config snooping. That is not a guarantee, it is the absence of the things that are checkable.
How it starts
The opening of the file, as written. The whole thing — 49 lines — stays where its author put it; the contents beside it link to each section on GitHub.
Nuxt Charts
fleet 持有 Nuxt Charts Commercial License（All Access）：付費 block、template 與 Theme Editor 都在授權內。付費內容與取得方式：
| 種類 | 在哪 | 怎麼取得 |
|---|---|---|
| chart（11 種） | npm nuxt-charts 套件，開源 |
pnpm add nuxt-charts@^3，不需授權 |
block（2026-10-23 同步 135 個，數量以鏡像 manifest.json 為準；20 類：各式 chart、dashboard navbar、status、calendar、AI、bar lists、cards、account & users、pricing tables、onboarding、file upload、heatmaps） |
PRIVATE 鏡像 YuDefine/nuxt-charts-assets 的 <類別>/<標題 slug>.vue＋同名 .png |
clone 鏡像讀檔；鏡像過期或缺 block 才退回官網 Code（rules/付費內容取得路徑.md） |
| template（5 個可取得的整站樣板） | 同一個鏡像的 templates/<name>/ |
clone 鏡像讀檔 |
鏡像由 clade 的 vendor/scripts/nuxt-charts-assets-sync.ts 在 desk 每週同步（官網 Code、nuxtcharts/* 上游 repo 是它的來源），manifest.json 記每個檔的來源與 sha256。本 skill 以 nuxt-charts v3 為準。
SOP
Phase 1 -- 判定要不要畫圖、版本對不對
- THINK 先判這個需求的答案用圖比用表格好讀：需要看趨勢、比例、分佈才畫圖；只是查值、比數字就用表格，不畫圖。要畫圖時先讀取
rules/圖表類型選擇判準.md，依資料形狀定出圖種，作為 Phase 2 要查的 block 類別。這一步只決定畫不畫圖與畫哪一種：KPI／統計卡、狀態、定價表、帳號頁這類 UI 即使不畫圖，也照樣走 Phase 2 查 block。 - READ 讀 consumer
package.json的nuxt-charts版本（寫catalog:的去pnpm-workspace.yaml的catalog查實際版號）。還沒裝時：要畫圖才裝 v3（pnpm add nuxt-charts@^3，再照官方文件註冊 module）；不畫圖的 UI 只照 Phase 2 查 blocks 與 template 當版面底稿，NEVER 為此安裝nuxt-charts。已裝但不是3.x就停下：付費 block 與 v3 API 對 v2 不相容，回報「需先升 v3」並另開升級工作，NEVER 把 v3 的 block 硬塞進 v2 專案。停下前仍照 Phase 2 唯讀查過 blocks 與 template，把查到可用的寫進升級工作的需求，升完直接接 Phase 3。
Phase 2 -- 先查付費資產，確定沒有合用的才自組
- READ 先讀取
rules/付費內容取得路徑.mdRule 1，照它把鏡像 clone 到 session scratchpad 並判FRESH／STALE，然後兩步都要做，NEVER 因為需求看起來只是單張圖就跳過 template、或只是整頁就跳過 blocks：- 讀鏡像
manifest.json的blocks（依category找對應類別）與templates，用每個 block 同名的.png（Example 截圖）判斷合不合用，不開瀏覽器。 - 查 https://nuxtcharts.com/docs 的 v3 API，NEVER 憑記憶寫 v3 props。fleet 不用官方 MCP。
- 讀鏡像
- THINK 先讀取
rules/付費資產優先與來源註記.md，照它判定要以哪個 block／template 為底，或判定沒有合用的而改用開源 chart 自組。
Phase 3 -- 授權前置
- READ 先讀
rules/付費授權與token保管.md，照它檢查目的 repo 的可見度，不過就停在這一步。
Phase 4 -- 落地
What ships with it
6 files beside SKILL.md in the same directory: the scripts, references and assets a skill reads on demand. Not counted in the per-session cost; read them before you install if any of them is executable.
What this file has done since we first saw it
Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.
- today First seen · 49 lines · 39 tokens per session scan A 077554e69ec4
nuxt-charts is a skill published in the GitHub repository YuDefine/nuxt-supabase-starter (44 stars, last pushed today), licensed MIT. It adds 39 tokens to every session and 1,456 once invoked, about $0.0002 per session on Opus 5.5. A static security scan graded it A with 0 findings. No closer match exists in the catalogue, so it is treated as the original; first seen 2026-10-26.
Other skills, from other repositories
before-after
Produce a before/after visual comparison of an evlog surface (landing, docs, telemetry, playgrounds) and share it as public Blob URLs. Load when a change is visual, when someone asks for screenshots or a visual diff, or when a shipped PR touches apps/docs or apps/telemetry and deserves visual evidence.
svg
Author and edit .svg files in a Grida editor session — live-canvas binding, SVG output style, and parse-error recovery. Use when creating or modifying an SVG document.
create-wot-ui-theme
A workflow for creating one SCSS file that defines and mounts a custom Wot UI theme. SCSS is a CSS format with extra features for organizing styles.
prd-v04-screen-flow-definition
Connect user journeys to screens, defining the UI structure and navigation paths during PRD v0.4 User Journeys. Triggers on requests to define screens, design screen flows, map UI structure, plan navigation, or when user asks "what screens do we need?", "define screens", "screen flow", "UI structure", "information…
export-component-to-other-repo
Port a component from nextjs-css-agent-components into a different repo without losing the design-system precision. Use when the user says "copy this component to ", "lift Button into ", "bring the Thin layout over", or otherwise wants a faithful transplant of one or more components from this codebase. Carries over…
ui-asset-pipeline
Define import, 9-slice, atlas packing, theming, and naming rules for UI visual assets (buttons, panels, icons, bars).