技能 create-adaptable-composable
📦

create-adaptable-composable

v17.0.0 内容修订 r1 安全 ⚙️ 外部命令

创建适应性强的 Vue 组合式函数

当调用方混合传入普通值、ref 和 getter 时，Vue 组合式函数常常会失效。此技能会指导 Claude、Codex 和 Claude Code 设计具备可预测 Vue 响应性的可复用组合式函数。

支持: Claude Codex Code(CC)
🥈 81 白银

使用我的智能体安装

将此请求复制给你的智能体，其中包含权威 Skill 页面和清单。

智能体请求
Review the Skillstore skill "create-adaptable-composable" from https://skillstore.io/skills/vuejs-ai-create-adaptable-composable.md and its manifest at https://skillstore.io/api/skills/vuejs-ai-create-adaptable-composable/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.

你的智能体仍应展示其计划，并按安全策略请求必要确认。

Agent 可读资源

当 AI Agent、爬虫或脚本需要干净上下文，而不是读取完整页面时，请使用这些链接。

Markdown 详情 GET /skills/vuejs-ai-create-adaptable-composable.md 已签名 manifest GET /api/skills/vuejs-ai-create-adaptable-composable/manifest 已签名 lockfile GET /api/skills/vuejs-ai-create-adaptable-composable/lockfile

测试它

正在使用“create-adaptable-composable”。 一个请求：创建接受字符串、ref 或 getter 的文档标题组合式函数。

预期结果:

简短的 API 设计、推荐的输入类型，以及使用 watcher 响应规范化标题变化的实现计划。

正在使用“create-adaptable-composable”。 一个会修改 count 输入但当前接受 computed getter 的组合式函数。

预期结果:

一段审查说明：可写状态应使用 MaybeRef，并建议避免将只读 computed 输入用于变更。

正在使用“create-adaptable-composable”。 一个接受 predicate 函数且被类型标注为 MaybeRefOrGetter 的工具函数。

预期结果:

一个警告：predicate 回调可能会被意外调用，并给出更安全的参数设计。

安全审计

安全
v4 • 2026/7/7 打开版本化报告

All 15 static findings are false positives caused by Markdown inline code and fenced TypeScript examples. The skill contains documentation for Vue 3 composable design and no evidence of command execution, prompt injection, network access, or data exfiltration.

1
已扫描文件
77
分析行数
0
复核项
0
已忽略误报

风险因素

⚙️ 外部命令 (15)
SKILL.md:18 SKILL.md:25-35 SKILL.md:35-39 SKILL.md:39-40 SKILL.md:40-41 SKILL.md:41-42 SKILL.md:42-44 SKILL.md:44 SKILL.md:45-46 SKILL.md:46-50 SKILL.md:50-52 SKILL.md:52-61 SKILL.md:61-63 SKILL.md:63-65 SKILL.md:65-76
最新一次完成的静态与语义审计未检测到已确认的安全发现。这并不能证明该 Skill 没有副作用。
审计者: codex 查看审计历史 →
分享与引用此报告

分享版本化评估报告、中性徽章、嵌入卡片和引用。Skillstore 只报告证据，不判断该 Skill 是否安全。

打开版本化报告
安全评估

复制报告链接

https://skillstore.io/skills/vuejs-ai-create-adaptable-composable/audits/4?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report

Markdown 徽章

