Agent skill

Fullstack Dev

by infometa in infometa/workbuddyskills

Full-stack backend architecture and frontend-backend integration guide.

MITAuto-check passedBackend & APIs

Install Fullstack Dev

skills CLI
$ npx skills add infometa/workbuddyskills --skill fullstack-dev -a claude-code

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

GitHub CLI
$ gh skill install infometa/workbuddyskills fullstack-dev --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/infometa/workbuddyskills.git skills-src && mkdir -p .claude/skills && cp -r skills-src/experts/senior-developer/skills/fullstack-dev .claude/skills/fullstack-dev && 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
fullstack-dev
GitHub stars
342
Token cost
~1k tokens
SKILL.md length
247 words
Files
10 (incl. references)
Skills in repo
235
Repo updated
First seen
Licence
MIT

At a glance

Full-stack backend architecture and frontend-backend integration guide.

  • Works in 6 steps: Gather Requirements → Architectural Decisions → Scaffold with Checklist → …
  • : building a full-stack app
  • SKILL.md covers MANDATORY WORKFLOW, 7条铁律, 详细参考文档(按需查阅) and 反模式速查
  • Calls npm and curl

What it does

Fullstack Dev is an agent skill from infometa/workbuddyskills. Full-stack backend architecture and frontend-backend integration guide. TRIGGER when: building a full-stack app, creating REST API with frontend, scaffolding backend service, building todo app, building CRUD app, building real-time app, building chat app, Express + React, Next.js API, Node.js backend, Python backend, Go backend, designing service layers, implementing error handling, managing config/auth, setting up API clients, implementing auth flows, handling file uploads, adding real-time features…

Its SKILL.md is about 1k tokens, which your agent loads only when the skill is triggered. The skill folder holds 10 other files, including reference files (for example `references/api-design.md`, `references/architecture-patterns.md` and `references/auth-flow.md`).

It sits in Backend & APIs, covering Realtime and WebSockets, Authentication and Backend development. It works with Next.js, React, Python and Node.js. The repository describes itself as: WorkBuddy skills / connectors / experts archive for offline study. The licence is MIT.

When your agent uses it

  • : building a full-stack app
  • Creating REST API with frontend
  • Scaffolding backend service
  • Building todo app

Example prompts

  • “/fullstack-dev”

Requirements

  • Python 3
  • Node.js

Workflow steps

6 steps, taken from the step headings in SKILL.md.

  1. Gather Requirements
  2. Architectural Decisions
  3. Scaffold with Checklist
  4. Implement
  5. Verify
  6. Handoff

What it can do on your machine

Read from SKILL.md and the folder at commit 9830caf. 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:

    • npm
    • curl

    From the folder's file list and the shell code blocks in SKILL.md.

  • Network

    No URLs in SKILL.md. Its commands use npm and curl, 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

Fullstack Dev loads about 1k tokens when it runs, and up to ~24k if it reads all its reference files. Until then it costs about 184 tokens; SKILL.md has 247 words of instructions outside code blocks.

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

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 infometa/workbuddyskills at commit 9830caf, republished under its MIT licence (© infometa). 247 words, ~1,008 tokens.

