frontendby hyf0

Vue Jsx Best Practices

vue-jsx-best-practices

Source hyf0/vue-skills ↗License MIT

JSX syntax in Vue (e.g., class vs className, JSX plugin config).

SkillScore68Maintained

Automatic

Frontend / UI pack

Last verified 7/24/2026

What it changes

Passed 15 of 22 test cases with the skill, and 0 of 22 without it.

Without skill0%

With skill68%

15 fixed0 passed either way7 still failing0 broke

Pass-rate lift: +68 pp
Tokens: -52%
Agent turns: 0%
Response time: -54%

Model gemini-3.6-flashMeasured 7/24/2026v115 of 22 cases passed with skill

Tokens, turns and time describe resource use, not a dollar price.

Use this skill

Save it into your project's skills folder. Claude Code picks it up in its next session.

curl -fsSL --create-dirs -o .claude/skills/vue-jsx-best-practices/SKILL.md https://app.decimal.ai/s/vue-jsx-best-practices/SKILL.md

Want it pinned and updatable? pip install "decimalai>=0.15", then decimalai skills add vue-jsx-best-practices, and start Claude Code with claude --plugin-dir "$(git rev-parse --show-toplevel)/.agents"

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

pip install "decimalai>=0.15"

2 · Get the skill — writes .agents/skills/vue-jsx-best-practices/ and pins it in .decimal/skills.lock

decimalai skills add vue-jsx-best-practices

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

curl -fsSL --create-dirs -o .claude/skills/vue-jsx-best-practices/SKILL.md https://app.decimal.ai/s/vue-jsx-best-practices/SKILL.md

Raw file: /s/vue-jsx-best-practices/SKILL.md ↗ · machine-readable summary at /s/vue-jsx-best-practices.json ↗

Safety checks: 3 of 3 passed

Code scan CleanIntent PassedContent Clean

What's inside

The instructions your model reads when the skill loads.

SKILL.md4 linessingle file

Vue JSX best practices and differences from React JSX.

JSX

Migrating React JSX code to Vue or getting attribute type errors → See render-function-jsx-vue-vs-react

Track record

Benchmark

15 / 22

test cases passed, vs 0 / 22 without

Adoption

Users: 0
Times used: 0

Safety and source details

SkillSafety

✓ 3 of 3 passed

Code scan15 of 15 checks clean

0 critical · 0 warning · 0 info — scanner v4 — 7/30/2026

View 15 scanner checks

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

hyf0 / vue-skills

skills/vue-jsx-best-practices/SKILL.md

View on GitHub ↗

License MITImported 8/2/2026Version v1

More skills from the same source and nearby in the registry, with their headline benchmark lift.

Maintenance orchestrator for the brooks-lint plugin itself. Runs a sequential subagent pipeline — author → eval → QA → trigger-audit → release — to add or edit a skill, refresh the eval suite, keep the four manifests + README + CHANGELOG + AGENTS/GEMINI in sync, audit trigger boundaries, and cut releases. Drives the five agents in .claude/agents/ (skill-author, eval-curator, consistency-qa, trigger-boundary-auditor, release-manager). Triggers when the maintainer asks to work ON brooks-lint itsel

+45 pp pass-rate lift

hyhmrright/brooks-healthCombined codebase health dashboard that scores a project across all four quality dimensions — PR quality, architecture, tech debt, and test quality — in a single pass, drawing on twelve classic engineering books. Triggers when: user wants an overall quality assessment, asks "how healthy is this codebase?", "run all the checks", "I need a health score before the release", or wants to onboard a new team with a quality overview. Do NOT trigger for: server health checks, HTTP health endpoints, Kuber+39 pp pass-rate lift

hyhmrright/brooks-reviewPR code review that surfaces decay risks, design smells, and maintainability issues with concrete Symptom → Source → Consequence → Remedy findings, drawing on twelve classic engineering books. Triggers when: user asks to review code, check a PR, shares a diff or pastes code asking "does this look right?" / "any issues here?" / "ready to merge?", or asks for feedback on a function, class, or file. Also triggers when user mentions: code smells / refactoring / clean architecture / DDD / SOLID princ+23 pp pass-rate lift

hyhmrright/brooks-sweepFull-sweep mode: runs a unified analysis across all quality dimensions — code decay, architecture, tech debt, and test quality — then applies fixes directly to the codebase. Safe changes are auto-applied; risky changes are confirmed before execution. Drawing on twelve classic engineering books. Triggers when: user wants to "fix everything", "sweep the codebase", "auto-fix all issues", "clean up the whole project", or asks for a single command that both diagnoses and remediates quality problems. +45 pp pass-rate lift

hyhmrright/brooks-testTest quality review drawing on twelve classic engineering books — with primary focus on xUnit Test Patterns, The Art of Unit Testing, How Google Tests Software, and Working Effectively with Legacy Code — that diagnoses structural problems in an existing test suite: brittleness, mock abuse, coverage illusions, slow execution, poor readability. Triggers when: user asks about test quality, shares test files for review, or expresses frustration: "tests keep breaking whenever I change anything", "our+18 pp pass-rate lift

hyhmrright/new-skillScaffold a new brooks-lint analysis skill so it passes `npm run validate` and `npm run evals` on the first try — generates skills/{name}/SKILL.md (with the mandatory "Do NOT trigger for:" clause and a Process section citing guide step ranges) plus skills/{name}/{name}-guide.md (sequentially numbered steps), then appends paired eval scenarios. Triggers when the maintainer asks to "add a new skill", "scaffold a skill", or "create a brooks-lint mode". Do NOT trigger for: editing an existing skill's+63 pp pass-rate lift