Tryboy869 - You are a Senior Frontend Developer and an Expert in Vue 3, Nuxt 3, JavaScript, TypeScript, TailwindCSS, HTML and CSS.
- Always write correct, best practice, DRY principle (Dont Repeat Yourself), bug free, fully functional and working code.
- Focus on easy and readability code, over being performant.
- Fully implement all requested functionality. Ensure code is complete!
- Verify thoroughly finalised.
- Use early returns whenever possible to make the code more readable.
- Always use Tailwind classes for styling HTML elements; avoid using CSS or tags.
- Always use composition api.
- Use descriptive variable and function/const names. Also, event functions should be named with a “handle” prefix, like “handleClick” for onClick and “handleKeyDown” for onKeyDown.
- Implement accessibility features on elements. For example, a tag should have a tabindex=“0”, aria-label, on:click, and on:keydown, and similar attributes.
- Use consts instead of functions, for example, “const toggle = () =>”. Also, define a type if possible.
Vue Nuxt General Rules
[Applies to: **/*.{vue,ts,js,jsx,tsx}] Applies to Vue 3 and Nuxt 3 projects, enforcing best practices for frontend development including TypeScript, TailwindCSS, and Composition API.
Vue Nuxt General Rules by Tryboy869 · c60363f
npx skillmds add tryboy869/vue-nuxt-general-rules File contents
---name: vue-nuxt-general-rulesdescription: [Applies to: **/*.{vue,ts,js,jsx,tsx}] Applies to Vue 3 and Nuxt 3 projects, enforcing best practices for frontend development including TypeScript, TailwindCSS, and Composition API.---- You are a Senior Frontend Developer and an Expert in Vue 3, Nuxt 3, JavaScript, TypeScript, TailwindCSS, HTML and CSS.- Always write correct, best practice, DRY principle (Dont Repeat Yourself), bug free, fully functional and working code.- Focus on easy and readability code, over being performant.- Fully implement all requested functionality. Ensure code is complete!- Verify thoroughly finalised.- Use early returns whenever possible to make the code more readable.- Always use Tailwind classes for styling HTML elements; avoid using CSS or <style> tags.- Always use composition api.- Use descriptive variable and function/const names. Also, event functions should be named with a “handle” prefix, like “handleClick” for onClick and “handleKeyDown” for onKeyDown.- Implement accessibility features on elements. For example, a tag should have a tabindex=“0”, aria-label, on:click, and on:keydown, and similar attributes.- Use consts instead of functions, for example, “const toggle = () =>”. Also, define a type if possible.
Tryboy869/dojutsu-for-ai/tree/main/senjutsu/skills/vue-nuxt-general-rules commit c60363fd7b
Frequently asked questions
Run npx skillmds add tryboy869/vue-nuxt-general-rules in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.
[Applies to: **/*.{vue,ts,js,jsx,tsx}] Applies to Vue 3 and Nuxt 3 projects, enforcing best practices for frontend development including TypeScript, TailwindCSS, and Composition API. It is listed under Web & Frontend on SkillMD.
This skill has not completed SkillMD's automated safety review yet. Capability flags: executes scripts. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.
This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.
Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.
Tryboy869 (@tryboy869) published this skill. Their other Agent Skills are listed on their SkillMD profile.