360 Secure SkillHub
360 安全技能中心

Web Builder

该 Skill 先以清单方式收集项目名、模块、角色、页面与 API、数据库连接、认证方式和额外功能等需求,再调用脚本生成包含前端、后端 MVC 目录、.env.example 与运行说明的全栈应用起步代码。需求不明确时可参考默认需求文档,生成前后需确认需求摘要。

chinmayagit
chinmayagit
热度 82.52
最近更新 2026-05-11 17:28:58
分类:开发依赖:代码执行 / 读写文件应用场景:代码生成 / API 集成 / 模板

安装技能

复制下面的话术发给你的 Agent,它会通过 secure-skills 检索并安装该技能。

执行命令安装此 skill: npx secure-skills-cli add webappbuilder
Metadata
name
neo-app-mode
description
Build full-stack applications after collecting project requirements. Use when user says Neo App Mode, asks to build/create/scaffold a new app, or wants React+Vite+Tailwind frontend with Node/Express/MongoDB backend using MVC architecture.

Neo App Mode

Collect requirements first, then scaffold a production-ready starter.

Requirement intake (ask before scaffolding)

Ask these in one compact checklist:

  1. Project name
  2. App type and core modules (auth, dashboard, CRUD entities)
  3. User roles (admin/user/etc.)
  4. Required pages and API endpoints
  5. MongoDB connection preference (local/Atlas)
  6. Auth method (JWT/session/OAuth)
  7. Extra features (file upload, charts, payments, notifications)

If user is unsure, use defaults from references/default-requirements.md.

Generate app scaffold

Run:

bash skills/neo-app-mode/scripts/scaffold_neo_app.sh \
  --name <project-name> \
  --path apps \
  --with-auth jwt

Output structure:

  • frontend/ → React + Vite + Tailwind
  • backend/ → Express + MongoDB + MVC
  • .env.example files for frontend/backend
  • starter README with run steps

Behavior rules

  • Always confirm requirements summary before code generation.
  • Use clean MVC in backend: models/, controllers/, routes/, middlewares/, config/.
  • Add at least one sample entity module with full CRUD.
  • Add health route and API prefix /api/v1.
  • Keep generated code minimal, readable, and extendable.