pdlc-add-app

pdlc-add-app is a skill for Claude Code from kanfu-panda/pdlc-skills. It costs 11 tokens per session (382 once invoked), scanned A, original, MIT.

A workflow for adding a new frontend application to a project and creating its standard folders, configuration, and starter documents. It supports React, Vue, Next.js, and WeChat mini-program projects.

In plain words
What is it for?
It helps create a named frontend app, generate its initial files and documentation, and update the project's application list when needed.
Why use it?
It removes the manual setup needed to start another user interface while keeping the project structure consistent.

Skill for Claude Code

Written for Claude Code: allowed-tools in frontmatter. Also seen: mentions CLAUDE.md.

Part of the pdlc plugin — 38 skills shipped together

Good fit It helps create a named frontend app, generate its initial files and documentation, and update the project's application list when needed.

Compare 6 skills from other repositories ↓
Install with agentmods
npx agentmods add skills/kanfu-panda/pdlc-skills/pdlc-add-app
Install

Getting it into your agent

One page per mod, every tool's command on it. A separate URL per tool would split the same page into five that compete with each other.

Any agent
npx skills add kanfu-panda/pdlc-skills --skill pdlc-add-app
Clone the repo
git clone --depth 1 https://github.com/kanfu-panda/pdlc-skills

Made for: Claude Code.

Or install pdlc, the plugin that ships this one along with the rest of its 38 skills.

Wrote this? Show the measurements

A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.

agentmods badge for pdlc-add-app

README.md
[![agentmods](https://agentmods.dev/badge/skills/kanfu-panda/pdlc-skills/pdlc-add-app/github.svg)](https://agentmods.dev/skills/kanfu-panda/pdlc-skills/pdlc-add-app)
Your own site
<a href="https://agentmods.dev/skills/kanfu-panda/pdlc-skills/pdlc-add-app"><img src="https://agentmods.dev/badge/skills/kanfu-panda/pdlc-skills/pdlc-add-app/github.svg" alt="Measured on agentmods" height="20"></a>

Or the 80×15 button, for a site that already has a row of RSS and ATOM ones. Only the verdict fits; the numbers stay here.

agentmods 80×15 button for pdlc-add-app

Your own site · 80×15
<a href="https://agentmods.dev/skills/kanfu-panda/pdlc-skills/pdlc-add-app"><img src="https://agentmods.dev/badge/skills/kanfu-panda/pdlc-skills/pdlc-add-app.svg" alt="Reviewed on agentmods" width="80" height="20"></a>
Per session 11 Skills are progressive disclosure: only the name and description are preloaded; the body loads when the skill is used.
When invoked 382 The whole file, excluding the scripts and references it only reads on demand.
Security scan A 0 findings. A grade says what 26 rules found in the file — not that it is safe. Third-party audits
  • NVIDIA SkillSpector pass 7 Sept 2026
How audits are shown
Origin original No closer match found in the catalogue.
Token cost

What it costs to keep this loaded

Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.

ModelPer sessionOnce invoked
Fable 5.1 $0.00011 $0.00382
Opus 5 $0.00005 $0.00191
Sonnet 5 $0.00002 $0.00076
Haiku 4.5 $0.00001 $0.00038

Measured 12d ago against content hash 9bf35f0bee0b, method: parsed. Prices are Anthropic first-party input rates as of 2026-09-11, from the pricing page.

Security

Grade A, and why

pdlc-add-app scanned grade A with 0 findings against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured 12d ago.

A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.

Nothing flagged

None of the 26 patterns this scan looks for appear in this file: no shell pipes, no recursive deletes, no credential paths, no hidden text, no instruction-override or anti-refusal phrasing, no agent-config snooping. That is not a guarantee, it is the absence of the things that are checkable.

skills/pdlc-add-app/SKILL.md · 50 lines

What it actually says

添加新的前端应用

在项目中添加一个新的前端应用,并生成完整的目录结构和初始文档。

工作流程

  1. 运行 make new-app 或直接在 frontend/web/ 下创建应用目录(或 frontend/h5/frontend/miniprogram/frontend/app/
  2. 根据技术栈生成标准目录结构
  3. 创建应用的 README.md、CHANGELOG.md、package.json
  4. frontend/<分类>/<应用名>/docs/ 下创建初始文档
  5. 更新项目 CLAUDE.md 中的应用列表(如需要)

支持的技术栈

  • react: React + TypeScript + Vite
  • vue: Vue 3 + TypeScript + Vite
  • nextjs: Next.js(React SSR)
  • miniprogram: 微信小程序

要求

  • 应用名使用小写英文 + 连字符(如 web-admin)
  • 创建完成后提示用户下一步编写 UI 设计文档

$ARGUMENTS

本命令的 handoff 输出:

✅ 新前端应用 完成
📦 产出:frontend/<分类>/<应用名>/
👉 下一步:(本次流程结束,无后续)
Changes

What this file has done since we first saw it

Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.

  1. 12d ago First seen · 50 lines · 11 tokens per session scan A 9bf35f0bee0b

Subscribe to this mod's changes

pdlc-add-app is a skill published in the GitHub repository kanfu-panda/pdlc-skills (13 stars, last pushed yesterday), licensed MIT. It adds 11 tokens to every session and 382 once invoked, about $0.0001 per session on Opus 5. A static security scan graded it A with 0 findings. No closer match exists in the catalogue, so it is treated as the original; first seen 2026-08-31.

Related

Other skills, from other repositories

pm-fe-assistant

A front-end change assistant for product managers, designers, and other non-developers. Front-end work changes what users see and interact with in a web interface.

wj100/fe-skills · 161 tokens

fe-architecture

A skill package for changing front-end architecture across Angular, Vue, React, plain JavaScript, and Node.js projects.

wj100/fe-skills · 105 tokens

fe-performance

A front-end performance toolkit for Angular, Vue, React, and plain JavaScript or Node.js projects. It covers loading speed, image handling, caching, browser performance metrics, and bundle size.

wj100/fe-skills · 106 tokens

fe-engineering

A front-end engineering guide covering architecture review, build-tool upgrades, refactoring, shared development standards, and monorepo management. A monorepo is one repository containing multiple related projects or packages.

wj100/fe-skills · 102 tokens

fe-quality

A front-end quality and security skill pack for Angular, Vue, React, plain JavaScript, and Node.js projects. It covers security checks, error monitoring, delivery pipelines, and accessibility, which means making software usable by people with disabilities.

wj100/fe-skills · 137 tokens

postgres-database-migration

Use this skill for planning, testing, and safely executing PostgreSQL schema migrations — especially when working with production data or shared databases. Trigger when user asks to: Test a schema migration before applying it to production Add, remove, or rename columns safely on a live table Change a column's data…

timescale/pg-aiguide · 220 tokens