Coss
crafter-station/petdex
Helps implement coss UI components correctly. An agent skill from crafter-station/petdex.
Distill and apply this repository's Next.js Nextra starter architecture, implemented features, extension points, and migration patterns.
Install Nextjs Nextra Starter Distill
$ npx skills add pdsuwwz/nextjs-nextra-starter --skill nextjs-nextra-starter-distill -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install pdsuwwz/nextjs-nextra-starter nextjs-nextra-starter-distill --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/pdsuwwz/nextjs-nextra-starter.git skills-src && mkdir -p .claude/skills && cp -r skills-src/.agents/skills/nextjs-nextra-starter-distill .claude/skills/nextjs-nextra-starter-distill && 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 "nextjs-nextra-starter-distill" agent skill from https://github.com/pdsuwwz/nextjs-nextra-starter/tree/main/.agents/skills/nextjs-nextra-starter-distill into .claude/skills/nextjs-nextra-starter-distill/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "nextjs-nextra-starter-distill", 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/pdsuwwz/nextjs-nextra-starter/tree/main/.agents/skills/nextjs-nextra-starter-distillType 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 pdsuwwz/nextjs-nextra-starter --skill nextjs-nextra-starter-distill -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install pdsuwwz/nextjs-nextra-starter nextjs-nextra-starter-distill --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/pdsuwwz/nextjs-nextra-starter.git skills-src && mkdir -p .agents/skills && cp -r skills-src/.agents/skills/nextjs-nextra-starter-distill .agents/skills/nextjs-nextra-starter-distill && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "nextjs-nextra-starter-distill" agent skill from https://github.com/pdsuwwz/nextjs-nextra-starter/tree/main/.agents/skills/nextjs-nextra-starter-distill into .agents/skills/nextjs-nextra-starter-distill/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "nextjs-nextra-starter-distill", 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 pdsuwwz/nextjs-nextra-starter --skill nextjs-nextra-starter-distill -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install pdsuwwz/nextjs-nextra-starter nextjs-nextra-starter-distill --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/pdsuwwz/nextjs-nextra-starter.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/.agents/skills/nextjs-nextra-starter-distill .cursor/skills/nextjs-nextra-starter-distill && 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 "nextjs-nextra-starter-distill" agent skill from https://github.com/pdsuwwz/nextjs-nextra-starter/tree/main/.agents/skills/nextjs-nextra-starter-distill into .cursor/skills/nextjs-nextra-starter-distill/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "nextjs-nextra-starter-distill", 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/pdsuwwz/nextjs-nextra-starter.git --path .agents/skills/nextjs-nextra-starter-distill--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 pdsuwwz/nextjs-nextra-starter --skill nextjs-nextra-starter-distill -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install pdsuwwz/nextjs-nextra-starter nextjs-nextra-starter-distill --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/pdsuwwz/nextjs-nextra-starter.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/.agents/skills/nextjs-nextra-starter-distill .gemini/skills/nextjs-nextra-starter-distill && 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 "nextjs-nextra-starter-distill" agent skill from https://github.com/pdsuwwz/nextjs-nextra-starter/tree/main/.agents/skills/nextjs-nextra-starter-distill into .gemini/skills/nextjs-nextra-starter-distill/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "nextjs-nextra-starter-distill", 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 pdsuwwz/nextjs-nextra-starter nextjs-nextra-starter-distillInstalls 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 pdsuwwz/nextjs-nextra-starter --skill nextjs-nextra-starter-distill -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/pdsuwwz/nextjs-nextra-starter.git skills-src && mkdir -p .github/skills && cp -r skills-src/.agents/skills/nextjs-nextra-starter-distill .github/skills/nextjs-nextra-starter-distill && 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 "nextjs-nextra-starter-distill" agent skill from https://github.com/pdsuwwz/nextjs-nextra-starter/tree/main/.agents/skills/nextjs-nextra-starter-distill into .github/skills/nextjs-nextra-starter-distill/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "nextjs-nextra-starter-distill", 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 pdsuwwz/nextjs-nextra-starter --skill nextjs-nextra-starter-distill -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install pdsuwwz/nextjs-nextra-starter nextjs-nextra-starter-distill --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/pdsuwwz/nextjs-nextra-starter.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/.agents/skills/nextjs-nextra-starter-distill .opencode/skills/nextjs-nextra-starter-distill && 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 "nextjs-nextra-starter-distill" agent skill from https://github.com/pdsuwwz/nextjs-nextra-starter/tree/main/.agents/skills/nextjs-nextra-starter-distill into .opencode/skills/nextjs-nextra-starter-distill/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "nextjs-nextra-starter-distill", 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
nextjs-nextra-starter-distill- GitHub stars
- 318
- Token cost
- ~596 tokens
- SKILL.md length
- 255 words
- Files
- 7 (incl. references)
- Skills in repo
- 2
- Repo updated
- First seen
- Licence
- MIT
At a glance
Distill and apply this repository's Next.js Nextra starter architecture, implemented features, extension points, and migration patterns.
- Works in 6 steps: Classify the request as understanding,… → Read the relevant reference file(s). → Inspect live source paths cited by the… → …
- Codex needs to understand this project
- SKILL.md covers Reference Router, Workflow and Operating Notes
- Calls pnpm
What it does
Nextjs Nextra Starter Distill is an agent skill from pdsuwwz/nextjs-nextra-starter. Distill and apply this repository's Next.js Nextra starter architecture, implemented features, extension points, and migration patterns. Use when Codex needs to understand this project, continue second-stage development, add or change docs/landing/i18n/theme/auth/UI behavior, or reuse these Next.js 16 + Nextra 4 + Tailwind CSS 4 patterns in another project.
Its SKILL.md is about 600 tokens, which your agent loads only when the skill is triggered. The skill folder holds 8 other files, including reference files (for example `agents/openai.yaml`, `references/architecture.md` and `references/extension-guide.md`).
It sits in Frontend & Design, covering Internationalization and Design systems. It works with Next.js, Tailwind CSS, Vercel and React. The repository describes itself as: 🔥 面向独立开发者与小团队的 Next.js (v16) 快速启动模板: 集成 Tailwind CSS (v4)、React (v19)、Nextra (v4)、TypeScript、Shadcn UI、Radix UI、Aceternity UI、Sass、ESLint (v10)、Iconify 与 i18n… The licence is MIT.
When your agent uses it
- Codex needs to understand this project
- Continue second-stage development
- Change docs/landing/i18n/theme/auth/UI behavior
- Reuse these Next.js 16 + Nextra 4 + Tailwind CSS 4 patterns in another project
Example prompts
- “/nextjs-nextra-starter-distill”
Workflow steps
6 steps, taken from the first numbered list in SKILL.md.
- Classify the request as understanding, extension, migration, or review.
- Read the relevant reference file(s).
- Inspect live source paths cited by the references before making claims or edits.
- Preserve the Nextra, locale, theme, and MDX integration points unless the user asks to replace them.
- Treat the current auth flow as a front-end demo unless real backend/session code has been added.
- For runtime changes, verify with the narrowest useful command, usually pnpm lint or pnpm build.
What it can do on your machine
Read from SKILL.md and the folder at commit 05b8bd4. 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:
pnpm
From the folder's file list and the shell code blocks in SKILL.md.
Network
No URLs in SKILL.md. Its commands use pnpm, 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
Nextjs Nextra Starter Distill loads about 596 tokens when it runs, and up to ~5.6k if it reads all its reference files. Until then it costs about 97 tokens; SKILL.md has 255 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 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 pdsuwwz/nextjs-nextra-starter at commit 05b8bd4, republished under its MIT licence (© pdsuwwz). 255 words, ~596 tokens.
Download SKILL.mdSave it as
.claude/skills/nextjs-nextra-starter-distill/SKILL.md (or your agent's skills folder). This skill also uses 6 other files; get the full folder from GitHub.- name
- nextjs-nextra-starter-distill
- description
- Distill and apply this repository's Next.js Nextra starter architecture, implemented features, extension points, and migration patterns. Use when Codex needs to understand this project, continue second-stage development, add or change docs/landing/i18n/theme/auth/UI behavior, or reuse these Next.js 16 + Nextra 4 + Tailwind CSS 4 patterns in another project.
Next.js Nextra Starter Distill
Use this project-local Skill to understand, extend, or selectively migrate the nextjs-nextra-starter implementation. Treat the reference files as distilled guidance, then inspect the current source before editing because the repository may have changed.
Reference Router
- Architecture or ownership questions: read
references/architecture.md. - Feature inventory or product capability questions: read
references/feature-map.md. - Implementation pattern reuse questions: read
references/implementation-patterns.md. - Second-stage development tasks in this repo: read
references/extension-guide.md. - Borrowing these patterns in another repo: read
references/migration-notes.md.
Read only the references needed for the user request. Load multiple files when a task crosses boundaries, such as adding a localized landing page section.
Workflow
- Classify the request as understanding, extension, migration, or review.
- Read the relevant reference file(s).
- Inspect live source paths cited by the references before making claims or edits.
- Preserve the Nextra, locale, theme, and MDX integration points unless the user asks to replace them.
- Treat the current auth flow as a front-end demo unless real backend/session code has been added.
- For runtime changes, verify with the narrowest useful command, usually
pnpm lintorpnpm build.
Operating Notes
- This starter combines docs, product landing pages, i18n, theme controls, and UI primitives. Avoid treating it as a generic Next.js app.
- The
src/content/zhandsrc/content/entrees are content sources, whilesrc/i18nstores reusable UI copy. _meta.tsxfiles control Nextra navigation and page-level layout behavior.- Client widgets often adapt Nextra-rendered DOM. Recheck selectors when upgrading Nextra.
- Do not copy demo auth, placeholder analytics, static metadata, or product copy into production without replacing them.
© pdsuwwz, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file
Files
SKILL.md and 6 other files (references) in .agents/skills/nextjs-nextra-starter-distill of pdsuwwz/nextjs-nextra-starter.
- SKILL.md
- agents/openai.yaml
- references/architecture.md
- references/extension-guide.md
- references/feature-map.md
- references/implementation-patterns.md
- references/migration-notes.md
Open the folder on GitHubat commit 05b8bd4
Compare with similar skills
Nextjs Nextra Starter Distill 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 |
|---|---|---|---|---|---|---|
| Nextjs Nextra Starter Distill this skillpdsuwwz/nextjs-nextra-starter | 318 | — | ~596 | Automated safety check: Pass | MIT | |
| Cosscrafter-station/petdex | 4.2k | — | ~1.4k | Automated safety check: Pass | MIT | |
| Creative Tim UI Blockscreativetimofficial/ui | 12k | — | ~2.1k | Automated safety check: Notes | MIT | |
| Ss Learnbitjaru/styleseed | 973 | — | ~1.3k | Automated safety check: Pass | MIT | |
| Styleseedbitjaru/styleseed | 973 | — | ~1.1k | Automated safety check: Pass | MIT | |
| UI Design Systemtry-works/role-model | 117 | — | ~5k | Automated safety check: Pass | MIT |
Similar skills
Creative Tim UI Blocks
creativetimofficial/ui
Helps install, generate and review Creative Tim UI blocks: shadcn/ui-based React and Tailwind sections that follow a restrained, production-minded design philosophy.
Ss Learn
bitjaru/styleseed
Capture a human-approved UI design lesson as a privacy-minimized local StyleSeed candidate, review it, and prepare an opt-in share package without transmitting project code, prompts, screenshots, or…
Styleseed
bitjaru/styleseed
Build, improve, or inspect UI with StyleSeed. An agent skill from bitjaru/styleseed.
UI Design System
try-works/role-model
React UI component systems with TailwindCSS + Radix + shadcn/ui.
Shadcn Tailwind UI
LiarMTTT/TavernWeave
Build, restyle, or review accessible React interfaces that use shadcn/ui, Radix UI primitives, and Tailwind CSS.
More from pdsuwwz/nextjs-nextra-starter
Nextjs Nextra Starter Distill Zh
pdsuwwz/nextjs-nextra-starter
蒸馏并应用当前仓库的 Next.js Nextra 启动模板架构、已实现功能、二次开发扩展点与迁移模式。适用于理解本项目、继续二次开发、修改 docs/landing/i18n/theme/auth/UI 行为，或把这些 Next.js 16 + Nextra 4 + Tailwind CSS 4 模式复用到其他项目。
Related
Works with
Categories
Questions about Nextjs Nextra Starter Distill
What does Nextjs Nextra Starter Distill do?
Distill and apply this repository's Next.js Nextra starter architecture, implemented features, extension points, and migration patterns. Nextjs Nextra Starter Distill is an agent skill from pdsuwwz/nextjs-nextra-starter.js Nextra starter architecture, implemented features, extension points, and migration patterns.
When should I use Nextjs Nextra Starter Distill?
Nextjs Nextra Starter Distill fits situations like: Codex needs to understand this project; continue second-stage development; change docs/landing/i18n/theme/auth/UI behavior; reuse these Next.js 16 + Nextra 4 + Tailwind CSS 4 patterns in another project.
How do I install Nextjs Nextra Starter Distill in Claude Code?
Run `npx skills add pdsuwwz/nextjs-nextra-starter --skill nextjs-nextra-starter-distill -a claude-code`. Or copy the skill folder (.agents/skills/nextjs-nextra-starter-distill in pdsuwwz/nextjs-nextra-starter) into .claude/skills/nextjs-nextra-starter-distill in your project. Claude Code loads it when a task matches its description.
How do I install Nextjs Nextra Starter Distill in Codex?
Run `npx skills add pdsuwwz/nextjs-nextra-starter --skill nextjs-nextra-starter-distill -a codex`. Or copy the skill folder (.agents/skills/nextjs-nextra-starter-distill in pdsuwwz/nextjs-nextra-starter) into .agents/skills/nextjs-nextra-starter-distill in your project. Codex loads it when a task matches its description.
Can I use Nextjs Nextra Starter Distill 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 pdsuwwz/nextjs-nextra-starter --skill nextjs-nextra-starter-distill -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/nextjs-nextra-starter-distill, .gemini/skills/nextjs-nextra-starter-distill, .github/skills/nextjs-nextra-starter-distill and .opencode/skills/nextjs-nextra-starter-distill in your project.
What does Nextjs Nextra Starter Distill need to run?
Going by SKILL.md and its folder, Nextjs Nextra Starter Distill needs the command-line tools its instructions call (pnpm).
Does Nextjs Nextra Starter Distill access the network?
SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. This is read from the text; nothing was executed.
Is Nextjs Nextra Starter Distill 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 Nextjs Nextra Starter Distill use?
Nextjs Nextra Starter Distill 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 Nextjs Nextra Starter Distill use?
About 596 tokens (SKILL.md is roughly 2.4k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full. Its references folder adds about 5k tokens, read only when the agent opens those files.
What are the alternatives to Nextjs Nextra Starter Distill?
Skills that share tags, products or a category with Nextjs Nextra Starter Distill: Coss (crafter-station/petdex, 4.2k stars), Creative Tim UI Blocks (creativetimofficial/ui, 12k stars), Ss Learn (bitjaru/styleseed, 973 stars) and Styleseed (bitjaru/styleseed, 973 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
Who maintains Nextjs Nextra Starter Distill?
pdsuwwz (a GitHub user) maintains it in pdsuwwz/nextjs-nextra-starter, which has 318 GitHub stars. The repository holds 2 skills in this directory. The repository was last updated on September 17, 2026.
Source: pdsuwwz/nextjs-nextra-starter on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.