@frontmcp/skills

中文文档
1.12.2发布于 2026/11/15Apache-2.0TypeScriptCommonJS构建来源已验证近 30 天下载 6845

FrontMCP's skills catalog: SKILL.md instructions that teach coding agents to build, test and deploy FrontMCP servers

原始使用文档
文档目录13 节
  1. Installing skills
  2. The catalog
  3. Reading the catalog from code
  4. Docs
  5. Related packages
  6. Contributing
  7. Structure
  8. SKILL.md Frontmatter
  9. Adding a New Skill
  10. Adding Example Files
  11. Manifest Entry
  12. Validation
  13. License

@frontmcp/skills

FrontMCP's skills catalog: folders of instructions (SKILL.md, references and examples) that teach a coding agent, such as Claude Code or Codex, how to build, test and deploy a FrontMCP server. The frontmcp CLI reads it to install skills into your project; you rarely install this package yourself.

npm License

Installing skills

Use the CLI, which depends on this package:

npx frontmcp skills list                            # the catalog, by category
npx frontmcp skills search "openapi"                # rank skills by a query
npx frontmcp skills install create-tool             # copy one skill into .claude/skills/
npx frontmcp skills install --all --provider codex  # every skill, into .codex/skills/
npx frontmcp skills read create-tool quick-start    # print a skill or one of its references

frontmcp create copies the recommended bundle into a new project (--skills recommended|minimal|full|none), and nx g @frontmcp/nx:server takes the same --skills option. See Skills in the CLI reference for every option.

The catalog

SkillCovers
create-toolBuilding, changing or reviewing a @Tool
frontmcp-setupCreating and organizing a project: the scaffold, Nx, several apps in one
frontmcp-developmentResources, prompts, agents, providers, jobs, workflows, skills
frontmcp-configfrontmcp.config and @FrontMcp options: auth, transport, HTTP, sessions
frontmcp-authoritiesAuthorization and access control for tools, resources, prompts and skills
frontmcp-auth-uiReplacing the built-in OAuth login and consent pages with your own components
frontmcp-channelsPushing notifications and events into client sessions
frontmcp-extensibilityBringing third-party packages and services into providers and tools
frontmcp-observabilityTracing, structured logging, metrics and monitoring
frontmcp-testingUnit, integration and E2E tests with @frontmcp/testing
frontmcp-deploymentBuild targets and deploying to Node, Vercel, Lambda and Cloudflare
frontmcp-production-readinessPre-production audits and go-live checklists
frontmcp-guidesEnd-to-end walkthroughs and reference projects

Reading the catalog from code

npm install @frontmcp/skills
import { getSkillsByBundle, loadManifest, resolveSkillPath } from '@frontmcp/skills';

const manifest = loadManifest();
for (const skill of getSkillsByBundle(manifest.skills, 'minimal')) {
  console.log(skill.name, resolveSkillPath(skill));
}

loadManifest() reads catalog/skills-manifest.json from the installed package. getSkillsByTarget, getSkillsByCategory, getInstructionOnlySkills and getResourceSkills filter its skills, and resolveSkillPath returns the absolute path of a skill's folder.

Docs

  • frontmcp — the CLI behind frontmcp skills and frontmcp create --skills
  • @frontmcp/nx — the Nx server generator, which installs skills too
  • @frontmcp/sdk — the framework the skills describe

Contributing

Source: libs/skills. Issues and pull requests are welcome; see CONTRIBUTING.md. A change to FrontMCP's behavior updates the matching skills in the same pull request.

Structure

Most skills are router skills: a SKILL.md with a routing table, a references/ directory of topic guides, and optional examples/<reference-name>/ directories. create-tool is a component skill (layout: component): flat examples/ and DO/DON'T rules/.

catalog/
├── skills-manifest.json       # Machine-readable index, generated from the SKILL.md files
├── TEMPLATE.md                # Starting point for a new SKILL.md
├── create-tool/               # Component skill: references/, examples/, rules/
├── frontmcp-setup/            # Router skills: SKILL.md, references/, examples/
├── frontmcp-development/
├── ...                        # One directory per skill in the table above
└── frontmcp-guides/

Each router skill directory follows this format:

frontmcp-development/
├── SKILL.md          # Required: frontmatter + routing table + instructions
└── references/       # Reference files with detailed per-topic guides
    ├── create-resource.md
    ├── create-agent.md
    └── ...

Example files live under examples/<reference-name>/ and are the canonical source of example metadata used by skills-manifest.json and the reference ## Examples tables.

SKILL.md Frontmatter

---
name: my-skill # Required: kebab-case, max 64 chars
description: What the skill does # Required: short description
tags: [setup, redis] # Optional: categorization tags
tools: # Optional: tool references
  - tool_name
  - name: detailed_tool
    purpose: Why this tool is used
    required: true
parameters: # Optional: input parameters
  - name: param_name
    description: What it controls
    type: string
    default: value
examples: # Optional: usage examples
  - scenario: When to use this
    expected-outcome: What happens
