Agent skill

Analogjs

by analogjs in analogjs/analog

Conventions for working in an AnalogJS app (an Angular meta-framework powered by Vite) — file-based routing with .page.ts files, RouteMeta, server and API routes on Nitro/h3, page load functions and…

MITAuto-check passedTesting & QA

Install Analogjs

skills CLI
$ npx skills add analogjs/analog --skill analogjs -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI
$ gh skill install analogjs/analog analogjs --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy
$ git clone --depth 1 https://github.com/analogjs/analog.git skills-src && mkdir -p .claude/skills && cp -r skills-src/packages/platform/skills/analogjs .claude/skills/analogjs && rm -rf skills-src

Use ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.

Claude Code skills documentation · loads skills from .claude/skills/

Facts

Skill name
analogjs
GitHub stars
3.2k
Token cost
~891 tokens
SKILL.md length
321 words
Files
1
Skills in repo
5
Repo updated
First seen
Licence
MIT

At a glance

Conventions for working in an AnalogJS app (an Angular meta-framework powered by Vite) — file-based routing with .page.ts files, RouteMeta, server and API routes on Nitro/h3, page load functions and…

  • Writing code in a project that depends on @analogjs/platform
  • SKILL.md covers Commands, Project structure, Routing and Server & API routes, plus 4 more sections
  • Calls npm

What it does

Analogjs is an agent skill from analogjs/analog. Conventions for working in an AnalogJS app (an Angular meta-framework powered by Vite) — file-based routing with .page.ts files, RouteMeta, server and API routes on Nitro/h3, page load functions and server functions in .server.ts files, markdown content routes, and the modern Angular style Analog expects. Use when reading or writing code in a project that depends on @analogjs/platform.

Its SKILL.md is about 890 tokens, which your agent loads only when the skill is triggered. It is a single SKILL.md file with no bundled scripts.

It sits in Testing & QA. It works with Angular, Vite and npm. The repository describes itself as: The fullstack meta-framework for Angular. Powered by Vite and Nitro. The licence is MIT.

When your agent uses it

  • Writing code in a project that depends on @analogjs/platform

Example prompts

  • “Use the analogjs skill to convention for working in an AnalogJS app (an Angular meta-framework powered by Vite) — file-based routing with .page.ts…”
  • “/analogjs”

What it can do on your machine

Read from SKILL.md and the folder at commit eedd920. It shows what the files ask for, not the result of running them.

  • Tool permissions

    Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.

    From allowed-tools in the SKILL.md frontmatter.

  • Runs code

    Shell commands in SKILL.md call:

    • npm

    From the folder's file list and the shell code blocks in SKILL.md.

  • Network

    Links to these hosts (documentation or services it may open):

    • analogjs.org
    • h3.dev

    From URLs in SKILL.md, links to its own repository left out.

  • Credentials

    Names no API keys, tokens, secrets or passwords.

    From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.

Context cost

Analogjs loads about 891 tokens when it runs. Until then it costs about 101 tokens; SKILL.md has 321 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~101
When it runs · the whole SKILL.md, loaded when a task matches
~891

Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.

Safety

Auto-check passed

The automated check found no risky patterns in SKILL.md.

Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.

SKILL.md

The full file from analogjs/analog at commit eedd920, republished under its MIT licence (© analogjs). 321 words, ~891 tokens.

