القائمة
Use for implementing or repairing the Vue frontend of a web app with Vue 3, Vite, vue-router, Pinia, vue-i18n, Tailwind CSS v4.
التثبيت باستخدام Codex أو Claude انسخ هذا Prompt والصقه في Codex أو Claude أو مساعد آخر ليراجع صفحة Skill ويثبّتها لك.
استنادا إلى تصنيف SOC المهني
Use for building and operating Ignis projects with ignis-cli, ignis-sdk, ignis.hcl, SQLite, async jobs, cron schedules, platform object-store presign, service build/publish/deploy, and example-driven project setup.
Multi-agent web development workflow. Use when a web app should be delivered through four required subagents for PRD, frontend design, code development, and review, with Ignis backend/deploy and a Vue 3 plus Vite frontend stack.
Manager for web-page work. Continuously orchestrate planner, builder, and evaluator roles by reading `agents/*.md` and launching generic subagents until the shared artifacts show the work is complete.
Use when the task is to analyze a feature request or requirements document and write a concise, product-facing PRD to .dev/prd_doc.md covering only core features, page structure, user interaction logic, color direction, UI, UX, and assumptions.
Use when the task is to convert a feature requirements document into a text-only frontend design specification with a complete page list, detailed per-page layout, UI, UX, colors, styling, and minimal copy that developers can implement directly.
Use for Ignis login integration with services. Covers [services.ignis_login], IgnisCloud ID hosted login, google and test_password providers, PKCE, callback flows, and login smoke tests.
| name | vue-frontend-dev |
| description | Use for implementing or repairing the Vue frontend of a web app with Vue 3, Vite, vue-router, Pinia, vue-i18n, Tailwind CSS v4. |
在当前任务是“实现、重构或修复 Vue 前端”时使用这个 skill。
适用范围：
Vue 3 构建前端页面和交互Vite 作为开发与构建入口vue-router 组织页面路由Pinia 管理前端状态vue-i18n 组织多语言文案Tailwind CSS v4 构建设计系统与页面样式不适用范围：
根据已有需求和设计文档，实现可运行的 Vue 前端，并与已有后端能力对接。
默认输入来源：
.dev/prd_doc.md.dev/frontend_design_doc.md默认技术栈如下，除非仓库已有明确约束且与之冲突：
Vue 3Vitevue-routerPiniavue-i18nTailwind CSS v4.dev/prd_doc.md，确认页面范围、用户流程、语言和平台约束。.dev/frontend_design_doc.md，把设计说明转为实际页面结构、组件层级和样式实现。.dev/prd_doc.md 当作“产品边界”的事实来源。.dev/frontend_design_doc.md 当作“页面和交互细节”的事实来源。vue-i18n，不要把用户可见文本散落在页面里。vue-router 组织。Pinia 管理，不要到处堆局部全局变量。Tailwind CSS v4；避免内联样式和分散的临时视觉规则。vue-i18n。.dev/prd_doc.md、.dev/frontend_design_doc.md 一致