AI
Agent Skills
Let AI guide your Ginjou development with verified references.
Ginjou includes an Agent Skills package. It teaches AI assistants how to help you build CRUD apps, wire backends, and set up providers — using verified references instead of guessing.
Install
Compatible agents (Cursor, Claude Code, etc.) pick up skills automatically.
To install manually:
Terminal
npx skills add https://github.com/aa900031/ginjou
What the Skill Does
Build CRUD Pages
- Scaffold list, show, create, and edit pages
- Set up pagination, sorting, and filtering
- Choose the right mutation mode (optimistic, undoable, pessimistic)
- Load options for select fields
Set Up Your Backend
- Walk through REST API adapter setup
- Configure Supabase data provider
- Configure Directus data provider
- Warn about backend-specific limitations
Match Your Framework
- Provide Vue 3 composables and context setup
- Guide Nuxt 3/4 module configuration
- Handle SSR data fetching patterns
- Guide Svelte 5 rune-based setup with @ginjou/svelte
- Respect the layered architecture (core → Vue → Nuxt → Svelte)
Auth, Realtime, and More
- Wire authentication providers and login flows
- Set up access control rules
- Add realtime subscriptions to pages
- Configure notifications and undoable actions
- Map routes to resources
- Set up i18n translations
Directory Structure
skills/
└── ginjou/
├── SKILL.md
└── references/
├── core/
│ ├── setup.md
│ ├── controllers.md
│ ├── data-flow.md
│ ├── mutation-flows.md
│ ├── resources.md
│ ├── router.md
│ ├── authentication.md
│ ├── authorization.md
│ ├── notifications.md
│ ├── realtime.md
│ ├── i18n.md
│ ├── backend-rest-api.md
│ ├── backend-supabase.md
│ └── backend-directus.md
├── vue/
│ ├── setup.md
│ ├── controllers.md
│ ├── data-composables.md
│ ├── forms.md
│ ├── resources.md
│ ├── router.md
│ ├── authentication.md
│ ├── authorization.md
│ ├── notifications.md
│ ├── realtime.md
│ └── i18n.md
└── nuxt/
├── setup.md
├── router.md
└── ssr.md
Example Prompts
Try asking your AI assistant:
Set up Ginjou with Supabase in a Nuxt app
Create a list page with pagination and sorting
How do I use optimistic updates with undo?
Help me wire authentication
Add realtime to a list page
What is the difference between useList and useSelect?