Download SKILL.mdSave it as .claude/skills/analogjs/SKILL.md (or your agent's skills folder).
name
analogjs
description
Conventions for working in an AnalogJS app (an Angular meta-framework powered by Vite) — file-based routing with `.page.ts` files, `RouteMeta`, server and API routes on Nitro/h3, page load functions and server functions in `.server.ts` files, markdown content routes, and the modern Angular style Analog expects. Use when reading or writing code in a project that depends on `@analogjs/platform`.
license
MIT

AnalogJS — conventions for AI coding assistants

This skill ships with @analogjs/platform and documents how to work in an AnalogJS app (an Angular meta-framework, powered by Vite). It mirrors the AGENTS.md published alongside it, so the guidance stays in sync with the installed version.

Commands

  • npm start / npm run dev — start the dev server (Vite)
  • npm run build — production build
  • npm test — run unit tests (Vitest)
  • npm run preview — run the built server locally

Project structure

  • src/app/pages/ — file-based routes (see Routing below)
  • src/app/ — components and app config (app.config.ts, app.config.server.ts)
  • src/server/routes/ — server and API routes (Nitro + h3)
  • src/main.ts / src/main.server.ts — client and server bootstrap
  • vite.config.ts — Vite + Analog plugin and Vitest config

Routing

Routes are file-based. A file in src/app/pages/ ending in .page.ts becomes a route, and it must export default a standalone Angular component.

  • index.page.ts → /
  • about.page.ts → /about
  • products/index.page.ts → /products
  • products/[productId].page.ts → /products/:productId (dynamic segment)
  • (auth).page.ts + (auth)/*.page.ts → pathless layout: (auth).page.ts renders a <router-outlet /> and wraps its child routes (e.g. (auth)/login.page.ts → /login, (auth)/signup.page.ts → /signup) without adding a path segment
  • [...not-found].page.ts → catch-all / 404

Read route params with inject(ActivatedRoute) from @angular/router.

Define per-route metadata (title, meta tags, guards, resolvers) by exporting a RouteMeta:

ts
import { RouteMeta } from '@analogjs/router';

export const routeMeta: RouteMeta = {
  title: 'Products',
};

Server & API routes

Server routes live in src/server/routes/ and use h3. API routes are conventionally under src/server/routes/api/.

ts
import { defineEventHandler } from 'h3';

export default defineEventHandler(() => ({ message: 'Hello World' }));

Filenames encode the HTTP method and params: hello.get.ts, users.post.ts, users/[id].get.ts.

Data fetching

  • Page load functions: add a sibling .server.ts load function and read its result in the page with injectLoad from @analogjs/router.
  • Server functions: define functions in .server.ts files and call them from the client with injectServerFn.

Content routes

Markdown content is supported via @analogjs/content: injectContent / injectContentFiles to load content, and MarkdownComponent (analog-markdown) to render it. Content files live in src/content/.

Conventions

  • Use modern Angular: standalone components, inject(), signals, and the built-in control flow (@if, @for, @switch).
  • Page components are default-exported.
  • Tests are colocated as *.spec.ts and run under Vitest (jsdom environment).
  • Prefer existing Angular and Analog APIs over hand-rolled equivalents.

More

Full documentation: https://analogjs.org/docs LLM-friendly docs index: https://analogjs.org/llms.txt

© analogjs, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file

Files

Just SKILL.md in packages/platform/skills/analogjs of analogjs/analog.

Open the folder on GitHubat commit eedd920

Compare with similar skills

Analogjs next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.

Analogjs compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Analogjs this skillanalogjs/analog3.2k—~891Automated safety check: PassMIT
Handsontable Visual Test Demoshandsontable/handsontable22k—~1.3kAutomated safety check: PassCustom licence
LivewireArtexis10/endstate-gui116—~2.9kAutomated safety check: PassApache-2.0
Igniteui Angular TestingIgniteUI/igniteui-angular599—~950Automated safety check: PassCustom licence
Angular ToolingKilo-Org/kilo-marketplace189—~1.7kAutomated safety check: PassMIT
Version ReleaseNG-ZORRO/ng-zorro-antd9.2k—~3.1kAutomated safety check: PassMIT

Similar skills

  • Handsontable Visual Test Demos

    handsontable/handsontable

    Explains how to add or change the demo pages that Handsontable's visual regression suite photographs, including per-feature routes in the js demo and the shared grid.

    22k GitHub stars~1.3k tokensUpdated today
    Testing & QAAuto-check passed
  • Livewire

    Artexis10/endstate-gui

    Drive the real GUI against the real engine via the standalone dev HTTP bridge (npm run dev:bridge).

    116 GitHub stars~2.9k tokensUpdated today
    Testing & QAAuto-check passed
  • Igniteui Angular Testing

    IgniteUI/igniteui-angular

    Quick-reference for running Ignite UI for Angular test suites.

    599 GitHub stars~950 tokensUpdated today
    Frontend & DesignAuto-check passed
  • Angular Tooling

    Kilo-Org/kilo-marketplace

    Use Angular CLI and development tools effectively in Angular v20+ projects.

    189 GitHub stars~1.7k tokensUpdated 8 days ago
    DevelopmentAuto-check passed
  • Version Release

    NG-ZORRO/ng-zorro-antd

    NG-ZORRO/ng-zorro-antd repository release workflow. An agent skill from NG-ZORRO/ng-zorro-antd.

    9.2k GitHub stars~3.1k tokensUpdated 7 days ago
    DevelopmentAuto-check passed
  • Redis Insight Plugin

    redis/RedisInsight

    Official

    A skill your agent uses when creating, modifying, debugging, deploying, or testing Redis Insight Workbench visualization plugins, plugin manifests, package.json visualizations, activationMethod…

    8.9k GitHub stars~3.5k tokensUpdated 2 days ago
    DatabasesAuto-check passed

More from analogjs/analog

  • Open PR

    analogjs/analog

    Commit the current work, push the current feature branch, and open a GitHub PR filled out from the repo's PR template.

    3.2k GitHub stars~944 tokensUpdated today
    Auto-check passed
  • Fix Issue

    analogjs/analog

    End-to-end flow for resolving a GitHub issue — fetch and understand the issue, create a feature branch off beta, implement and verify the fix, then hand off to the open-pr skill.

    3.2k GitHub stars~808 tokensUpdated today
    Auto-check passed
  • Handhold PR

    analogjs/analog

    Watch a PR's CI, diagnose every failing check, fix what's actually broken, resolve CodeRabbit's major findings, and keep iterating until the PR is green.

    3.2k GitHub stars~1.6k tokensUpdated today
    Auto-check passed
  • Investigate Issue

    analogjs/analog

    Investigate a GitHub issue end to end — reproduce the reporter's repo or code snippet in an isolated sandbox outside the monorepo, trace the root cause in the source, and draft a reply back to the…

    3.2k GitHub stars~2k tokensUpdated today
    Auto-check passed

Works with

Categories

Questions about Analogjs

What does Analogjs do?

Conventions for working in an AnalogJS app (an Angular meta-framework powered by Vite) — file-based routing with .page.ts files, RouteMeta, server and API routes on Nitro/h3, page load functions and…. Analogjs is an agent skill from analogjs/analog.ts files, markdown content routes, and the modern Angular style Analog expects.

When should I use Analogjs?

Analogjs fits situations like: writing code in a project that depends on @analogjs/platform.

How do I install Analogjs in Claude Code?

Run `npx skills add analogjs/analog --skill analogjs -a claude-code`. Or copy the skill folder (packages/platform/skills/analogjs in analogjs/analog) into .claude/skills/analogjs in your project. Claude Code loads it when a task matches its description.

How do I install Analogjs in Codex?

Run `npx skills add analogjs/analog --skill analogjs -a codex`. Or copy the skill folder (packages/platform/skills/analogjs in analogjs/analog) into .agents/skills/analogjs in your project. Codex loads it when a task matches its description.

Can I use Analogjs in Cursor, Gemini CLI or GitHub Copilot?

Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add analogjs/analog --skill analogjs -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/analogjs, .gemini/skills/analogjs, .github/skills/analogjs and .opencode/skills/analogjs in your project.

What does Analogjs need to run?

Going by SKILL.md and its folder, Analogjs needs the command-line tools its instructions call (npm).

Does Analogjs access the network?

SKILL.md names 2 domains. As links in the text: analogjs.org and h3.dev. This is read from the text; nothing was executed.

Is Analogjs safe to install?

Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.

What licence does Analogjs use?

Analogjs is published under the MIT licence (declared in SKILL.md). It allows redistribution, so the full SKILL.md is shown on this page.

How many tokens does Analogjs use?

About 891 tokens (SKILL.md is roughly 3.6k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.

What are the alternatives to Analogjs?

Skills that share tags, products or a category with Analogjs: Handsontable Visual Test Demos (handsontable/handsontable, 22k stars), Livewire (Artexis10/endstate-gui, 116 stars), Igniteui Angular Testing (IgniteUI/igniteui-angular, 599 stars) and Angular Tooling (Kilo-Org/kilo-marketplace, 189 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Analogjs?

analogjs (a GitHub organization) maintains it in analogjs/analog, which has 3,187 GitHub stars. The repository holds 5 skills in this directory. The repository was last updated on October 7, 2026.

Source: analogjs/analog on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.