Generate Frontend Apps Efficiently with PDLC-Add-App AI Skill

Generate Frontend Apps Efficiently with PDLC-Add-App AI Skill

The PDLC-Add-App AI skill simplifies the process of adding new frontend applications to projects by generating a comprehensive directory structure and initial documentation. This skill supports various technology stacks, ensuring a streamlined setup tailored to the specific needs of your development environment.

What this skill does

• Executes the command make new-app or allows directory creation under frontend/web/, frontend/h5/, frontend/miniprogram/, or frontend/app/.
• Generates a standardized directory structure based on the selected technology stack.
• Creates essential files including README.md, CHANGELOG.md, and package.json.
• Produces initial documentation under frontend/ / /docs/.
• Updates the application list in CLAUDE.md if required.

Who it is for

This skill is beneficial for developers and teams employing AI coding agents such as Claude Code, Cursor, and Codex. It's particularly useful for those seeking to automate and streamline the creation of structured frontend applications.

Use cases

• Accelerated creation of new web applications using preferred technology stacks.
• Standardizing project documentation and directory structures in multi-app projects.
• Initial setup for applications in educational settings, enabling quick project starts with essential documentation in place.

Technical details

• Supported technology stacks include:
  • React: React + TypeScript + Vite
  • Vue: Vue 3 + TypeScript + Vite
  • Next.js: Next.js (React SSR)
  • Miniprogram: WeChat Mini Programs
• Application names should be in lowercase English with hyphens (e.g., web-admin).
• Follows an agentic-workflow, utilizing the pdlc-add-app capability package for automation.

Source & Licence

This package is built on open-source work published by kanfu-panda (kanfu-panda/pdlc-skills) and distributed under MIT. The original licence text and copyright notice are included in your download.

Personal and commercial use, modification and redistribution are permitted, provided the original copyright and licence notice are retained.

Your purchase covers curation, licence verification, packaging, documentation and instant delivery. It does not grant exclusive rights to the underlying open-source code, which remains available under its original licence.

Delivery & Support

• Delivery: instant — a secure download link is emailed to you as soon as payment is confirmed.
• Format: ZIP archive containing the skill files, documentation and the original licence.
• Support: support@mcpcart.com — we aim to reply within 2 business days.
• Updates: updates are included only where stated on this page.

Refunds

This is a digital product delivered immediately after purchase. By completing your order you request immediate delivery and acknowledge that, once the download has been accessed, the statutory right to cancel no longer applies to the extent permitted by law. Refund requests are handled in accordance with our published Refund Policy.

Claude, Codex, Gemini and Cursor are trademarks of their respective owners. MCP Cart is an independent marketplace and is not affiliated with, endorsed by, or sponsored by any of them. Compatibility references describe interoperability only.