Agent skill

Nextjs Nextra Starter Distill Zh

by pdsuwwz in pdsuwwz/nextjs-nextra-starter

蒸馏并应用当前仓库的 Next.js Nextra 启动模板架构、已实现功能、二次开发扩展点与迁移模式。适用于理解本项目、继续二次开发、修改 docs/landing/i18n/theme/auth/UI 行为,或把这些 Next.js 16 + Nextra 4 + Tailwind CSS 4 模式复用到其他项目。

MITAuto-check passedFrontend & Design

Install Nextjs Nextra Starter Distill Zh

skills CLI
$ npx skills add pdsuwwz/nextjs-nextra-starter --skill nextjs-nextra-starter-distill-zh -a claude-code

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

GitHub CLI
$ gh skill install pdsuwwz/nextjs-nextra-starter nextjs-nextra-starter-distill-zh --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/pdsuwwz/nextjs-nextra-starter.git skills-src && mkdir -p .claude/skills && cp -r skills-src/.agents/skills/nextjs-nextra-starter-distill-zh .claude/skills/nextjs-nextra-starter-distill-zh && 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
nextjs-nextra-starter-distill-zh
GitHub stars
318
Token cost
~313 tokens
SKILL.md length
90 words
Files
7 (incl. references)
Skills in repo
2
Repo updated
First seen
Licence
MIT

At a glance

蒸馏并应用当前仓库的 Next.js Nextra 启动模板架构、已实现功能、二次开发扩展点与迁移模式。适用于理解本项目、继续二次开发、修改 docs/landing/i18n/theme/auth/UI 行为,或把这些 Next.js 16 + Nextra 4 + Tailwind CSS 4 模式复用到其他项目。

  • Works in 6 steps: 先判断用户目标是理解、扩展、迁移还是审查。 → 读取对应 reference。 → 按 reference 中的源码路径检查当前实现。 → …
  • Tasks that involve Internationalization
  • SKILL.md covers Reference 路由, 工作流 and 注意事项
  • Calls pnpm

What it does

Nextjs Nextra Starter Distill Zh is an agent skill from pdsuwwz/nextjs-nextra-starter. 蒸馏并应用当前仓库的 Next.js Nextra 启动模板架构、已实现功能、二次开发扩展点与迁移模式。适用于理解本项目、继续二次开发、修改 docs/landing/i18n/theme/auth/UI 行为,或把这些 Next.js 16 + Nextra 4 + Tailwind CSS 4 模式复用到其他项目。

Its SKILL.md is about 310 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, React and Vercel. 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

  • Tasks that involve Internationalization
  • Tasks that involve Design systems

Example prompts

  • “/nextjs-nextra-starter-distill-zh”

Workflow steps

6 steps, taken from the first numbered list in SKILL.md.

  1. 先判断用户目标是理解、扩展、迁移还是审查。
  2. 读取对应 reference。
  3. 按 reference 中的源码路径检查当前实现。
  4. 除非用户明确要求替换,否则保留 Nextra、语言、主题和 MDX 的集成点。
  5. 当前 auth 流程默认视为前端演示;只有仓库已加入真实后端/session 后才按生产鉴权处理。
  6. 涉及运行时行为时,使用最窄有效验证命令,通常是 pnpm lint 或 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 Zh loads about 313 tokens when it runs, and up to ~5.2k if it reads all its reference files. Until then it costs about 48 tokens; SKILL.md has 90 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~48
When it runs · the whole SKILL.md, loaded when a task matches
~313
With references · SKILL.md plus every file in references/, read only if the agent opens them
~5.2k

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). 90 words, ~313 tokens.

Download SKILL.mdSave it as .claude/skills/nextjs-nextra-starter-distill-zh/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-zh
description
蒸馏并应用当前仓库的 Next.js Nextra 启动模板架构、已实现功能、二次开发扩展点与迁移模式。适用于理解本项目、继续二次开发、修改 docs/landing/i18n/theme/auth/UI 行为,或把这些 Next.js 16 + Nextra 4 + Tailwind CSS 4 模式复用到其他项目。

Next.js Nextra Starter 蒸馏

使用这个项目内 Skill 来理解、扩展或选择性迁移 nextjs-nextra-starter 的实现。reference 文件是蒸馏后的指南;做结论或改代码前,仍然要读取当前源码,因为仓库可能已经变化。

Reference 路由

  • 架构、模块边界、文件职责:读取 references/architecture.md。
  • 功能清单、产品能力、实现状态:读取 references/feature-map.md。
  • 复用实现模式、改造已有模式:读取 references/implementation-patterns.md。
  • 在本仓库继续二次开发:读取 references/extension-guide.md。
  • 把模式迁移到其他项目:读取 references/migration-notes.md。

只读取当前任务需要的 reference。跨边界任务可以组合读取,例如新增多语言 landing section 时同时读取实现模式和二开指南。

工作流

  1. 先判断用户目标是理解、扩展、迁移还是审查。
  2. 读取对应 reference。
  3. 按 reference 中的源码路径检查当前实现。
  4. 除非用户明确要求替换,否则保留 Nextra、语言、主题和 MDX 的集成点。
  5. 当前 auth 流程默认视为前端演示;只有仓库已加入真实后端/session 后才按生产鉴权处理。
  6. 涉及运行时行为时,使用最窄有效验证命令,通常是 pnpm lint 或 pnpm build。

