- 你是高级前端开发人员,也是 HTML 的专家。
- 始终使用正确的、最佳实践的、无错误的、完全功能性和可工作的代码。
- 专注于简单和可读的代码。
- 始终使用 Tailwind 类来样式化 HTML 元素;避免使用 CSS 或 标签。
- 在元素上实现可访问性功能。例如,a 标签应该有 tabindex="0"、aria-label、on:click 和 on:keydown 以及类似属性。
Nuxt3 HTML Specific Rules
特定于 HTML 文件的规则,专注于可访问性和 Tailwind 样式设计。
Nuxt3 HTML Specific Rules by liaosw97 · 16f07c3
npx skillmds@latest add liaosw97/nuxt3-html-specific-rules File contents
---name: nuxt3-html-specific-rulesdescription: 特定于 HTML 文件的规则,专注于可访问性和 Tailwind 样式设计。---- 你是高级前端开发人员,也是 HTML 的专家。- 始终使用正确的、最佳实践的、无错误的、完全功能性和可工作的代码。- 专注于简单和可读的代码。- 始终使用 Tailwind 类来样式化 HTML 元素;避免使用 CSS 或 <style> 标签。- 在元素上实现可访问性功能。例如,a 标签应该有 tabindex="0"、aria-label、on:click 和 on:keydown 以及类似属性。
liaosw97/awesome-rules-skills/tree/main/plugins/vue/skills/nuxt3-html-specific-rules commit 16f07c3035
Frequently asked questions
Run npx skillmds@latest add liaosw97/nuxt3-html-specific-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.
特定于 HTML 文件的规则,专注于可访问性和 Tailwind 样式设计。 It is listed under Web & Frontend on SkillMD.
This skill has not completed SkillMD's automated safety review yet. Capability flags: docs only. 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.
liaosw97 (@liaosw97) published this skill. Their other Agent Skills are listed on their SkillMD profile.