neo-vue SKILL.md skillB

neo-vue from benknightdark/neo-skills is an agent skill: a SKILL.md folder an AI agent loads when a task calls for it.

Install it, pinned
mdr add benknightdark/neo-skills/neo-vue@v1.1.0

Pins v1.1.0 in mdr.lock. Pin the fingerprint instead.

Audit grade
B, 16 of 17 checks passed
Kind
SKILL.md skill
Repository
benknightdark/neo-skills
Path
skills/neo-vue/SKILL.md
Versions recorded
3
Latest version
v1.1.0, committed May 31, 2026
First version recorded
Apr 18, 2026
Size
5,756 bytes
Repository stars
7
License
MIT

Use this skill when building, debugging, refactoring, or reviewing Vue 3 applications, SFCs, Composition API, Pinia stores, Vue Router, Vite, or Vue+TypeScript code. Trigger when the project has *.vue files or the user mentions Vue, Pinia, Composition API, Router, reactivity, or component architecture.

Collected from public GitHub. Every version is saved exactly as it was and never changes. Install it at an exact version with the mdr tool, and every file is checked before it reaches your agent. The main file is checked against the SHA-256 fingerprint recorded here, and the others against the fingerprints GitHub keeps for its source commit. The automatic checks below grade the latest version, and the same checks always give the same file the same grade.

What the file says

# Modern Vue 3 & Pinia 開發專家 (neo-vue)

本技能為 Agent 提供 Vue 3 (Composition API) 與 Pinia 狀態管理的開發與審查指南。它協助產出符合 Vue Style Guide 優先級 A/B 規則的程式碼,避開常見響應式陷阱,並生成一致、強型別的單一檔案元件(SFC)。

## Gotchas
*   **解構 reactive 物件導致響應性丟失**:禁止直接解構 `props` 或由 `reactive()` 定義的物件(例如:`const { name } = props` 或 `const { x } = state`),這會徹底失去 Vue 響應式追蹤!
    *   **防錯機制**:必須使用 `toRefs(props)` 或 `toRef(props, 'name')` 來保持其響應性。
*   **解構 Pinia Store 導致狀態響應性丟失**:直接解構 Pinia store 的 state(如 `const { user } = useAuthStore()`)會使 state 失去雙向響應!
    *   **防錯機制**:必須使用 `storeToRefs(store)` 來解構 state;而 action 則可以直接正常解構。
*   **v-model 手動繁瑣綁定**:在 Vue 3.4 之前,自定義雙向綁定需要手動宣告 `modelValue` 屬性並觸發 `update:modelValue` 事件,容易寫錯。
    *   **防錯機制**:在 Vue 3.4+ 專案中,優先使用 `defineModel()` 巨集宣告雙向綁定,降低屬性與事件不一致的風險。
*   **v-if 與 v-for 在同一節點混用**:在 Vue 3 中,`v-if` 的優先級高於 `v-for`,這意味著 `v-if` 的條件判斷**無法**存取到 `v-for` 迴圈中的變數,會直接導致編譯或執行期報錯!
    *   **防錯機制**:永遠使用 `<template>` 標籤包裹 `v-for`,再於內部子節點使用 `v-if`,或者預先使用 `computed` 計算屬性對陣列進行過濾。

## Workflow Checklist
Progress:
- [ ] 步驟 1:感知專案環境與依賴 (Perceive Setup & Tooling)
- [ ] 步驟 2:載入編碼規範與踩坑指南 (Load Guides & Best Practices)
- [ ] 步驟 3:架構推理與響應式規劃 (Reasoning & Architecture)
- [ ] 步驟 4:套用範本生成一致的程式碼 (Generate SFC & Stores)
…

Read the whole file at its exact version.

How to install

The exact contents, by fingerprint
mdr add benknightdark/neo-skills/neo-vue@sha256:589a312a840e041f

The line at the top of this page pins the label v1.1.0, which is what most people want. This one pins the sha256 fingerprint of the contents instead, so it survives a label being moved. Either way the exact version is written to mdr.lock, and mdr install downloads and checks those contents again, so it installs them exactly or stops with an error.

Badge

mdr badge