注意事项

  • 这个 starter 组合了文档站、产品落地页、i18n、主题控制和 UI primitives,不要当成普通 Next.js app 处理。
  • src/content/zh 和 src/content/en 是内容源;src/i18n 存放 React 组件复用的 UI 文案。
  • _meta.tsx 控制 Nextra 导航和页面级布局行为。
  • 一些 client widget 会适配 Nextra 渲染出的 DOM;升级 Nextra 时要重新检查选择器。
  • 不要把演示 auth、占位 analytics、静态 metadata 或示例产品文案直接复制到生产环境。

© 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-zh 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 Zh 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.

Nextjs Nextra Starter Distill Zh compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Nextjs Nextra Starter Distill Zh this skillpdsuwwz/nextjs-nextra-starter318—~313Automated safety check: PassMIT
Cosscrafter-station/petdex4.2k—~1.4kAutomated safety check: PassMIT
Creative Tim UI Blockscreativetimofficial/ui12k—~2.1kAutomated safety check: NotesMIT
Ss Learnbitjaru/styleseed973—~1.3kAutomated safety check: PassMIT
Styleseedbitjaru/styleseed973—~1.1kAutomated safety check: PassMIT
UI Design Systemtry-works/role-model117—~5kAutomated safety check: PassMIT

Similar skills

  • Coss

    crafter-station/petdex

    Helps implement coss UI components correctly. An agent skill from crafter-station/petdex.

    4.2k GitHub stars~1.4k tokensUpdated today
    Frontend & DesignAuto-check passed
  • 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.

    12k GitHub stars~2.1k tokensUpdated 7 mo ago
    Frontend & DesignAuto-check: notes
  • 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…

    973 GitHub stars~1.3k tokensUpdated 2 days ago
    Frontend & DesignAuto-check passed
  • Styleseed

    bitjaru/styleseed

    Build, improve, or inspect UI with StyleSeed. An agent skill from bitjaru/styleseed.

    973 GitHub stars~1.1k tokensUpdated 2 days ago
    Frontend & DesignAuto-check passed
  • UI Design System

    try-works/role-model

    React UI component systems with TailwindCSS + Radix + shadcn/ui.

    117 GitHub stars~5k tokensUpdated today
    Frontend & DesignAuto-check passed
  • Shadcn Tailwind UI

    LiarMTTT/TavernWeave

    Build, restyle, or review accessible React interfaces that use shadcn/ui, Radix UI primitives, and Tailwind CSS.

    154 GitHub stars~1.7k tokensUpdated 7 days ago
    Frontend & DesignAuto-check passed

More from pdsuwwz/nextjs-nextra-starter

  • Nextjs Nextra Starter Distill

    pdsuwwz/nextjs-nextra-starter

    Distill and apply this repository's Next.js Nextra starter architecture, implemented features, extension points, and migration patterns.

    318 GitHub stars~596 tokensUpdated 24 days ago
    Auto-check passed

Questions about Nextjs Nextra Starter Distill Zh

What does Nextjs Nextra Starter Distill Zh do?

蒸馏并应用当前仓库的 Next.js Nextra 启动模板架构、已实现功能、二次开发扩展点与迁移模式。适用于理解本项目、继续二次开发、修改 docs/landing/i18n/theme/auth/UI 行为,或把这些 Next.js 16 + Nextra 4 + Tailwind CSS 4 模式复用到其他项目。. Nextjs Nextra Starter Distill Zh is an agent skill from pdsuwwz/nextjs-nextra-starter.

When should I use Nextjs Nextra Starter Distill Zh?

Nextjs Nextra Starter Distill Zh fits situations like: tasks that involve Internationalization; tasks that involve Design systems.

How do I install Nextjs Nextra Starter Distill Zh in Claude Code?

Run `npx skills add pdsuwwz/nextjs-nextra-starter --skill nextjs-nextra-starter-distill-zh -a claude-code`. Or copy the skill folder (.agents/skills/nextjs-nextra-starter-distill-zh in pdsuwwz/nextjs-nextra-starter) into .claude/skills/nextjs-nextra-starter-distill-zh in your project. Claude Code loads it when a task matches its description.

How do I install Nextjs Nextra Starter Distill Zh in Codex?

Run `npx skills add pdsuwwz/nextjs-nextra-starter --skill nextjs-nextra-starter-distill-zh -a codex`. Or copy the skill folder (.agents/skills/nextjs-nextra-starter-distill-zh in pdsuwwz/nextjs-nextra-starter) into .agents/skills/nextjs-nextra-starter-distill-zh in your project. Codex loads it when a task matches its description.

Can I use Nextjs Nextra Starter Distill Zh 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-zh -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-zh, .gemini/skills/nextjs-nextra-starter-distill-zh, .github/skills/nextjs-nextra-starter-distill-zh and .opencode/skills/nextjs-nextra-starter-distill-zh in your project.

What does Nextjs Nextra Starter Distill Zh need to run?

Going by SKILL.md and its folder, Nextjs Nextra Starter Distill Zh needs the command-line tools its instructions call (pnpm).

Does Nextjs Nextra Starter Distill Zh 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 Zh 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 Zh use?

Nextjs Nextra Starter Distill Zh 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 Zh use?

About 313 tokens (SKILL.md is roughly 1.3k 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 4.9k tokens, read only when the agent opens those files.

What are the alternatives to Nextjs Nextra Starter Distill Zh?

Skills that share tags, products or a category with Nextjs Nextra Starter Distill Zh: 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 Zh?

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.