Common Tasks
idavidov13/agentic-playwright
Copy-paste AI prompt templates for common Playwright scaffold development tasks — adding page objects, functional/E2E/API tests, Zod schemas, factories, fixtures, and components.
Tutorials, end-to-end walkthroughs, and complete reference projects for FrontMCP.
$ npx skills add agentfront/frontmcp --skill frontmcp-guides -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install agentfront/frontmcp frontmcp-guides --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/agentfront/frontmcp.git skills-src && mkdir -p .claude/skills && cp -r skills-src/libs/skills/catalog/frontmcp-guides .claude/skills/frontmcp-guides && 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 "frontmcp-guides" agent skill from https://github.com/agentfront/frontmcp/tree/main/libs/skills/catalog/frontmcp-guides into .claude/skills/frontmcp-guides/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "frontmcp-guides", 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/agentfront/frontmcp/tree/main/libs/skills/catalog/frontmcp-guidesType 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 agentfront/frontmcp --skill frontmcp-guides -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install agentfront/frontmcp frontmcp-guides --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/agentfront/frontmcp.git skills-src && mkdir -p .agents/skills && cp -r skills-src/libs/skills/catalog/frontmcp-guides .agents/skills/frontmcp-guides && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "frontmcp-guides" agent skill from https://github.com/agentfront/frontmcp/tree/main/libs/skills/catalog/frontmcp-guides into .agents/skills/frontmcp-guides/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "frontmcp-guides", 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 agentfront/frontmcp --skill frontmcp-guides -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install agentfront/frontmcp frontmcp-guides --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/agentfront/frontmcp.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/libs/skills/catalog/frontmcp-guides .cursor/skills/frontmcp-guides && 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 "frontmcp-guides" agent skill from https://github.com/agentfront/frontmcp/tree/main/libs/skills/catalog/frontmcp-guides into .cursor/skills/frontmcp-guides/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "frontmcp-guides", 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/agentfront/frontmcp.git --path libs/skills/catalog/frontmcp-guides--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 agentfront/frontmcp --skill frontmcp-guides -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install agentfront/frontmcp frontmcp-guides --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/agentfront/frontmcp.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/libs/skills/catalog/frontmcp-guides .gemini/skills/frontmcp-guides && 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 "frontmcp-guides" agent skill from https://github.com/agentfront/frontmcp/tree/main/libs/skills/catalog/frontmcp-guides into .gemini/skills/frontmcp-guides/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "frontmcp-guides", 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 agentfront/frontmcp frontmcp-guidesInstalls 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 agentfront/frontmcp --skill frontmcp-guides -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/agentfront/frontmcp.git skills-src && mkdir -p .github/skills && cp -r skills-src/libs/skills/catalog/frontmcp-guides .github/skills/frontmcp-guides && 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 "frontmcp-guides" agent skill from https://github.com/agentfront/frontmcp/tree/main/libs/skills/catalog/frontmcp-guides into .github/skills/frontmcp-guides/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "frontmcp-guides", 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 agentfront/frontmcp --skill frontmcp-guides -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install agentfront/frontmcp frontmcp-guides --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/agentfront/frontmcp.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/libs/skills/catalog/frontmcp-guides .opencode/skills/frontmcp-guides && 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 "frontmcp-guides" agent skill from https://github.com/agentfront/frontmcp/tree/main/libs/skills/catalog/frontmcp-guides into .opencode/skills/frontmcp-guides/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "frontmcp-guides", 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.
frontmcp-guidesTutorials, end-to-end walkthroughs, and complete reference projects for FrontMCP.
Frontmcp Guides is an agent skill from agentfront/frontmcp. Tutorials, end-to-end walkthroughs, and complete reference projects for FrontMCP. Use when you want a getting-started guide, a full worked example, or to learn best practices by following a step-by-step build rather than a single API reference. Includes a beginner weather-API server (tool plus static resource, Zod schemas, E2E tests), an authenticated task manager (CRUD tools, Redis storage, OAuth, Vercel deploy, authenticated E2E tests), and a multi-app knowledge base (vector search, semantic resources, an AI…
Its SKILL.md is about 6.3k tokens, which your agent loads only when the skill is triggered. The skill folder holds 17 other files, including reference files (for example `examples/example-knowledge-base/agent-and-plugin.md`, `examples/example-knowledge-base/multi-app-composition.md` and `examples/example-knowledge-base/vector-search-and-resources.md`).
It sits in Testing & QA, covering End-to-end testing, Task management and Forms and validation. It works with Vercel, Redis, Zod and Model Context Protocol. The repository describes itself as: TypeScript-first framework for the Model Context Protocol (MCP). You write clean, typed code; FrontMCP handles the protocol, transport, DI, session/auth, and execution flow. The licence is Apache-2.0.
5 steps, taken from the step headings in SKILL.md.
Read from SKILL.md and the folder at commit 8f59ba8. It shows what the files ask for, not the result of running them.
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.
Shell commands in SKILL.md call:
npmjestFrom the folder's file list and the shell code blocks in SKILL.md.
Links to these hosts (documentation or services it may open):
docs.agentfront.devFrom URLs in SKILL.md, links to its own repository left out.
Names these keys or tokens, usually read from environment variables:
ANTHROPIC_API_KEYFrom names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.
Frontmcp Guides loads about 6.3k tokens when it runs, and up to ~17k if it reads all its reference files. Until then it costs about 175 tokens; SKILL.md has 1,423 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.
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.
The full file from agentfront/frontmcp at commit 8f59ba8, republished under its Apache-2.0 licence (© agentfront). 1,423 words, ~6,297 tokens.
.claude/skills/frontmcp-guides/SKILL.md (or your agent's skills folder). This skill also uses 12 other files; get the full folder from GitHub.Complete build walkthroughs and best practices for FrontMCP servers. Each example starts from an empty directory and ends with a deployed, tested server. Every pattern references the specific skill that teaches it.
create-tool under frontmcp-development/references/)frontmcp-development, frontmcp-deployment, etc.)frontmcp-skills-usage)Decision: Use this skill when you want to see how everything fits together. Open individual references under each router's
references/directory when you need focused instruction.
frontmcp CLI available globally (npm install -g frontmcp)Before writing any code, answer these questions:
multi-app-composition)project-structure-standalone, project-structure-nx)configure-auth)configure-session)frontmcp-deployment)configure-transport)setup-testing)Skills used: setup-project, create-tool, create-resource, setup-testing, deploy-to-node
A simple MCP server that exposes a weather lookup tool and a resource for supported cities.
weather-api/
├── src/
│ ├── main.ts # @FrontMcp server (deploy-to-node)
│ ├── weather.app.ts # @App with tools and resources
│ ├── tools/
│ │ └── get-weather.tool.ts # @Tool: fetch weather by city (create-tool)
│ └── resources/
│ └── cities.resource.ts # @Resource: list supported cities (create-resource)
├── test/
│ ├── get-weather.tool.spec.ts # Unit tests (setup-testing)
│ └── weather.e2e.spec.ts # E2E protocol test (setup-testing)
└── package.jsonServer entry point (setup-project):
import { FrontMcp } from '@frontmcp/sdk';
import { WeatherApp } from './weather.app';
@FrontMcp({
info: { name: 'weather-api', version: '1.0.0' },
apps: [WeatherApp],
})
export default class WeatherServer {}Tool (create-tool):
import { Tool, ToolContext, z } from '@frontmcp/sdk';
@Tool({
name: 'get_weather',
description: 'Get current weather for a city',
inputSchema: {
city: z.string().min(1).describe('City name'),
},
outputSchema: {
temperature: z.number(),
condition: z.string(),
humidity: z.number(),
},
})
export class GetWeatherTool extends ToolContext {
async execute(input: { city: string }) {
const city = encodeURIComponent(input.city);
const data = await this.fetch(`https://api.weather.example.com/v1?city=${city}`);
const json = await data.json();
return { temperature: json.temp, condition: json.condition, humidity: json.humidity };
}
}Resource (create-resource):
import { ReadResourceResult, Resource, ResourceContext } from '@frontmcp/sdk';
@Resource({
uri: 'weather://cities',
name: 'Supported Cities',
description: 'List of cities with weather data',
mimeType: 'application/json',
})
export class CitiesResource extends ResourceContext {
async execute(uri: string): Promise<ReadResourceResult> {
return {
contents: [
{
uri,
mimeType: 'application/json',
text: JSON.stringify(['London', 'Tokyo', 'New York', 'Paris', 'Sydney']),
},
],
};
}
}Full working code: See
references/example-weather-api.md
Skills used: setup-project, create-tool, create-provider, configure-auth, configure-session, setup-redis, setup-testing, deploy-to-vercel
An authenticated task management server with CRUD tools, Redis storage, and OAuth.
task-manager/
├── src/
│ ├── main.ts # @FrontMcp with auth: { mode: 'remote' }
│ ├── tasks.app.ts # @App with CRUD tools + provider
│ ├── providers/
│ │ └── task-store.provider.ts # @Provider: Redis-backed task storage (create-provider)
│ ├── tools/
│ │ ├── create-task.tool.ts # @Tool: create a task (create-tool)
│ │ ├── list-tasks.tool.ts # @Tool: list tasks (create-tool)
│ │ ├── update-task.tool.ts # @Tool: update task status (create-tool)
│ │ └── delete-task.tool.ts # @Tool: delete a task (create-tool)
│ └── types/
│ └── task.ts # Shared task interface
├── test/
│ ├── *.spec.ts # Unit tests per tool
│ └── tasks.e2e.spec.ts # E2E with auth flow
├── vercel.json # Vercel config (deploy-to-vercel)
└── package.jsonServer with auth (configure-auth, configure-session, setup-redis):
@FrontMcp({
info: { name: 'task-manager', version: '1.0.0' },
apps: [TasksApp],
auth: { mode: 'remote', provider: 'https://auth.example.com', clientId: 'my-client-id' },
redis: { provider: 'redis', host: process.env.REDIS_URL ?? 'localhost' },
})
export default class TaskManagerServer {}Provider for shared storage (create-provider):
import { Provider, ProviderScope } from '@frontmcp/sdk';
@Provider({ name: 'task-store', scope: ProviderScope.GLOBAL })
export class TaskStoreProvider {
async create(task: Task): Promise<Task> {
/* Redis-backed implementation */
}
async list(userId: string): Promise<Task[]> {
/* ... */
}
async update(id: string, data: Partial<Task>): Promise<Task> {
/* ... */
}
async delete(id: string): Promise<void> {
/* ... */
}
}Use the class itself as the DI token (
this.get(TaskStoreProvider)). For factory-built singletons (e.g. when you need async setup before the class is constructed), useAsyncProvider({ provide, name, scope, useFactory })instead.
Tool with DI (create-tool + create-provider):
import { Tool, ToolContext, UnauthorizedError, z } from '@frontmcp/sdk';
@Tool({
name: 'create_task',
description: 'Create a new task',
inputSchema: {
title: z.string().min(1).describe('Task title'),
priority: z.enum(['low', 'medium', 'high']).default('medium'),
},
outputSchema: { id: z.string(), title: z.string(), priority: z.string(), status: z.string() },
})
export class CreateTaskTool extends ToolContext {
async execute(input: { title: string; priority: string }) {
const store = this.get(TaskStoreProvider);
const userId = this.auth?.user.sub;
if (!userId) this.fail(new UnauthorizedError('Authentication required'));
return store.create({ title: input.title, priority: input.priority, status: 'pending', userId });
}
}Full working code: See
references/example-task-manager.md
Skills used: setup-project, multi-app-composition, create-tool, create-resource, create-agent, create-skill-with-tools, create-plugin, official-plugins, configure-auth, deploy-to-vercel
A multi-app knowledge base with AI-powered search, document ingestion, and an autonomous research agent.
knowledge-base/
├── src/
│ ├── main.ts # @FrontMcp composing 3 apps
│ ├── ingestion/
│ │ ├── ingestion.app.ts # @App: document ingestion
│ │ ├── tools/ingest-document.tool.ts
│ │ └── providers/vector-store.provider.ts
│ ├── search/
│ │ ├── search.app.ts # @App: search and retrieval
│ │ ├── tools/search-docs.tool.ts
│ │ └── resources/doc.resource.ts
│ ├── research/
│ │ ├── research.app.ts # @App: AI research agent
│ │ └── agents/researcher.agent.ts # @Agent: autonomous research loop
│ └── plugins/
│ └── audit-log.plugin.ts # @Plugin: audit logging
├── test/
│ └── *.spec.ts
├── vercel.json
└── package.jsonMulti-app composition (multi-app-composition):
@FrontMcp({
info: { name: 'knowledge-base', version: '1.0.0' },
apps: [IngestionApp, SearchApp, ResearchApp],
plugins: [AuditLogPlugin],
auth: { mode: 'remote', provider: 'https://auth.example.com', clientId: 'my-client-id' },
redis: { provider: 'redis', host: process.env.REDIS_URL ?? 'localhost' },
})
export default class KnowledgeBaseServer {}AI Research Agent (create-agent):
@Agent({
name: 'research_topic',
description: 'Research a topic across the knowledge base and synthesize findings',
inputSchema: {
topic: z.string().describe('Research topic'),
depth: z.enum(['shallow', 'deep']).default('shallow'),
},
llm: {
provider: 'anthropic',
model: 'claude-sonnet-4-6',
apiKey: { env: 'ANTHROPIC_API_KEY' },
maxTokens: 4096,
}, // provider and model are client-configurable
execution: { maxIterations: 5 },
systemInstructions:
'Search for relevant documents using search_docs, synthesize findings, and produce a structured summary with source attribution.',
tools: [SearchDocsTool, IngestDocumentTool],
})
export class ResearcherAgent extends AgentContext {}The framework drives the LLM tool-use loop via the
agents:call-agentflow — you don't overrideexecute(). Configure iteration limits and other runtime knobs through the@Agent({ execution: { maxIterations } })block.Full working code: See
references/example-knowledge-base.md
| Practice | Why | Reference |
|---|---|---|
Start with the @App boundaries, not individual tools | Apps define module boundaries; tools are implementation details | multi-app-composition |
| Choose auth mode and storage before writing tools | Auth affects session handling, which affects storage requirements | configure-auth, configure-session |
| Pick your deployment target early | Target determines transport, storage, and build constraints | frontmcp-deployment |
| Practice | Why | Reference |
|---|---|---|
One class per file with <name>.<type>.ts naming | Consistency, generator compatibility, clear imports | project-structure-standalone |
| Group by feature, not by type, for 10+ components | Feature folders scale better than flat tools/ directories | project-structure-standalone |
Extract shared logic into @Provider classes | Testable, lifecycle-managed, injected via DI | create-provider |
| Practice | Why | Reference |
|---|---|---|
Always define outputSchema on tools | Prevents data leaks, enables CodeCall chaining | create-tool |
Use this.fail() with MCP error classes | Proper error codes in protocol responses | create-tool |
Use this.get(TOKEN) not this.tryGet(TOKEN)! | Clear error on missing dependency vs silent null | create-provider |
Use Zod raw shapes, not z.object() | Framework wraps internally; double-wrapping breaks validation | create-tool |
| Pattern | Correct | Incorrect | Why |
|---|---|---|---|
| Project start | Plan apps and auth first, then build tools | Jump straight into writing tools | Architecture decisions are expensive to change later |
| Code organization | Feature folders with <name>.<type>.ts | Flat directory with generic names | Scales to large projects and matches generator output |
| Shared state | @Provider with DI token | Module-level singleton or global variable | DI is testable, lifecycle-managed, and scoped per request |
| Error handling | this.fail(new ResourceNotFoundError(...)) | throw new Error('not found') | MCP error codes enable proper client error handling |
| Testing | Unit tests per component + E2E for protocol | Only E2E tests or only unit tests | Both layers catch different types of bugs |
outputSchema defined<name>.<type>.ts naming convention.spec.ts extension| Problem | Cause | Solution |
|---|---|---|
| Unsure where to start | No project plan | Run through the Planning Checklist above before writing code |
| Architecture feels wrong | Wrong app boundaries or component types | Review the Scenario Routing Table in frontmcp-development |
| Feature works locally but fails deployed | Environment-specific config (storage, auth, transport) | Check the Target Comparison in frontmcp-deployment |
| Tests pass but coverage below 95% | Missing error path or branch tests | Run jest --coverage and add tests for uncovered lines |
| Provider state leaking between requests | Using module-level state instead of DI | Move state into a @Provider scoped per request |
Each reference has matching examples under examples/<reference>/:
example-knowledge-base| Example | Level | Description |
|---|---|---|
agent-and-plugin | Advanced | Shows an autonomous research agent with inner tools and configurable depth, and a plugin that hooks into tool execution for audit logging. |
multi-app-composition | Basic | Shows how to compose multiple apps (Ingestion, Search, Research) into a single server with shared providers, plugins, and agent registration. |
vector-search-and-resources | Intermediate | Shows a semantic search tool with embedding generation and a resource template for retrieving documents by ID using URI parameters. |
example-task-manager| Example | Level | Description |
|---|---|---|
auth-and-crud-tools | Basic | Shows how to create CRUD tools with authentication, using this.context.session for user isolation and this.get() for dependency injection. |
authenticated-e2e-tests | Advanced | Shows how to write E2E tests with authentication using TestTokenFactory, and unit tests for tools that require session context. |
redis-provider-with-di | Intermediate | Shows how to create a Redis-backed provider with a DI token, lifecycle hooks (onInit/onDestroy), and how tools inject it. |
example-weather-api| Example | Level | Description |
|---|---|---|
server-and-app-setup | Basic | Shows the server entry point, app registration, and static resource for a beginner FrontMCP weather API server. |
unit-and-e2e-tests | Intermediate | Shows how to write unit tests for tools by mocking context methods, and E2E tests using McpTestClient and TestServer. |
weather-tool-with-schemas | Basic | Shows how to create a tool with Zod input and output schemas, use this.fetch() for HTTP calls, and handle errors with this.fail(). |
Skills are distributed as plain SKILL.md files plus a sibling references/
and examples/ tree, so consumers can pick whichever access mode fits:
| Mode | How it works |
|---|---|
| Filesystem | Read libs/skills/catalog/frontmcp-guides/ directly from a clone of the catalog repo, or from a published @frontmcp/skills install. SKILL.md is the entry point. |
frontmcp CLI | frontmcp skills list, frontmcp skills read frontmcp-guides, frontmcp skills read frontmcp-guides:references/<file>.md, frontmcp skills install frontmcp-guides — no server required. |
MCP skill:// | When a developer mounts this skill into their own FrontMCP server (@FrontMcp({ skills: [...] })), the SDK exposes it via SEP-2640 resources: skill://frontmcp-guides/SKILL.md, skill://frontmcp-guides/references/{file}.md, etc. The server’s skill://index.json returns the SEP-2640 discovery document for everything mounted on it. |
The catalog itself is not an MCP server. The skill:// URIs only resolve
when a server has been configured to host this skill.
frontmcp-development, frontmcp-deployment, frontmcp-testing, frontmcp-configsetup-project, create-tool, create-resource, create-provider, create-agent, configure-auth, setup-testing (each lives under its parent router's references/ directory, e.g. frontmcp-development/references/create-tool.md)McpError from @frontmcp/protocol (never directly from @modelcontextprotocol/sdk); use @frontmcp/utils for crypto and file-system operations.© agentfront, Apache-2.0. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file
SKILL.md and 12 other files (references) in libs/skills/catalog/frontmcp-guides of agentfront/frontmcp.
Open the folder on GitHubat commit 8f59ba8
Frontmcp Guides 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 |
|---|---|---|---|---|---|---|
| Frontmcp Guides this skillagentfront/frontmcp | 146 | — | ~6.3k | Automated safety check: Pass | Apache-2.0 | |
| Common Tasksidavidov13/agentic-playwright | 223 | — | ~2.5k | Automated safety check: Pass | MIT | |
| MCP Server Patternsaffaan-m/ECC | 275k | 1 repos | ~551 | Automated safety check: Pass | MIT | |
| MCP Server Patternsmajiayu000/claude-skill-registry | 666 | 6 repos | ~1k | Automated safety check: Pass | MIT | |
| API Testingfugazi/test-automation-skills-agents | 247 | — | ~1.5k | Automated safety check: Pass | MIT | |
| Bug HuntUse-Tusk/drift-node-sdk | 173 | — | ~3.6k | Automated safety check: Pass | Apache-2.0 |
idavidov13/agentic-playwright
Copy-paste AI prompt templates for common Playwright scaffold development tasks — adding page objects, functional/E2E/API tests, Zod schemas, factories, fixtures, and components.
affaan-m/ECC
使用Node/TypeScript SDK构建MCP服务器——工具、资源、提示、Zod验证、stdio与可流式HTTP对比。使用Context7或官方MCP文档获取最新API信息。
majiayu000/claude-skill-registry
Build MCP servers with Node/TypeScript SDK — tools, resources, prompts, Zod validation, stdio vs Streamable HTTP.
fugazi/test-automation-skills-agents
Test REST and GraphQL endpoint contracts using Playwright request fixture (TypeScript) or REST Assured (Java).
Use-Tusk/drift-node-sdk
Hunt for instrumentation bugs by analyzing code gaps and running e2e tests through DISABLED/RECORD/REPLAY cycle
idavidov13/agentic-playwright
Test data strategy for the Playwright scaffold — Faker + Zod factories for dynamic happy-path data, static TS files (.ts with as const exports — never .json) for domain-specific curated invalid…
agentfront/frontmcp
A skill your agent uses when customizing, branding, or replacing the built-in FrontMCP OAuth pages (the login, consent, federated-select, incremental-authorization, and error pages) with your own…
agentfront/frontmcp
A skill your agent uses when pushing real-time notifications or events into Claude Code (or another MCP client) sessions, or building two-way chat bridges.
agentfront/frontmcp
A skill your agent uses when extending FrontMCP beyond the core SDK by integrating external npm packages, libraries, or third-party services into providers and tools.
agentfront/frontmcp
A skill your agent uses when adding tracing, structured logging, metrics, or monitoring to a FrontMCP server.
agentfront/frontmcp
A skill your agent uses when implementing authorization and access control for FrontMCP tools, resources, prompts, or skills, deciding who may invoke what.
agentfront/frontmcp
A skill your agent uses when configuring a FrontMCP server through frontmcp.config or the @FrontMcp options.
Tutorials, end-to-end walkthroughs, and complete reference projects for FrontMCP. Frontmcp Guides is an agent skill from agentfront/frontmcp. Tutorials, end-to-end walkthroughs, and complete reference projects for FrontMCP.
Frontmcp Guides fits situations like: you want a getting-started guide; A full worked example; learn best practices by following a step-by-step build rather than a single API reference.
Run `npx skills add agentfront/frontmcp --skill frontmcp-guides -a claude-code`. Or copy the skill folder (libs/skills/catalog/frontmcp-guides in agentfront/frontmcp) into .claude/skills/frontmcp-guides in your project. Claude Code loads it when a task matches its description.
Run `npx skills add agentfront/frontmcp --skill frontmcp-guides -a codex`. Or copy the skill folder (libs/skills/catalog/frontmcp-guides in agentfront/frontmcp) into .agents/skills/frontmcp-guides in your project. Codex loads it when a task matches its description.
Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add agentfront/frontmcp --skill frontmcp-guides -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/frontmcp-guides, .gemini/skills/frontmcp-guides, .github/skills/frontmcp-guides and .opencode/skills/frontmcp-guides in your project.
Going by SKILL.md and its folder, Frontmcp Guides needs the command-line tools its instructions call (npm and jest) and credentials named ANTHROPIC_API_KEY. Our summary lists: Node.js.
SKILL.md names 1 domain. As links in the text: docs.agentfront.dev. This is read from the text; nothing was executed.
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.
Frontmcp Guides is published under the Apache-2.0 licence (declared in SKILL.md). It allows redistribution, so the full SKILL.md is shown on this page.
About 6.3k tokens (SKILL.md is roughly 25k 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 11k tokens, read only when the agent opens those files.
Skills that share tags, products or a category with Frontmcp Guides: Common Tasks (idavidov13/agentic-playwright, 223 stars), MCP Server Patterns (affaan-m/ECC, 275k stars), MCP Server Patterns (majiayu000/claude-skill-registry, 666 stars) and API Testing (fugazi/test-automation-skills-agents, 247 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
agentfront (a GitHub organization) maintains it in agentfront/frontmcp, which has 146 GitHub stars. The repository holds 12 skills in this directory. The repository was last updated on October 7, 2026.
Source: agentfront/frontmcp on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.