Agent skill

Rocket

by modernweb-dev in modernweb-dev/rocket

A skill your agent uses when editing Rocket Pages, config, layouts, component reference Pages, or build behavior in this project.

MITAuto-check passedFrontend & Design

Install Rocket

skills CLI
$ npx skills add modernweb-dev/rocket --skill rocket -a claude-code

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

GitHub CLI
$ gh skill install modernweb-dev/rocket rocket --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/modernweb-dev/rocket.git skills-src && mkdir -p .claude/skills && cp -r skills-src/.agents/skills/rocket .claude/skills/rocket && 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
rocket
GitHub stars
395
Token cost
~536 tokens
SKILL.md length
258 words
Files
1
Skills in repo
3
Repo updated
First seen
Licence
MIT

At a glance

A skill your agent uses when editing Rocket Pages, config, layouts, component reference Pages, or build behavior in this project.

  • Editing Rocket Pages
  • Calls npm, npx and curl
  • Component reference Pages
  • Build behavior in this project

What it does

Rocket is an agent skill from modernweb-dev/rocket. Use when editing Rocket Pages, config, layouts, component reference Pages, or build behavior in this project.

Its SKILL.md is about 540 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 Frontend & Design, covering Static sites and blogs. It works with npm. The repository describes itself as: The modern web setup for static sites with a sprinkle of JavaScript. The licence is MIT.

When your agent uses it

  • Editing Rocket Pages
  • Component reference Pages
  • Build behavior in this project

Example prompts

  • “/rocket”

Requirements

  • Node.js

What it can do on your machine

Read from SKILL.md and the folder at commit c4a9515. 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
    • npx
    • curl

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

  • Network

    No URLs in SKILL.md. Its commands use npm, npx and curl, which can reach the network depending on how they are called.

    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

Rocket loads about 536 tokens when it runs. Until then it costs about 29 tokens; SKILL.md has 258 words of instructions outside code blocks.

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

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 modernweb-dev/rocket at commit c4a9515, republished under its MIT licence (© modernweb-dev). 258 words, ~536 tokens.

