Ready to supercharge your AI agents?

Install any skill in seconds. Free to start, no credit card required.

Get Started Free →

Vue 3 组合式函数最佳实践 — measured AI agent skill | DecimalAI

tencentblueking/Vue 3 组合式函数最佳实践 (Composables)

NewSkillScoreMaintained

提供标准化的 useTable, useRequest 等 Hooks，用于简化列表页和异步请求的逻辑复用。

Frontendby tencentblueking

Links this skill to your agents and keeps it current with the author’s updates.

Automatic

Frontend / UI pack

1 · One-time — install the CLI (docs ↗)

pip install decimalai

2 · Get the skill — writes .claude/skills/tencentblueking-vue-3-composables/SKILL.md

decimalai skills pull tencentblueking-vue-3-composables --out .claude/skills/

No CLI? Get the same file — curl · raw file

curl -fsSL --create-dirs -o .claude/skills/tencentblueking-vue-3-composables/SKILL.md https://app.decimal.ai/s/tencentblueking-vue-3-composables/SKILL.md

Raw file: /s/tencentblueking-vue-3-composables/SKILL.md ↗ · machine-readable summary at /s/tencentblueking-vue-3-composables.json ↗

In productionGlobal

how this skill behaves on real traffic · last 30 days

No production data for this skill yet — usage numbers appear here once agents start running it.

Anonymized aggregate across every org using this skill — proof from real production use, not a demo.

Does this skill help? · Benchmark: with vs. withoutsign in to run this on your agents

22 test cases from the publisher’s eval.yaml · each run twice on gemini-3.6-flash — with the skill injected, then without · last run 3h ago

Yes — +27% lift-30% tokens0% turns91% of whole cases pass with skill (20/22)

Test case	Without → With	Effect	Δ tokens	Δ turns
case-02	✗→✓	▲ Improved	0%	0%
case-05	✗→✓	▲ Improved	-52%	0%
case-09	✗→✓	▲ Improved	-77%	0%
case-11	✗→✓	▲ Improved	-48%	0%
case-12	✗→✓	▲ Improved	-30%	0%

Showing 5 of 22 cases

SkillSafety

✓ 3 of 3 passed

Code scan15 of 15 checks clean

0 critical · 0 warning · 0 info — scanner v4 — 8/3/2026

live_secretremote_code_executionreverse_shelldata_exfiltrationssrf_metadataagent_snoopinganti_refusaldestructive_commandsobfuscated_unicodeunicode_homoglyphopaque_blobsuspicious_urltool_overreachtrigger_abuseprompt_injection_phrasing

IntentSafe

LLM judge · does the skill do what it claims

ContentClean

LLM judge · policy & harmful-content review

Source

Imported

tencentblueking / bk-bcs

bcs-services/bcs-project-manager/.cursor/skills/vue-composables/SKILL.md

View on GitHub ↗

License NOASSERTIONImported 8/3/2026Version v1

Skill contents

SKILL.md

Vue 3 组合式函数最佳实践

为了避免在每个页面重复编写分页、Loading 和请求逻辑，我们推荐使用 Composables。

1. useTable (列表页神器)

封装了分页、加载状态、数据获取的通用逻辑。一行代码搞定所有表格逻辑。

使用方式：

typescript
const { loading, data, pagination, handlePageChange, handleLimitChange } = useTable(getHostList);

配合 bk-table：

html
<bk-table
  :data="data"
  :pagination="pagination"
  v-bkloading="{ isLoading: loading }"
  remote-pagination
  @page-change="handlePageChange"
  @page-limit-change="handleLimitChange"
>
  <bk-table-column prop="name" label="名称" />
</bk-table>

> 📦 获取完整 Hook 实现：skill://vue-composables/assets/useTable.ts

📦 可用资源

skill://vue-composables/assets/useTable.ts

> 根据 SKILL.md 中的 IF-THEN 规则判断是否需要加载

Want to see if tencentblueking/Vue 3 组合式函数最佳实践 (Composables) would activate on your phrasing? Try it before you install — no LLM call, no signup.

Other measured skills in the registry, with their headline benchmark lift.