Fantastic-admin Skills
Nine skills built into the Fantastic-admin Vue 3 admin framework: CRUD pages, forms, routes, stores and theme customization
- 3,430 ★ on the repository
- Last commit
- MIT
Minimal access
Why this level
- The skills are instructions for generating code inside your project and run nothing themselves
Install
- Works in
In your terminal, with SkillFoxx CLI
npx skillfoxx add skills/fantastic-admin-skillsDetects the agents on your machine, shows the access level and pins the version.
Other ways to install
Access and checks
How we reviewMinimal accessThe tool runs nothing and makes no network calls.
- The skills are instructions for generating code inside your project and run nothing themselves
This is third-party code. Review the repository files before installing.
What it does
Fantastic-admin is an admin system framework on Vue 3, Vite and TypeScript aimed at AI-assisted coding. It offers a free choice of UI library, 18 themes, 7 navigation modes and 19 extension slots. The `.agents/skills` directory holds nine built-in skills that teach an agent to write code by the framework's own rules. The `fa-crud-page-generator` skill creates a full CRUD module: a list, a detail page, a `DetailForm` component, an API module, fake data and routes. The others generate forms (`fa-form-builder`), routes, Pinia stores and slots, customize the theme and framework settings and optimize pages.
Who it is for. Vue 3 frontend developers building internal admin panels on Fantastic-admin who want pages in the framework's style instead of generic code.
Good fit when
- An admin gets an Orders section with a list, filters and an edit form.
- A new route is added following the framework structure.
- A theme for a client's brand is assembled from existing schemes.
- A page is slow and is run through the optimization skill.
- A form is built on FaForm and FaFormItem components with field validation.
Not a fit when
- The project is not on Fantastic-admin: the skills rely on its module structure and Fa* components.
- You need a mobile project with no admin: the ecosystem has separate products for that.
- You need English documentation: the main README is written in Chinese.
Example request
Generate an Orders module for Fantastic-admin with the skill: a list with search, a create form, a route and fake data.Limitations
The repository holds the base edition and some capabilities belong to the professional one. The author advises downloading stable archives from Releases rather than taking branch sources, which can contain unpublished code. The skill descriptions are written in Chinese and the agent follows them in that form. There is no separate install command: the skills come with the framework and live in the project's `.agents/skills`. The English README is shorter than the Chinese one.
How to disable. Delete the relevant `fa-*` folders from the project's `.agents/skills` directory. The framework itself keeps working as before.
FAQ
How do I get the skills?
Download a stable archive from the Releases page of `fantastic-admin/basic`. The skills are part of the project and live in `.agents/skills`.
Which skills are there?
`fa-crud-page-generator`, `fa-form-builder`, `fa-route-generator`, `fa-store-generator`, `fa-slot-creator`, `fa-theme-customizer`, `fa-framework-settings`, `fa-page-optimizer` and `fa-feedback`.
What does the CRUD generator create?
A list, a separate detail page, a `DetailForm` component, an API module, fake data and, if needed, a route with translations.
Which UI libraries are supported?
The `apps` directory has cores for Ant Design Vue, Element Plus, Naive UI, Arco Design Vue, TDesign and Vexip UI.
Is there English documentation?
Yes, the README has a `README.EN.md` version, but the main text is written in Chinese.
Discussion
No questions or reviews yet.
Related
SkillsA set of skills for Vue 3 development: Composition API practices, router, Pinia, testing, JSX, Options API and debugging
Nuxt UI v4 skill: an agent builds Vue and Nuxt interfaces, picks components, sets up the theme and lays out forms and dashboards
Thirty-plus skills for Vue, Pinia, Vue Router, Reka UI and VueUse, tied to package versions and rebuilt with each release.
shadcn-vue skill for agents
shadcn-vue skill
The shadcn-vue skill reads your project settings and teaches an agent to add components, forms and themes of the Vue port of shadcn/ui by its rules
A skill that points the agent to ready VueUse composables for Vue 3 and Nuxt, with a usage and type reference for each function
A skill set for the Vue, Vite and Nuxt stack: the author's conventions plus digests of official tool documentation
README in short
The Chinese README calls the framework an admin system for AI coding with several built-in skills. The base edition is open and the professional one is separate.