Download SKILL.mdSave it as .claude/skills/rocket/SKILL.md (or your agent's skills folder).
name
rocket
description
Use when editing Rocket Pages, config, layouts, component reference Pages, or build behavior in this project.

Rocket

Rules

  • Read rocket-config.js first; Page discovery follows includeGlobs.
  • Every Page owns its URL through config.path; put general docs in docs/pages and component docs next to the component.
  • Prefer Markdown for durable content; use JavaScript Pages for request-time or programmatic output.
  • Prefer interactive examples for component and behavior docs; use js demo when readers benefit from trying the UI.
  • Prefer Atlas docs layouts: atlasDocLayout for docs, atlasHeroLayout for a standalone docs home, with matching components exports.
  • Markdown using Rocket custom elements needs a components export; use Atlas component maps or rocketDemoComponents.
  • Add menu.iconName to Atlas docs navigation Pages so the left navigation has icons.
  • Direct layout re-exports are supported when no local wrapper function is needed.
  • For Atlas theming, use shared layout data with stylesheets and centralized CSS variables instead of per-Page style injection.
  • To add a general Page, create docs/pages/name.rocket.md, set config.path, metadata, menu.iconName, and use the shared docs layout.
  • Custom layouts rendering rocket-icon need addBootstrapIconLibrary(pageData) before document().
  • Static JavaScript Pages render once per concrete path; query/header/cookie/live-data output needs render: 'server'.
  • Static Request Demos should target concrete non-query URLs.
  • After adding a js demo, verify the parent Page and Standalone Demo URL /page/_demo/demoName/.
  • If rocket init fails because package.json has "type": "commonjs", change it to "type": "module" or rerun npx rocket init --yes.
  • If dev server watchers fail with EMFILE, run npm start -- --no-watch --no-open and use Ctrl+R for manual restarts.
  • When smoke-testing Pages with curl, send Accept: text/html: curl -H 'Accept: text/html' http://localhost:8888/path.
  • Keep npm run build passing; record Rocket package issues separately from local workarounds.

© modernweb-dev, 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 .agents/skills/rocket of modernweb-dev/rocket.

Open the folder on GitHubat commit c4a9515

Compare with similar skills

Rocket 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.

Rocket compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Rocket this skillmodernweb-dev/rocket395—~536Automated safety check: PassMIT
Create Docsvictorgarciaesgi/nuxt-typed-router4132 repos~2.8kAutomated safety check: PassMIT
Oryxos Admin UIoryx-labs/oryxos187—~913Automated safety check: PassApache-2.0
Update Docs PRopentiny/genui-sdk171—~819Automated safety check: PassMIT
User Docsletehaha/moneymatter158—~2.3kAutomated safety check: NotesAGPL-3.0
Site Operationsauthcrunch/authcrunch.github.io108—~3.2kAutomated safety check: PassNone

Similar skills

  • Create Docs

    victorgarciaesgi/nuxt-typed-router

    Create complete documentation sites for projects. An agent skill from victorgarciaesgi/nuxt-typed-router.

    413 GitHub starsUsed in 2 repos~2.8k tokens
    Frontend & DesignAuto-check passed
  • Oryxos Admin UI

    oryx-labs/oryxos

    生成或扩展 OryxOS 的 Web 管理台(web manager)前端——Vue 3 + Vite 单页应用,视觉与官网首页 (website/,VitePress)完全同源:深色底 + 橙色主色、Inter/JetBrains Mono。内置这套设计 token、 工程约定(base '/admin/'、产物落 oryxos-web static/admin、SPA…

    187 GitHub stars~913 tokensUpdated yesterday
    Frontend & DesignAuto-check passed
  • Update Docs PR

    opentiny/genui-sdk

    After publishing a new @opentiny/genui-sdk package, update opentiny/docs (submodule, genui package versions, VitePress sidebar) and opentiny/opentiny.design (submodule commit only), then open PRs on…

    171 GitHub stars~819 tokensUpdated 2 days ago
    Frontend & DesignAuto-check passed
  • User Docs

    letehaha/moneymatter

    Write or update the end-user documentation at docs.moneymatter.app (packages/docs, Astro Starlight) and capture its light/dark screenshots from the local dev app with a throwaway test user.

    158 GitHub stars~2.3k tokensUpdated 2 days ago
    Frontend & DesignAuto-check: notes
  • Site Operations

    authcrunch/authcrunch.github.io

    Install, build, preview, and troubleshoot the AuthCrunch documentation site; maintain npm dependencies, local command workflows, and GitHub Pages CI.

    108 GitHub stars~3.2k tokensUpdated 2 days ago
    Frontend & DesignAuto-check passed
  • Vitepress Skilld

    skilld-dev/vue-ecosystem-skills

    A skill your agent uses when writing, configuring, or debugging code that imports "vitepress", when running vitepress CLI commands, editing .vitepress/config or theme files, tuning markdown or…

    181 GitHub stars~1.7k tokensUpdated 15 days ago
    Frontend & DesignAuto-check passed

More from modernweb-dev/rocket

  • Docs To Types

    modernweb-dev/rocket

    Converts grill-with-docs output — CONTEXT.md glossaries, ADRs, and approved domain decisions — into typed architecture.

    395 GitHub stars~1.1k tokensUpdated 9 days ago
    Auto-check passed
  • Coding Style

    modernweb-dev/rocket

    Indexes this repo's coding conventions for file placement, tests, API shape, component authoring, and commit messages.

    395 GitHub stars~210 tokensUpdated 9 days ago
    Auto-check passed

Works with

Questions about Rocket

What does Rocket do?

A skill your agent uses when editing Rocket Pages, config, layouts, component reference Pages, or build behavior in this project. Rocket is an agent skill from modernweb-dev/rocket. Use when editing Rocket Pages, config, layouts, component reference Pages, or build behavior in this project.

When should I use Rocket?

Rocket fits situations like: editing Rocket Pages; component reference Pages; build behavior in this project.

How do I install Rocket in Claude Code?

Run `npx skills add modernweb-dev/rocket --skill rocket -a claude-code`. Or copy the skill folder (.agents/skills/rocket in modernweb-dev/rocket) into .claude/skills/rocket in your project. Claude Code loads it when a task matches its description.

How do I install Rocket in Codex?

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

Can I use Rocket 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 modernweb-dev/rocket --skill rocket -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/rocket, .gemini/skills/rocket, .github/skills/rocket and .opencode/skills/rocket in your project.

What does Rocket need to run?

Going by SKILL.md and its folder, Rocket needs the command-line tools its instructions call (npm, npx and curl). Our summary lists: Node.js.

Does Rocket access the network?

SKILL.md contains no URLs. Its commands use npm, npx and curl, which can reach the network depending on how they are called. This is read from the text; nothing was executed.

Is Rocket 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 Rocket use?

Rocket is published under the MIT licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.

How many tokens does Rocket use?

About 536 tokens (SKILL.md is roughly 2.1k 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 Rocket?

Skills that share tags, products or a category with Rocket: Create Docs (victorgarciaesgi/nuxt-typed-router, 413 stars), Oryxos Admin UI (oryx-labs/oryxos, 187 stars), Update Docs PR (opentiny/genui-sdk, 171 stars) and User Docs (letehaha/moneymatter, 158 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Rocket?

modernweb-dev (a GitHub organization) maintains it in modernweb-dev/rocket, which has 395 GitHub stars. The repository holds 3 skills in this directory. The repository was last updated on September 28, 2026.

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