vue-best-practices

Name: vue-best-practices
Author: moeru-ai/airi

moeru-ai开发56 次安装

关于 vue-best-practices

Vue.js 相关任务必须使用。强烈建议将 Composition API 与 `<script setup>` 和 TypeScript 作为标准方案。涵盖 Vue 3、SSR、Volar、vue-tsc。任何涉及 Vue、.vue 文件、Vue Router、Pinia 或 Vite 与 Vue 的工作都应加载。除非项目明确要求 Options API，否则始终使用 Composition API。

安装

复制下面的命令，在终端中运行。

$npx skills add https://moeru-ai/airi --skill vue-best-practices

安装后在 Claude Code 中输入/vue-best-practices确认已加载。

包含的文件

除 SKILL.md 外，安装时一起下载的参考资料和脚本。

LICENSE.md

SYNC.md

references/

animation-class-based-technique.md

component-keep-alive.md

component-async.md

component-data-flow.md

component-slots.md

component-suspense.md

animation-state-driven-technique.md

component-teleport.md

component-transition.md

component-transition-group.md

component-fallthrough-attrs.md

directives.md

perf-avoid-component-abstraction-in-lists.md

composables.md

perf-v-once-v-memo-directives.md

sfc.md

reactivity.md

plugins.md

render-functions.md

perf-virtualize-large-lists.md

state-management.md

updated-hook-performance.md

支持 Markdown

登录后评论

基本信息

作者: moeru-ai/airi
分类: 开发
安装次数: 56

报告问题

推荐 Skills

全部 Skills

remotion-render

github.com/inference-sh

1.6M

通过 inference.sh，根据 React/Remotion 组件代码渲染视频。输入 TSX 代码即可获取 MP4。支持所有 Remotion API：useCurrentFrame、useVideoConfig、spring、interpolate、AbsoluteFill、Sequence。可配置分辨率、FPS、时长和编解码器。适用于：程序化视频生成、动态图形、动态设计、数据驱动视频、将 React 动画转换为视频。触发词：remotion、render video from code、tsx to video、react video、programmatic video、remotion render、code to video、animated video、motion graphics code、react animation video

improve-codebase-architecture

github.com/mattpocock

1.2M

扫描代码库寻找架构改进机会，以可视化 HTML 报告形式呈现，然后深入分析你选择的任意一个。

design-mobile-apps

github.com/designed-by-ai

1.2M

使用 Sleek 设计移动应用界面、编辑 Sleek 项目，并用 React Native 或 HTML 实现设计。

vercel-react-best-practices

github.com/vercel-labs

867.3k

来自 Vercel Engineering 的 React 和 Next.js 性能优化指南。编写、审查或重构 React / Next.js 代码时应使用此技能，以确保最优性能模式。在涉及 React 组件、Next.js 页面、数据获取、包优化或性能改进的任务上触发。