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.
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…
$ npx skills add analogjs/analog --skill analogjs -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install analogjs/analog analogjs --agent claude-codeProject scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).
$ 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-srcUse ~/.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/
Install the "analogjs" agent skill from https://github.com/analogjs/analog/tree/beta/packages/platform/skills/analogjs into .claude/skills/analogjs/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "analogjs", then confirm the skill loads.Claude Code copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$skill-installer install https://github.com/analogjs/analog/tree/beta/packages/platform/skills/analogjsType this inside Codex. $skill-installer <name> installs a curated skill from openai/skills. The installer writes to $CODEX_HOME/skills (default ~/.codex/skills). Restart Codex if the skill does not show up.
$ npx skills add analogjs/analog --skill analogjs -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install analogjs/analog analogjs --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/analogjs/analog.git skills-src && mkdir -p .agents/skills && cp -r skills-src/packages/platform/skills/analogjs .agents/skills/analogjs && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "analogjs" agent skill from https://github.com/analogjs/analog/tree/beta/packages/platform/skills/analogjs into .agents/skills/analogjs/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "analogjs", then confirm the skill loads.Codex copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add analogjs/analog --skill analogjs -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install analogjs/analog analogjs --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/analogjs/analog.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/packages/platform/skills/analogjs .cursor/skills/analogjs && rm -rf skills-srcUse ~/.cursor/skills/ instead of .cursor/skills for a personal install.
Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/
Install the "analogjs" agent skill from https://github.com/analogjs/analog/tree/beta/packages/platform/skills/analogjs into .cursor/skills/analogjs/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "analogjs", then confirm the skill loads.Cursor copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gemini skills install https://github.com/analogjs/analog.git --path packages/platform/skills/analogjs--scope user (default) or --scope workspace; --path is the subfolder of the repo that holds the skill; --consent skips the security confirmation prompt.
$ npx skills add analogjs/analog --skill analogjs -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install analogjs/analog analogjs --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/analogjs/analog.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/packages/platform/skills/analogjs .gemini/skills/analogjs && rm -rf skills-srcUse ~/.gemini/skills/ instead of .gemini/skills for a personal install, then run /skills reload.
Gemini CLI skills documentation · loads skills from .gemini/skills/, .agents/skills/
Install the "analogjs" agent skill from https://github.com/analogjs/analog/tree/beta/packages/platform/skills/analogjs into .gemini/skills/analogjs/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "analogjs", then confirm the skill loads.Gemini CLI copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gh skill install analogjs/analog analogjsInstalls for Copilot at project scope by default; add --scope user for a personal install. Preview a skill first with gh skill preview. Needs GitHub CLI 2.90.0 or later (public preview).
$ npx skills add analogjs/analog --skill analogjs -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/analogjs/analog.git skills-src && mkdir -p .github/skills && cp -r skills-src/packages/platform/skills/analogjs .github/skills/analogjs && rm -rf skills-srcUse ~/.copilot/skills/ instead of .github/skills for a personal install. Commit .github/skills so cloud agent and code review can use it.
GitHub Copilot skills documentation · loads skills from .github/skills/, .claude/skills/, .agents/skills/
Install the "analogjs" agent skill from https://github.com/analogjs/analog/tree/beta/packages/platform/skills/analogjs into .github/skills/analogjs/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "analogjs", then confirm the skill loads.GitHub Copilot copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add analogjs/analog --skill analogjs -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install analogjs/analog analogjs --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/analogjs/analog.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/packages/platform/skills/analogjs .opencode/skills/analogjs && rm -rf skills-srcUse ~/.config/opencode/skills/ instead of .opencode/skills for a personal install.
OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/
Install the "analogjs" agent skill from https://github.com/analogjs/analog/tree/beta/packages/platform/skills/analogjs into .opencode/skills/analogjs/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "analogjs", then confirm the skill loads.OpenCode copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
analogjsConventions 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. 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.
Read from SKILL.md and the folder at commit eedd920. It shows what the files ask for, not the result of running them.
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.
Shell commands in SKILL.md call:
npmFrom the folder's file list and the shell code blocks in SKILL.md.
Links to these hosts (documentation or services it may open):
analogjs.orgh3.devFrom URLs in SKILL.md, links to its own repository left out.
Names no API keys, tokens, secrets or passwords.
From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.
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.
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.
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.
The full file from analogjs/analog at commit eedd920, republished under its MIT licence (© analogjs). 321 words, ~891 tokens.
.claude/skills/analogjs/SKILL.md (or your agent's skills folder).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.
npm start / npm run dev — start the dev server (Vite)npm run build — production buildnpm test — run unit tests (Vitest)npm run preview — run the built server locallysrc/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 bootstrapvite.config.ts — Vite + Analog plugin and Vitest configRoutes 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 → /aboutproducts/index.page.ts → /productsproducts/[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 / 404Read route params with inject(ActivatedRoute) from @angular/router.
Define per-route metadata (title, meta tags, guards, resolvers) by exporting a RouteMeta:
import { RouteMeta } from '@analogjs/router';
export const routeMeta: RouteMeta = {
title: 'Products',
};Server routes live in src/server/routes/ and use h3. API routes are conventionally under src/server/routes/api/.
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.
.server.ts load function and read its result in the page with injectLoad from @analogjs/router..server.ts files and call them from the client with injectServerFn.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/.
inject(), signals, and the built-in control flow (@if, @for, @switch).*.spec.ts and run under Vitest (jsdom environment).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
Just SKILL.md in packages/platform/skills/analogjs of analogjs/analog.
Open the folder on GitHubat commit eedd920
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.
| Skill | Stars | Used in | Tokens | Auto-check | Licence | Repo updated |
|---|---|---|---|---|---|---|
| Analogjs this skillanalogjs/analog | 3.2k | — | ~891 | Automated safety check: Pass | MIT | |
| Handsontable Visual Test Demoshandsontable/handsontable | 22k | — | ~1.3k | Automated safety check: Pass | Custom licence | |
| LivewireArtexis10/endstate-gui | 116 | — | ~2.9k | Automated safety check: Pass | Apache-2.0 | |
| Igniteui Angular TestingIgniteUI/igniteui-angular | 599 | — | ~950 | Automated safety check: Pass | Custom licence | |
| Angular ToolingKilo-Org/kilo-marketplace | 189 | — | ~1.7k | Automated safety check: Pass | MIT | |
| Version ReleaseNG-ZORRO/ng-zorro-antd | 9.2k | — | ~3.1k | Automated safety check: Pass | MIT |
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.
Artexis10/endstate-gui
Drive the real GUI against the real engine via the standalone dev HTTP bridge (npm run dev:bridge).
IgniteUI/igniteui-angular
Quick-reference for running Ignite UI for Angular test suites.
Kilo-Org/kilo-marketplace
Use Angular CLI and development tools effectively in Angular v20+ projects.
NG-ZORRO/ng-zorro-antd
NG-ZORRO/ng-zorro-antd repository release workflow. An agent skill from NG-ZORRO/ng-zorro-antd.
redis/RedisInsight
A skill your agent uses when creating, modifying, debugging, deploying, or testing Redis Insight Workbench visualization plugins, plugin manifests, package.json visualizations, activationMethod…
analogjs/analog
Commit the current work, push the current feature branch, and open a GitHub PR filled out from the repo's PR template.
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.
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.
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…
Categories
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.
Analogjs fits situations like: writing code in a project that depends on @analogjs/platform.
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.
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.
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.
Going by SKILL.md and its folder, Analogjs needs the command-line tools its instructions call (npm).
SKILL.md names 2 domains. As links in the text: analogjs.org and h3.dev. This is read from the text; nothing was executed.
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.
Analogjs is published under the MIT licence (declared in SKILL.md). It allows redistribution, so the full SKILL.md is shown on this page.
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.
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.
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.