Top AI Repos — open-source AI, indexed and scored
Top AI Repos tracks AI repositories on GitHub and answers two different questions about each one: is it moving right now, and would you bet a product on it.
Top AI Repos tracks AI repositories on GitHub and answers two different questions about each one: is it moving right now, and would you bet a product on it.
| Date | Stars |
|---|---|
| 2026-07-31 | 2748 |
| 2026-08-03 | 2751 |
| 2026-08-06 | 2751 |
Today
— stars today
This week
— stars this week
This month
— stars this month
Momentum
0.0
growth rate 0.00%/day
# vue-skills
Agent skills for Vue 3 development.
> 🚧 **Early Experiment / Community Project**
>
> This repository is an early experiment in creating specialized skills for AI agents to enhance Vue 3 development. Skills are derived from real-world issues but may be incomplete due to hallucinations—please give feedback. If valuable, I plan to propose transferring this project to the Vue organization to benefit the wider community.
## Installation
```bash
npx skills add vuejs-ai/skills
```
### Claude Code Marketplace
An alternative for Claude Code users:
```bash
# Add marketplace
/plugin marketplace add vuejs-ai/skills
# Install all skills at once
/plugin install vue-skills-bundle@vue-skills
# Install individual skills
/plugin install vue-best-practices@vue-skills
# Install multiple skills
/plugin install vue-best-practices@vue-skills vue-router-best-practices@vue-skills
```
## Usage
For most reliable results, prefix your prompt with `use vue skill`:
```
Use vue skill, <your prompt here>
```
This explicitly triggers the skill and ensures the AI follows the documented patterns. Without the prefix, skill triggering may be inconsistent depending on how closely your prompt matches the skill's description keywords.
## Available Skills
| Skill | When to use | Description |
|-------|-------------|-------------|
| **vue-best-practices** | Vue 3 + Composition API + TypeScript | Best practices, common gotchas, SSR guidance, performance |
| **vue-options-api-best-practices** | Options API (`data()`, `methods`) | `this` context, lifecycle, TypeScript with Options API |
| **vue-router-best-practices** | Vue Router 4 | Navigation guards, route params, route-component lifecycle |
| **vue-pinia-best-practices** | Pinia for state management | Store setup, reactivity, state patterns |
| **vue-testing-best-practices** | Writing component or E2E tests | Vitest, Vue Test Utils, Playwright |
| **vue-jsx-best-practices** | JSX in Vue | Syntax differences from React JSX |
| **vue-debug-guides** | Debugging Vue 3 issues | Runtime errors, warnings, async error handling, hydration issues |
| **create-adaptable-composable** | Creating reusable composables | `MaybeRef`/`MaybeRefOrGetter` input patterns |
## Examples
### vue-best-practices
#### Demo - Todo App
Prompt
```
create a todo app
```
🔎 See demo [full output](https://github.com/vuejs-ai/skills/tree/dev/demo/todo-app).
#### Changes after using skill
- More readable [code](https://github.com/vuejs-ai/skills/tree/dev/demo/todo-app/with-skills/App.vue)
- [Components](https://github.com/vuejs-ai/skills/tree/dev/demo/todo-app/with-skills/components) split
- Moved states into composables ([useTodos.ts](https://github.com/vuejs-ai/skills/tree/dev/demo/todo-app/with-skills/composables/useTodos.ts))
- Use `shallowRef` for primitive reactive data (see [Reactivity](skills/vue-best-practices/references/reactivity.md) reference)
### create-adaptable-composable
Original from `create-agnostic-composable` of [`serkodev/vue-skills`](https://github.com/serkodev/vue-skills/tree/main)
#### Demo - useHidden
Prompt
```
create a reusable composable for controlling hidden for a element
```
🔎 See demo [full output](https://github.com/vuejs-ai/skills/tree/dev/demo/hidden-composable).
#### Changes after using skill
- Used `MaybeRef` and `MaybeRefOrGetter` for input parameters for reactivity flexibility.
```ts
export interface UseHiddenOptions {
hidden?: MaybeRef<boolean>
initialHidden?: MaybeRefOrGetter<boolean>
syncAria?: boolean
}
export function useHidden(
target?: MaybeRefOrGetter<HTMLElement | null | undefined>,
options: UseHiddenOptions = {},
)
```
## Methodology
### Skill Types
Skills are classified into two categories:
- **Capability**: AI *cannot* solve the problem without the skill. These address version-specific issues, undocumented behaviors, recent features, or edge cases outside AI's training data.
- **Efficiency**: AI *can* solve the problem but not well. These pExcerpt of 5,149 characters
Read on GitHub
26
18
7
3
1
1
Would you bet a product on this? Bounded 0–100 and slow moving.
matched fp:4d870f057d43c106, llm:Repository name and description: 'Agent skills for Vue 3 development' — indicates agent skills (AI agents) tailored to Vue.js development.
matched fp:4d870f057d43c106, llm:Repository name and description: 'Agent skills for Vue 3 development' — indicates agent skills (AI agents) tailored to Vue.js development.
matched fp:4d870f057d43c106, llm:Repository name and description: 'Agent skills for Vue 3 development' — indicates agent skills (AI agents) tailored to Vue.js development.