priority: 5 # Optional: search ranking weight
visibility: both # Optional: mcp | http | both
compatibility: Node.js 24+ # Optional: environment requirements
license: MIT # Optional: license
allowed-tools: Read Edit # Optional: pre-approved tools
rating: 4.5 # Optional (v1.2): 0..5 quality rating, surfaced via Skills HTTP API min-rating filter
category: development # Optional (v1.2): catalog category override (defaults to the directory's parent category)
requires: [frontmcp-setup] # Optional (v1.2): other skill names this depends on; resolver registers deps first
---
# Skill Instructions

Step-by-step markdown instructions here...

Adding a New Skill

Prefer adding a reference to an existing skill over creating a new top-level skill directory.

  1. Identify the skill your content belongs to (see The catalog)
  2. Create a new .md reference file in that skill's references/ directory
  3. Add a routing entry in the skill's SKILL.md routing table
  4. Regenerate the manifest with node libs/skills/scripts/generate-manifest.mjs (nx build skills runs it too)
  5. Run nx test skills to validate

For a new top-level skill, start from catalog/TEMPLATE.md.

Adding Example Files

Each reference may have a matching examples/<reference-name>/ directory with standalone example files.

---
name: example-name
reference: parent-reference-name
level: basic
description: One sentence describing the exact scenario this example covers.
tags: [keyword1, keyword2, keyword3]
features:
  - Concrete API or pattern this example demonstrates
  - Another concrete behavior shown in the code
---

Rules:

  • name must match the filename without .md
  • reference must match the parent examples directory
  • description is the canonical one-line summary reused by the manifest and reference table
  • tags are searchable keywords for the example
  • features are the concrete APIs or patterns demonstrated by the code
  • The first paragraph under the H1 should semantically match description

Manifest Entry

Each skill has a corresponding entry in skills-manifest.json, generated from its SKILL.md:

{
  "name": "frontmcp-development",
  "category": "development",
  "description": "Domain router for building MCP components",
  "path": "frontmcp-development",
  "targets": ["all"],
  "hasResources": true,
  "tags": ["router", "development", "tools", "resources"],
  "bundle": ["recommended", "minimal", "full"]
}

Target Values

  • all — applies to all deployment targets
  • node — Node.js / Docker deployments
  • vercel — Vercel serverless
  • lambda — AWS Lambda
  • cloudflare — Cloudflare Workers

Bundle Values

  • recommended — included in default scaffold
  • minimal — included in minimal scaffold
  • full — only in full scaffold

Validation

node libs/skills/scripts/generate-manifest.mjs --check   # the manifest matches the catalog
nx test skills

Tests verify:

  • All SKILL.md files parse correctly
  • Manifest entries match filesystem (no orphans)
  • Names match between manifest and frontmatter
  • hasResources flags are accurate
  • Targets, categories, and bundles use valid values
  • Example metadata stays in sync across example files, reference tables, and the manifest

License

Apache-2.0. See LICENSE.

版本与发布记录

@frontmcp/skills 共发布 90 个版本,首次发布于 2026/03/28;过去 12 个月发布了 90 个版本。最新版本附带 npm provenance 构建来源证明,可追溯到公开的 CI 构建记录。

版本发布日期距今
1.12.2latest2026/11/151 天前
1.12.12026/11/132 天前
1.12.02026/11/114 天前
1.12.0-rc.1rc2026/11/114 天前
1.11.32026/11/106 天前
1.11.22026/11/096 天前

其他发布通道:beta → 1.1.2-beta.1,rc → 1.12.0-rc.1。

关于 @frontmcp/skills 的常见问题

@frontmcp/skills 是什么?

FrontMCP's skills catalog: SKILL.md instructions that teach coding agents to build, test and deploy FrontMCP servers

如何安装 @frontmcp/skills?

在项目目录运行 npm install @frontmcp/skills,或使用 pnpm add / yarn add / bun add。

@frontmcp/skills 支持 TypeScript 吗?

支持。包内自带 TypeScript 类型声明(package.json 声明了 types 入口),安装后即可获得类型提示,无需再安装 @types 包。

@frontmcp/skills 支持 ESM 还是 CommonJS?

以 CommonJS 形式发布,可以直接 require();在 ES Module 项目中也可以用 import 引入(Node.js 会把 module.exports 作为默认导出)。

@frontmcp/skills 需要什么版本的 Node.js?

package.json 的 engines 字段要求 Node.js >=24.0.0。版本不符时 npm 默认只给出警告,开启 engine-strict 后会拒绝安装。

@frontmcp/skills 可以商用吗?

@frontmcp/skills 使用 Apache-2.0 许可。宽松许可:允许商业使用、修改和再分发,并附带明确的专利授权;分发时需保留许可与 NOTICE 文件,修改过的文件要注明改动。以上为概括,不构成法律意见,请以许可原文为准。

@frontmcp/skills 的下载量有多少?

根据 npm 官方下载统计,@frontmcp/skills 在 2026/10/16 – 2026/11/14 这 30 天内被下载 6,845 次,日均约 228 次。下载量会把 CI 构建、镜像同步和作为其他包依赖的安装一并计入,适合横向比较热度,不能直接等同于使用人数。

@frontmcp/skills 还在维护吗?

最新版本 1.12.2 发布于 2026/11/15(1 天前);至今共发布 90 个版本,其中过去 12 个月发布了 90 个;首次发布于 2026/03/28。发布频率只是参考信号:功能稳定的工具可能很少需要更新,建议结合源码仓库的 issue 和提交记录判断。