[![mdr](https://markdownregistry.com/badge/art_y5er7tgnbrexzplm.svg)](https://markdownregistry.com/a/art_y5er7tgnbrexzplm)

3 badge image fetches in 30 days. What the badge shows.

Versions

The registry has recorded 3 versions of this file, between Apr 18, 2026 and May 31, 2026, about one every 22 days.

versioncommittedcommitsizeaudit
v1.1.0 latest2026-05-31 de0cb05 5,756 BB view · diff
v1.1.02026-05-27 11fcde6 5,927 BB view · diff
v1.0.02026-04-18 0eb0f0a 5,165 BB view

Audit of the latest version

B  16 of 17 checks passed. Fixed automatic checks with no AI involved, so the same checks give the same answer every run.
  • fail: No script tag (matched: <script)
  • pass: Frontmatter block present
  • pass: Frontmatter declares a name
  • pass: Frontmatter declares a description
  • pass: Size between 200 bytes and 200 KB (5756 bytes)
  • pass: No zero-width or bidi control characters
  • pass: No instruction hidden inside an HTML comment
  • pass: No link to an exfiltration or paste host
  • pass: No credential-shaped string
  • pass: No instruction to send local credentials anywhere
  • pass: No text hidden with inline styles
  • pass: No prompt-injection phrasing
  • pass: No curl or wget piped into a shell
  • pass: No recursive delete of root, home or parent
  • pass: No instruction to read or print local credentials
  • pass: No base64 blob over 200 characters
  • pass: No link to a raw IP address

Starting a new one? Use a template for SKILL.md on mdpantry, which passes every one of these checks and says what to change in it.

Source

GitHub

benknightdark/neo-skills · 7 stars · license MIT · pushed 2026-10-25 · branch main

API

GET https://markdownregistry.com/api/v1/artifacts/art_y5er7tgnbrexzplm
GET https://markdownregistry.com/api/v1/resolve?ref=benknightdark/neo-skills/neo-vue
GET https://markdownregistry.com/api/v1/blob/589a312a840e041fa99e8375b682beaa2a2c6b32b78aeccf76e5aa03e9271807

Your AI assistant does the legwork. You hear about the deals worth your word. Hand yours the standing instructions at modelranch.com and it joins the network that reads files like this one.

Guides: the SKILL.md format and its required fields · what to check before you install a skill · how to pin a skill to an exact version · where to find agent skills · keeping a team on the same skills · which agent file does what.

More from benknightdark/neo-skills

generate-skill SKILL.md skill
benknightdark/neo-skills · .agents/skills/generate-skill/SKILL.md · 引導使用者建立、更新、審查或最佳化高品質 Agent Skill 定義檔 (SKILL.md),包含官方規格、description 觸發語、references/scripts/assets/evals 結構,以及 5 種核心設計模式。
git:20260523.61a8e20 · audit A · 7 stars
skill-name-kebab-case SKILL.md skill
benknightdark/neo-skills · .agents/skills/generate-skill/templates/SKILL.md · Use this skill when the user wants to [intended task / user intent]. It triggers when they mention [keywords / concepts…
v1.0.0 · audit A · 7 stars
AGENTS.md AGENTS.md file
benknightdark/neo-skills · AGENTS.md
git:20260805.ff5ad03 · audit A · 7 stars
neo-azure-pipelines SKILL.md skill
benknightdark/neo-skills · skills/neo-azure-pipelines/SKILL.md · Use this skill when the user asks to create, review, debug, or modernize Azure Pipelines YAML for CI/CD, especially…
v1.0.0 · audit A · 7 stars
neo-clarification SKILL.md skill
benknightdark/neo-skills · skills/neo-clarification/SKILL.md · Use this skill when the user gives vague, emotional, fragmented, screenshot-based, or complaint-style requirements and…
git:20260531.de0cb05 · audit A · 7 stars
neo-clean-architecture SKILL.md skill
benknightdark/neo-skills · skills/neo-clean-architecture/SKILL.md · Use this skill when the user wants to design, implement, review, or refactor software systems conforming to Clean…
git:20260611.6cd7ff8 · audit A · 7 stars
neo-code-review SKILL.md skill
benknightdark/neo-skills · skills/neo-code-review/SKILL.md · Use this skill when the user asks to review or audit source code, a PR, diff, commit, or recent changes for bugs…
git:20260817.6a10bcd · audit A · 7 stars
neo-csharp-interface-generator SKILL.md skill
benknightdark/neo-skills · skills/neo-csharp-interface-generator/SKILL.md · Use this skill when the user asks to generate, update, or place a C# interface from an existing class. Trigger for…
v1.0.0 · audit A · 7 stars
neo-csharp SKILL.md skill
benknightdark/neo-skills · skills/neo-csharp/SKILL.md · Use this skill when writing, reviewing, debugging, or modernizing C# code in .NET projects. Trigger for .cs/.csproj…
v1.4.0 · audit A · 7 stars
neo-dotnet-ef-core SKILL.md skill
benknightdark/neo-skills · skills/neo-dotnet-ef-core/SKILL.md · Use this skill when the task involves Entity Framework Core models, DbContext, migrations, LINQ queries, change…
v1.0.0 · audit A · 7 stars
neo-dotnet-minimal-apis SKILL.md skill
benknightdark/neo-skills · skills/neo-dotnet-minimal-apis/SKILL.md · Use this skill when building, debugging, refactoring, or reviewing ASP.NET Core Minimal APIs, lightweight endpoints…
v1.0.0 · audit A · 7 stars
neo-dotnet-mvc SKILL.md skill
benknightdark/neo-skills · skills/neo-dotnet-mvc/SKILL.md · Use this skill when building, debugging, refactoring, or reviewing ASP.NET Core MVC apps with Razor views, controllers…
v1.0.0 · audit A · 7 stars

Every file in benknightdark/neo-skills

Browse by kind, by grade B, or by owner.