Skip to content
MACHHUB MACHHUB MACHHUB
Contribute to this page

AI Agent Skills

MACHHUB publishes a set of AI agent skills — structured guides and production-ready templates that your AI coding assistant can use to scaffold MACHHUB apps correctly. They live in the open-source machhub-dev/skills repository.

The skills encode the same material as this documentation (SDK usage, framework integration, config formats) in a form an agent can apply directly — so asking “initialize the MACHHUB SDK in my Angular project” yields idiomatic, working code.

  • Core SDK skills — initialization, architecture, collections, authentication, authorization, realtime, file handling, processes, and advanced features.
  • Framework skills — Angular, Next.js/React, Nuxt/Vue, and SvelteKit/Svelte.
  • Config-format skills — Collection JSON and Permission JSON generation.
  • 55 templates — ready-to-copy .ts/.tsx/.vue/.svelte/.py files.

Clone the repository:

Terminal window
git clone https://github.com/machhub-dev/skills.git

Then place the skill folders where your assistant looks for them:

ToolProject-levelUser-level (global)
GitHub Copilot.github/skills/~/.copilot/skills/
Cursor.cursor/skills/~/.cursor/skills/
Claude.claude/skills/~/.claude/skills/

For example, to add them to a project for Copilot:

Terminal window
mkdir -p .github/skills
cp -r /path/to/skills/machhub-* .github/skills/

No further configuration is needed — assistants discover skills in those folders automatically.

flowchart LR
  A["Initialization"] --> B["Architecture"]
  B --> C["Collections"]
  C --> D["Authentication"]
  D --> E["Realtime"]
  E --> F["Advanced\n(historian, files)"]
  F --> G["Your framework"]

The skills work hand-in-hand with the MACHHUB Designer extension’s zero-config initialization: the skills generate the code, and the Designer supplies the connection details in development.