https://github.com/efedeveloper/edfer-skills
https://github.com/efedeveloper/edfer-skills
Last synced: about 2 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/efedeveloper/edfer-skills
- Owner: EfeDeveloper
- License: mit
- Created: 2026-04-01T22:19:53.000Z (3 months ago)
- Default Branch: main
- Last Pushed: 2026-04-02T00:11:26.000Z (3 months ago)
- Last Synced: 2026-04-02T10:52:13.989Z (3 months ago)
- Language: JavaScript
- Size: 45.9 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
- Agents: AGENTS.md
Awesome Lists containing this project
README
# edfer-skills
A collection of AI agent skills for modern frontend development. Skills follow the [Agent Skills Official Specification](https://agentskills.io/specification) format and work with Claude Code, Cursor, Windsurf, and other AI coding agents.
## Installation
### Install All Skills
```bash
npx skills add EfeDeveloper/edfer-skills
```
### Install Specific Skills
#### Vue Project Scaffolder
```bash
npx skills add https://github.com/EfeDeveloper/edfer-skills --skill vue-project-scaffolder
```
Or using npm syntax:
```bash
npx skills add EfeDeveloper/edfer-skills/vue-project-scaffolder
```
## Quick Start
Once installed, use with Claude Code, Cursor, or Windsurf:
```bash
# Create a new Vue 3 project
npx skills invoke vue-project-scaffolder
```
Or just describe what you want in your AI agent:
- "vue project my-app"
- "create vue project"
- "new vue project called dashboard"
## Available Skills
| Skill | Description | Status |
| --------------------------------------------------- | ------------------------------------------------------------------------- | ------ |
| [vue-project-scaffolder](./vue-project-scaffolder/) | Scaffold a Vue 3 + Vite + Tailwind v4 + shadcn/vue project in one command | ✅ Spec-Compliant |
## Usage
Once installed, skills are automatically available in your AI agent. Just describe what you want:
- "vue project my-app"
- "create vue project"
- "new vue project called dashboard"
## Why This Collection?
The most common problem when AI sets up Vue + Tailwind: **it configures Tailwind v3 instead of v4**.
Tailwind v4 uses `@tailwindcss/vite` as a Vite plugin — no `tailwind.config.js`, no PostCSS setup. These skills follow the official docs exactly and produce correctly configured projects every time.
## Project Status
**v2.1 - Official Specification Compliant**
- ✅ Full compliance with [Agent Skills Official Specification](https://agentskills.io/specification)
- ✅ Cross-platform support (macOS, Linux, Windows)
- ✅ Zero external dependencies
- ✅ Progressive disclosure optimized
- ✅ Ready for publication to Agent Skills Registry
## Contributing
1. Create a new directory with a kebab-case name
2. Add a `SKILL.md` with valid YAML frontmatter (`name` + `description`)
3. Submit a pull request
See the [Agent Skills specification](https://agentskills.io/specification) for the full format.
## License
MIT