Download SKILL.mdSave it as .claude/skills/fullstack-dev/SKILL.md (or your agent's skills folder). This skill also uses 9 other files; get the full folder from GitHub.
name
fullstack-dev
description
Full-stack backend architecture and frontend-backend integration guide. TRIGGER when: building a full-stack app, creating REST API with frontend, scaffolding backend service, building todo app, building CRUD app, building real-time app, building chat app, Express + React, Next.js API, Node.js backend, Python backend, Go backend, designing service layers, implementing error handling, managing config/auth, setting up API clients, implementing auth flows, handling file uploads, adding real-time features (SSE/WebSocket), hardening for production. DO NOT TRIGGER when: pure frontend UI work, pure CSS/styling, database schema only, simple scripts, bug fixes, single-file changes, adding a small feature to existing code.
description_zh
全栈应用架构与开发指南
description_en
Full-stack architecture guide (REST API, Express, React, Next.js)
license
MIT
metadata.category
full-stack
metadata.version
1.1.0

Full-Stack Development Practices

MANDATORY WORKFLOW

触发此 skill 后,必须按以下步骤执行:

Step 0: Gather Requirements

确认以下信息(如用户已指定则跳过):

  1. Stack: 后端+前端语言/框架
  2. Service type: API-only / 全栈单体 / 微服务
  3. Database: SQL / NoSQL
  4. Integration: REST / GraphQL / tRPC / gRPC
  5. Real-time: SSE / WebSocket / Polling /不需要
  6. Auth: JWT / Session / OAuth / 不需要
Step 1: Architectural Decisions

基于需求做出并声明决策(每个决策一句话):

决策项参考
项目结构Feature-first(推荐)vs Layer-first
API 客户端Typed fetch / React Query / tRPC / OpenAPI
认证策略JWT + refresh / session / 第三方
实时方案Polling / SSE / WebSocket
错误处理Typed error hierarchy + global handler
Step 2: Scaffold with Checklist

后端服务 Checklist:

  • Feature-first 项目结构
  • 配置集中管理,环境变量启动时验证(fail fast)
  • 类型化错误层级(非通用 Error)
  • 全局错误处理中间件
  • 结构化 JSON 日志 + request ID
  • 数据库 Migration +连接池
  • 输入验证(Zod / Pydantic / Go validator)
  • 认证中间件
  • 健康检查端点(/health, /ready)
  • 优雅关闭(SIGTERM)
  • CORS 配置(显式 origin)
  • 安全头(helmet等)
  • .env.example(不含真实密钥)

前后端集成 Checklist:

  • 类型化 API Client
  • Base URL 从环境变量读取
  • Auth token 自动附加
  • API 错误映射为用户友好消息
  • Loading 状态处理
  • 跨边界类型安全
  • CORS 显式配置
  • Refresh token 流程
Step 3: Implement

按照 references 中的模式编写代码。每完成一个模块立即验证。

Step 4: Verify
bash
# 构建检查
cd server && npm run build
cd client && npm run build

# 冒烟测试
curl http://localhost:3000/health

# 集成检查:前端能连通后端
Step 5: Handoff
📦 交付:
- 实现的功能和端点列表
- 启动命令
- 已知限制 / 下一步建议
- 关键文件列表

7条铁律

  1. 按Feature 组织代码,不按技术层
  2. Controller 不含业务逻辑
  3. Service 不导入 HTTP 请求/响应类型
  4. 所有配置来自环境变量,启动时验证
  5. 所有错误类型化、结构化返回
  6. 所有输入在边界处验证
  7. 结构化 JSON 日志 + request ID

详细参考文档(按需查阅)

需要具体代码模式和深入指导时,查阅以下参考文档:

主题参考文件
项目结构、三层架构、DI 模式references/architecture-patterns.md
API 设计(URL、状态码、分页)references/api-design.md
认证流程(JWT、刷新、RBAC)references/auth-flow.md
数据库 Schema、索引、迁移references/db-schema.md
Django 最佳实践references/django-best-practices.md
环境管理与CORSreferences/environment-management.md
发布检查清单references/release-checklist.md
技术选型决策references/technology-selection.md
测试策略references/testing-strategy.md

反模式速查

❌ 不要✅ 应该
业务逻辑写在路由/Controller移到 Service 层
process.env 散落各处集中配置模块
console.log结构化 JSON Logger
通用 Error('oops')类型化错误类
Controller 直接查DBRepository 模式
无输入验证边界验证(Zod/Pydantic)
静默吞错日志 + 重抛或返回错误
无健康检查/health + /ready
硬编码配置密钥环境变量
无优雅关闭处理 SIGTERM
前端硬编码 API URL环境变量
JWT 存localStorageMemory + httpOnly cookie
展示原始 API错误映射为用户友好消息
大文件走 API ServerPresigned URL 直传

© infometa, 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 9 other files (references) in experts/senior-developer/skills/fullstack-dev of infometa/workbuddyskills.

  • SKILL.md
  • references/api-design.md
  • references/architecture-patterns.md
  • references/auth-flow.md
  • references/db-schema.md
  • references/django-best-practices.md
  • references/environment-management.md
  • references/release-checklist.md
  • references/technology-selection.md
  • references/testing-strategy.md

Open the folder on GitHubat commit 9830caf

Compare with similar skills

Fullstack Dev 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.

Fullstack Dev compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Fullstack Dev this skillinfometa/workbuddyskills342—~1kAutomated safety check: PassMIT
Fullstack DevHHU3637kr/skills1453 repos~8.6kAutomated safety check: NotesMIT
Vercel Functionsvercel/vercel-plugin301—~12kAutomated safety check: NotesCustom licence
Senior Fullstackalirezarezvani/claude-skills28k1 repos~3.7kAutomated safety check: NotesMIT
Senior Fullstackborghei/Claude-Skills874—~1.7kAutomated safety check: PassMIT
Supabase Development and Debuggingsupabase/agent-skills2.7k3 repos~3.6kAutomated safety check: PassMIT

Similar skills

  • Fullstack Dev

    HHU3637kr/skills

    Full-stack backend architecture and frontend-backend integration guide.

    145 GitHub starsUsed in 3 repos~8.6k tokens
    Backend & APIsAuto-check: notes
  • Vercel Functions

    vercel/vercel-plugin

    Official

    Vercel Functions expert guidance — Node.js/Bun/Python runtimes, Fluid Compute, long-duration (30 min) functions, large functions (5 GB bundles), Docker/OCI container images, plan limits, streaming…

    301 GitHub stars~12k tokensUpdated yesterday
    Backend & APIsAuto-check: notes
  • Senior Fullstack

    alirezarezvani/claude-skills

    Fullstack development toolkit with project scaffolding for Next.js, FastAPI, MERN, and Django stacks, code quality analysis with security and complexity scoring, and stack selection guidance.

    28k GitHub starsUsed in 1 repo~3.7k tokens
    DevelopmentAuto-check: notes
  • Senior Fullstack

    borghei/Claude-Skills

    Fullstack development toolkit with project scaffolding for Next.js/FastAPI/MERN/Django stacks and code quality analysis.

    874 GitHub stars~1.7k tokensUpdated today
    DevelopmentAuto-check passed
  • Official

    General Supabase skill for database, auth, Edge Functions, Realtime and storage work, plus client libraries, migrations, security audits, debugging and reading logs.

    2.7k GitHub starsUsed in 3 repos~3.6k tokens
    Backend & APIsAuto-check passed
  • Clerk Setup

    growupanand/ConvoForm

    Set up Clerk authentication in any project with the Clerk CLI and official framework quickstarts.

    101 GitHub stars~3k tokensUpdated yesterday
    Backend & APIsAuto-check passed

More from infometa/workbuddyskills

All 235 skills in this repo
  • Campus Event Playbook

    infometa/workbuddyskills

    This skill should be used when planning, coordinating, running, or reviewing student-led campus events, including club recruitment, freshman mixers, welcome activities, small talks, competitions…

    342 GitHub stars~861 tokensUpdated yesterday
    Auto-check passed
  • Teachany

    infometa/workbuddyskills

    K-12 interactive courseware creation. An agent skill from infometa/workbuddyskills.

    342 GitHub starsUsed in 1 repo~1.4k tokens
    Auto-check: notes
  • Weight Management HTML

    infometa/workbuddyskills

    A skill your agent uses when the adult weight-management MCP needs to be installed/set up in WorkBuddy (connector) or its result must be rendered as a standalone Chinese HTML plan.

    342 GitHub stars~1.2k tokensUpdated yesterday
    Auto-check passed
  • Agent Browser

    infometa/workbuddyskills

    A skill your agent uses when the user needs browser automation, including opening web pages, taking screenshots, extracting page content, clicking elements, filling forms, or testing web flows.

    342 GitHub stars~2.1k tokensUpdated yesterday
    Auto-check passed
  • AI Research Radar

    infometa/workbuddyskills

    定时任务:每日研究简报。漏掉重要论文和行业报告?每天帮你盯着,关键信息一条不漏 This skill should be used when the user asks about 定时任务:每日研究简报.

    342 GitHub stars~438 tokensUpdated yesterday
    Auto-check passed
  • Check Deck

    infometa/workbuddyskills

    Investment banking presentation quality checker. An agent skill from infometa/workbuddyskills.

    342 GitHub stars~687 tokensUpdated yesterday
    Auto-check passed

Categories

Questions about Fullstack Dev

What does Fullstack Dev do?

Full-stack backend architecture and frontend-backend integration guide. Fullstack Dev is an agent skill from infometa/workbuddyskills. Full-stack backend architecture and frontend-backend integration guide.

When should I use Fullstack Dev?

Fullstack Dev fits situations like: : building a full-stack app; creating REST API with frontend; scaffolding backend service; building todo app.

How do I install Fullstack Dev in Claude Code?

Run `npx skills add infometa/workbuddyskills --skill fullstack-dev -a claude-code`. Or copy the skill folder (experts/senior-developer/skills/fullstack-dev in infometa/workbuddyskills) into .claude/skills/fullstack-dev in your project. Claude Code loads it when a task matches its description.

How do I install Fullstack Dev in Codex?

Run `npx skills add infometa/workbuddyskills --skill fullstack-dev -a codex`. Or copy the skill folder (experts/senior-developer/skills/fullstack-dev in infometa/workbuddyskills) into .agents/skills/fullstack-dev in your project. Codex loads it when a task matches its description.

Can I use Fullstack Dev 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 infometa/workbuddyskills --skill fullstack-dev -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/fullstack-dev, .gemini/skills/fullstack-dev, .github/skills/fullstack-dev and .opencode/skills/fullstack-dev in your project.

What does Fullstack Dev need to run?

Going by SKILL.md and its folder, Fullstack Dev needs the command-line tools its instructions call (npm and curl). Our summary lists: Python 3; Node.js.

Does Fullstack Dev access the network?

SKILL.md contains no URLs. Its commands use npm and curl, which can reach the network depending on how they are called. This is read from the text; nothing was executed.

Is Fullstack Dev 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 Fullstack Dev use?

Fullstack Dev is published under the MIT licence (declared in SKILL.md). It allows redistribution, so the full SKILL.md is shown on this page.

How many tokens does Fullstack Dev use?

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

What are the alternatives to Fullstack Dev?

Skills that share tags, products or a category with Fullstack Dev: Fullstack Dev (HHU3637kr/skills, 145 stars), Vercel Functions (vercel/vercel-plugin, 301 stars), Senior Fullstack (alirezarezvani/claude-skills, 28k stars) and Senior Fullstack (borghei/Claude-Skills, 874 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Fullstack Dev?

infometa (a GitHub user) maintains it in infometa/workbuddyskills, which has 342 GitHub stars. The repository holds 235 skills in this directory. The repository was last updated on October 6, 2026.

Source: infometa/workbuddyskills on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.