Tabler Astro Dev Server
tabler/tabler
Starts the right Tabler dev server, keeps it from clashing with builds and verifies changes in the browser before a page or component is handed back.
Add a new page to the Astro + Strapi project. An agent skill from PaulBratslavsky/astro-strapi-example-project.
Install Add Page
$ npx skills add PaulBratslavsky/astro-strapi-example-project --skill add-page -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install PaulBratslavsky/astro-strapi-example-project add-page --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/PaulBratslavsky/astro-strapi-example-project.git skills-src && mkdir -p .claude/skills && cp -r skills-src/.claude/skills/add-page .claude/skills/add-page && 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 "add-page" agent skill from https://github.com/PaulBratslavsky/astro-strapi-example-project/tree/main/.claude/skills/add-page into .claude/skills/add-page/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "add-page", 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/PaulBratslavsky/astro-strapi-example-project/tree/main/.claude/skills/add-pageType 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 PaulBratslavsky/astro-strapi-example-project --skill add-page -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install PaulBratslavsky/astro-strapi-example-project add-page --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/PaulBratslavsky/astro-strapi-example-project.git skills-src && mkdir -p .agents/skills && cp -r skills-src/.claude/skills/add-page .agents/skills/add-page && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "add-page" agent skill from https://github.com/PaulBratslavsky/astro-strapi-example-project/tree/main/.claude/skills/add-page into .agents/skills/add-page/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "add-page", 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 PaulBratslavsky/astro-strapi-example-project --skill add-page -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install PaulBratslavsky/astro-strapi-example-project add-page --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/PaulBratslavsky/astro-strapi-example-project.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/.claude/skills/add-page .cursor/skills/add-page && 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 "add-page" agent skill from https://github.com/PaulBratslavsky/astro-strapi-example-project/tree/main/.claude/skills/add-page into .cursor/skills/add-page/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "add-page", 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/PaulBratslavsky/astro-strapi-example-project.git --path .claude/skills/add-page--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 PaulBratslavsky/astro-strapi-example-project --skill add-page -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install PaulBratslavsky/astro-strapi-example-project add-page --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/PaulBratslavsky/astro-strapi-example-project.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/.claude/skills/add-page .gemini/skills/add-page && 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 "add-page" agent skill from https://github.com/PaulBratslavsky/astro-strapi-example-project/tree/main/.claude/skills/add-page into .gemini/skills/add-page/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "add-page", 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 PaulBratslavsky/astro-strapi-example-project add-pageInstalls 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 PaulBratslavsky/astro-strapi-example-project --skill add-page -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/PaulBratslavsky/astro-strapi-example-project.git skills-src && mkdir -p .github/skills && cp -r skills-src/.claude/skills/add-page .github/skills/add-page && 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 "add-page" agent skill from https://github.com/PaulBratslavsky/astro-strapi-example-project/tree/main/.claude/skills/add-page into .github/skills/add-page/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "add-page", 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 PaulBratslavsky/astro-strapi-example-project --skill add-page -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install PaulBratslavsky/astro-strapi-example-project add-page --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/PaulBratslavsky/astro-strapi-example-project.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/.claude/skills/add-page .opencode/skills/add-page && 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 "add-page" agent skill from https://github.com/PaulBratslavsky/astro-strapi-example-project/tree/main/.claude/skills/add-page into .opencode/skills/add-page/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "add-page", 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.
Facts
- Skill name
add-page- GitHub stars
- 104
- Token cost
- ~6.1k tokens
- SKILL.md length
- 1,722 words
- Files
- 3
- Skills in repo
- 1
- Repo updated
- First seen
- Licence
- None found
At a glance
Add a new page to the Astro + Strapi project. An agent skill from PaulBratslavsky/astro-strapi-example-project.
- Works in 6 steps: Determine Page Type and Gather… → Reference the Existing Project Structure → Seed Data, Permissions, Images, and… → …
- The user wants to add a new page like products
- SKILL.md covers Usage, Execution Steps, Block-Based Page Path… and Collection Page Path…
- Calls yarn and node; reaches picsum.photos
What it does
Add Page is an agent skill from PaulBratslavsky/astro-strapi-example-project. Add a new page to the Astro + Strapi project. Creates the Strapi content type (with schema, controller, routes, service), seeds data with placeholder images via the Strapi API, generates the Astro page template, updates the content collection config, and adds a navigation link to the Global header. Use when the user wants to add a new page like "products", "services", "pricing", "team", or any custom page to their site.
Its SKILL.md is about 6.1k tokens, which your agent loads only when the skill is triggered. The skill folder holds 2 other files (for example `design-patterns.md` and `populate-best-practices.md`).
It sits in Frontend & Design, covering Static sites and blogs. It works with Astro.
When your agent uses it
- The user wants to add a new page like products
- Any custom page to their site
Example prompts
- “products”
- “services”
- “pricing”
- “/add-page”
Requirements
- Pre-approved tools (allowed-tools): Bash, Read, Write, Edit, Glob, Grep, AskUserQuestion
Workflow steps
6 steps, taken from the step headings in SKILL.md.
- Determine Page Type and Gather Requirements
- Reference the Existing Project Structure
- Seed Data, Permissions, Images, and Navigation
- Update Astro Content Config
- Create Astro Pages
- Summary
What it can do on your machine
Read from SKILL.md and the folder at commit 42a91ba. It shows what the files ask for, not the result of running them.
Tool permissions
Pre-approves these tools, so the agent can use them without asking each time:
BashReadWriteEditGlobGrepAskUserQuestion
From allowed-tools in the SKILL.md frontmatter.
Runs code
Shell commands in SKILL.md call:
yarnnode
From the folder's file list and the shell code blocks in SKILL.md.
Network
Hosts in commands or code, which the agent is likely to contact:
picsum.photos
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
Add Page loads about 6.1k tokens when it runs. Until then it costs about 108 tokens; SKILL.md has 1,722 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.
Safety
Auto-check: notes
The automated check noted patterns worth knowing about, such as sudo or a known installer.
- NotePre-approves every shell command (allowed-tools: Bash)SKILL.md
allowed-tools: Bash, Read, Write, Edit, Glob, Grep, AskUserQuestion
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
Without a licence we can't republish the file, so here is its outline and opening line. It has 1,722 words (~6,098 tokens).
“Add a new page to the Astro + Strapi starter project. This skill supports two page architectures:”
- name
- add-page
- allowed-tools
- Bash, Read, Write, Edit, Glob, Grep, AskUserQuestion
Files
SKILL.md and 2 other files in .claude/skills/add-page of PaulBratslavsky/astro-strapi-example-project.
- SKILL.md
- design-patterns.md
- populate-best-practices.md
Open the folder on GitHubat commit 42a91ba
Compare with similar skills
Add Page 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 |
|---|---|---|---|---|---|---|
| Add Page this skillPaulBratslavsky/astro-strapi-example-project | 104 | — | ~6.1k | Automated safety check: Notes | None | |
| Tabler Astro Dev Servertabler/tabler | 42k | — | ~1.2k | Automated safety check: Pass | MIT | |
| Tabler Astro Component Scriptstabler/tabler | 42k | — | ~2.1k | Automated safety check: Pass | MIT | |
| Kill AI Slopyetone/kill-ai-slop | 1.3k | — | ~1.4k | Automated safety check: Pass | Apache-2.0 | |
| Motion Dev Animations199-biotechnologies/motion-dev-animations-skill | 133 | 1 repos | ~2.8k | Automated safety check: Notes | MIT | |
| Astrodevantler-tech/ksail | 165 | 3 repos | ~1.1k | Automated safety check: Pass | MIT |
Similar skills
Tabler Astro Component Scripts
tabler/tabler
Rules for adding or fixing client-side scripts in Tabler's Astro components so the copied preview HTML stays readable, self-contained and runs in the right order.
Kill AI Slop
yetone/kill-ai-slop
Find and remove AI slop — the generic, machine-default visual and copy tics of vibe-coded products — from a web project.
Motion Dev Animations
199-biotechnologies/motion-dev-animations-skill
Creates 120fps GPU-accelerated animations with Motion.dev (Framer Motion successor) for React, Next.js, Svelte, and Astro projects.
Astro
devantler-tech/ksail
Skill for building with the Astro web framework. An agent skill from devantler-tech/ksail.
UI Upstream Sync
fulldotdev/ui
Audit and update the existing Fulldev Astro UI registry against current data-slot and shadcn/ui Base UI Vega.
Related
Works with
Categories
Questions about Add Page
What does Add Page do?
Add a new page to the Astro + Strapi project. An agent skill from PaulBratslavsky/astro-strapi-example-project. Add Page is an agent skill from PaulBratslavsky/astro-strapi-example-project. Add a new page to the Astro + Strapi project.
When should I use Add Page?
Add Page fits situations like: the user wants to add a new page like products; any custom page to their site.
How do I install Add Page in Claude Code?
Run `npx skills add PaulBratslavsky/astro-strapi-example-project --skill add-page -a claude-code`. Or copy the skill folder (.claude/skills/add-page in PaulBratslavsky/astro-strapi-example-project) into .claude/skills/add-page in your project. Claude Code loads it when a task matches its description.
How do I install Add Page in Codex?
Run `npx skills add PaulBratslavsky/astro-strapi-example-project --skill add-page -a codex`. Or copy the skill folder (.claude/skills/add-page in PaulBratslavsky/astro-strapi-example-project) into .agents/skills/add-page in your project. Codex loads it when a task matches its description.
Can I use Add Page 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 PaulBratslavsky/astro-strapi-example-project --skill add-page -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/add-page, .gemini/skills/add-page, .github/skills/add-page and .opencode/skills/add-page in your project.
What does Add Page need to run?
Going by SKILL.md and its folder, Add Page needs the command-line tools its instructions call (yarn and node). Its frontmatter pre-approves these tools: Bash, Read, Write, Edit, Glob, Grep, AskUserQuestion.
Does Add Page access the network?
SKILL.md names 1 domain. In commands or code: picsum.photos; the agent is likely to contact it when it follows the instructions. This is read from the text; nothing was executed.
Is Add Page safe to install?
Our automated static check of SKILL.md found notes only (pre-approves every shell command (allowed-tools: bash)), nothing it rates as a warning. It is not a guarantee. Review the folder before installing.
What licence does Add Page use?
No licence was found for Add Page or its repository. Without one, default copyright applies: ask the author before reusing or redistributing it.
How many tokens does Add Page use?
About 6.1k tokens (SKILL.md is roughly 24k 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 Add Page?
Skills that share tags, products or a category with Add Page: Tabler Astro Dev Server (tabler/tabler, 42k stars), Tabler Astro Component Scripts (tabler/tabler, 42k stars), Kill AI Slop (yetone/kill-ai-slop, 1.3k stars) and Motion Dev Animations (199-biotechnologies/motion-dev-animations-skill, 133 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
Who maintains Add Page?
PaulBratslavsky (a GitHub user) maintains it in PaulBratslavsky/astro-strapi-example-project, which has 104 GitHub stars. The repository was last updated on April 8, 2026.
Source: PaulBratslavsky/astro-strapi-example-project on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.