[![Skillstore security assessment](https://skillstore.io/badges/skills/vuejs-ai-create-adaptable-composable/security.svg)](https://skillstore.io/skills/vuejs-ai-create-adaptable-composable?utm_source=security_passport_badge)

HTML 徽章

<a href="https://skillstore.io/skills/vuejs-ai-create-adaptable-composable?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/vuejs-ai-create-adaptable-composable/security.svg" alt="Skillstore security assessment" loading="lazy"></a>

嵌入卡片

<iframe src="https://skillstore.io/embed/skills/vuejs-ai-create-adaptable-composable.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>
学术引用 (APA · BibTeX · CFF)

APA 引用

vuejs-ai. (2026). create-adaptable-composable security audit report (audit version 4) [Author version 17.0.0]. Skillstore. https://skillstore.io/skills/vuejs-ai-create-adaptable-composable/audits/4

BibTeX 引用

@techreport{vuejs-ai-vuejs-ai-create-adaptable-composable-2026, author = {vuejs-ai}, title = {create-adaptable-composable security audit report (audit version 4)}, institution = {Skillstore}, year = {2026}, number = {4}, url = {https://skillstore.io/skills/vuejs-ai-create-adaptable-composable/audits/4}, note = {Author version 17.0.0} }

CITATION.cff

cff-version: 1.2.0 message: "If you use this Skill, cite its author and this versioned security audit report." title: "create-adaptable-composable security audit report (audit version 4)" version: "17.0.0" type: report authors: - name: "vuejs-ai" date-released: "2026-07-07" url: "https://skillstore.io/skills/vuejs-ai-create-adaptable-composable/audits/4" identifiers: - type: other value: "skillstore:vuejs-ai-create-adaptable-composable:audit:4" description: "Skillstore immutable audit report identifier"

Skillstore 评分

评分依据 证据置信度: 高
55
架构
100
可维护性
87
内容
69
社区
91
规范符合性

你能构建什么

构建共享组合式函数

创建可与普通值、ref、shallow ref、computed ref 和 getter 配合使用的组合式函数。

现代化 Nuxt 工具函数

重构应用工具函数，使 Nuxt 页面可以安全地传入路由数据、ref 或派生 getter。

审查响应性 API

检查组合式函数 API 是否应接受可写 ref、只读 getter 或回调函数。

试试这些提示

创建基础组合式函数 
为此用途创建一个 Vue 3 组合式函数：[describe purpose]。在适当情况下，它应接受普通值、ref 或 getter。
重构现有输入 
重构这个 Vue 组合式函数，以正确使用 MaybeRef 或 MaybeRefOrGetter。解释每个输入选择，并保留当前行为。
设计可写状态 
设计一个接受可写响应式状态的组合式函数。仅在需要变更的地方使用 MaybeRef，并记录返回的 API。
审计库级响应性 
从库级 Vue 响应性的角度审查这个组合式函数。检查输入类型、toValue 或 toRef 用法、watcher 放置位置、回调处理和边界情况。

最佳实践

  • 对于可能派生而来的只读值，选择 MaybeRefOrGetter。
  • 仅当组合式函数必须写回输入时，才选择 MaybeRef。
  • 在 effect 内部规范化响应式输入，以确保依赖跟踪保持正确。

避免

  • 不要将 MaybeRefOrGetter 用于 callback、predicate 或 comparator 参数。
  • 当后续变化必须被跟踪时，不要在 setup 时只解包一次响应式输入。
  • 不要修改可能是只读 computed ref 或 getter 的值。

常见问题

此技能帮助创建什么？
它有助于创建可接受普通值、ref 和 getter，并具备可预测响应性的 Vue 组合式函数。
我应该何时使用 MaybeRefOrGetter？
当调用方可能传入普通值、ref、computed ref 或 getter 的只读输入时使用它。
我应该何时使用 MaybeRef？
当组合式函数需要可写输入时使用它，例如组合式函数可能会更新的 ref。
此技能支持 Nuxt 吗？
是的。该指南适用于 Nuxt 3 项目，因为它们使用 Vue 3 响应性。
此技能会运行代码或安装依赖吗？
不。它为 Vue 组合式函数设计提供实现指导和示例。
它能审查现有组合式函数吗？
可以。它可以指导对输入类型、规范化、watcher 使用和回调处理的审查。

开发者详情

作者

vuejs-ai

许可证

MIT

作者版本

v17.0.0

Skillstore 修订

r1

仓库

https://github.com/vuejs-ai/skills/tree/main/skills/create-adaptable-composable/

引用

36e07d5e13068e5be64447e8f20b427cf2cbd21a

维护新鲜度

2026/7/18

使用量

12 次下载 · 148 次浏览

文件结构

📄 SKILL.md

vuejs-ai 的更多技能

查看全部

相关技能

查看全部