wg-skills

UI页面模板构建器 - 固化常见页面模板，多套风格可选，支持mock数据。从个人中心到商品页，从登录页到大屏，一键生成风格统一、质量稳定的页面代码。

Agent 工程师面试准备导师：知识树、项目包装、模拟面试题。触发词：/agent-interview、Agent 工程师面试、准备 Agent 面试、Agent 面试题。

Agent 系统学习路线导师：从 Agent 概念、最小实现、模型底层、算法到 Skill/Tool 学习。触发词：/agent-learning、什么是 Agent、怎么做一个 Agent、Agent 学习路线。

VibeCoding / AI 开发全流程知识导师入口。识别用户目标后分流到 vibecoding-workflow-skill、agent-learning-skill 或 agent-interview-skill。只做推荐，不调用其他 skill。

VibeCoding 产品落地全流程导师：工具/模型/IDE 选型、提示词、产品模块拆解、开发、联调、测试、部署推荐。最终生成 docs/vibecoding/roadmap.md。触发词：/vibecoding-workflow、我要做商城、帮我选型模型、前后端怎么联调。

Use when 用户想用一句话生成流程图、工作流图解、开发流程图、AI 流程图或任何步骤型图解，支持多风格输出（flat icon / 暖白手账风 / dark / cute），并提供现成模板一键出图。

Use when 用户需要写小红书笔记/文案、建立可复用的个人风格档案、生成爆款标题、给种草文案去 AI 味，或按已有风格改写降重。

图片处理指导：压缩、转格式、改尺寸、裁剪、base64、水印、遮罩、多图合成。触发词：「处理图片」「压缩图片」「转 webp」「加水印」「图片合成」

Use when 用户需要按语义搜索并下载专业 SVG 图标。

Use when 用户需要按语义搜索并下载高清图片。

Use when 用户需要为项目搜索/下载图标（icon）、真实图片（配图、背景图、banner），或要求审计项目素材需求。

把 UI 原型图/截图高还原地复刻成可运行代码。触发词：复刻这张图、把原型图转成代码、图片转 HTML/Vue/React、Figma 转代码、Stitch 转代码、照着设计稿写页面、截图转代码、仿照这个页面。

前端UI组件指令系统 - 可扩展的组件库框架，每次做完复杂组件沉淀成指令，下次直接调用。

前端样式一致性治理技能：发现跨页面样式重复、同类组件尺寸不一致、硬编码裸值，给出收敛方案并可自动落地为公共CSS/公共组件/CSS变量。uniapp优先，兼容vue/react/html。

登录鉴权模块生成。用户要做登录、注册、JWT 鉴权、短信验证码登录、图形验证码、密码找回重置、uniapp/微信小程序登录、第三方登录、登出、刷新令牌时使用。可独立使用（自带技术栈+数据库选型），也可作为 backend-generate-skill 某框架之上的业务填充。产出标准用户表/凭证领域模型、表结构、接口契约增量（含完整接口文档）与四语言实现，默认阿里云短信，遵循 backend-convention-skill。覆盖完整用户系统：注册、登录鉴权、找回密码、资料管理（profile 读写、改密、换绑手机、注销账号）。权限系统不实现只留扩展尾巴。触发词："加登录"、"登录鉴权"、"用户注册"、"用户系统"、"用户体系"、"JWT 登录"、"验证码登录"、"手机号登录"、"短信登录"、"图形验证码"、"密码找回"、"忘记密码"、"重置密码"、"修改密码"、"换绑手机号"、"绑定手机号"、"注销账号"、"个人资料"、"资料管理"、"刷新令牌"、"token 续期"、"登出"、"auth module"、"login module"、"user system"、"profile"、"第三方登录"、"微信登录"、"微信小程序登录"、"uniapp 登录"、"openid 登录"、"SSO 登录"。

Use when generating or reviewing any backend project that needs cross-language mandatory conventions. Covers unified response envelope, error codes, JWT auth, naming rules, environment variables, api-contract skeleton, and project meta-file templates. Referenced by the 4 backend skills; rarely triggered alone. Triggers: "后端规范", "统一返回格式", "api 契约", "错误码规范", "JWT 规范".

Use when the user wants to generate a backend project from scratch but the tech stack is undecided. Gathers requirements via questions and recommends "language + framework + database + middleware", then routes to the matching backend skill. Triggers: "生成后端项目", "搭建后端骨架", "初始化后端服务", "backend generate", "帮我做个后端接口", "后端选型", "用什么语言写后端".

Use when a backend project needs database selection, table prefix, initial schema, or migration strategy. Covers PostgreSQL / MySQL / MongoDB selection and migration rules. Referenced by backend-select-skill and the 4 backend skills. Triggers: "数据库选型", "PostgreSQL 还是 MySQL", "数据库迁移", "schema 设计", "表前缀", "MongoDB 还是关系型", "基础表设计".

Use when the user wants to generate a Go + Gin backend project, or when routed from backend-select-skill with Go chosen. Generates a runnable scaffold on the spot following backend-convention-skill. Triggers: "用 Go 写后端", "Gin 项目", "生成 Gin", "golang backend", "go 骨架", "go web 项目".

Use when the user wants to generate a Java + Spring Boot backend project, or when routed from backend-select-skill with Java chosen. Generates a runnable scaffold on the spot following backend-convention-skill. Triggers: "用 Java 写后端", "Spring Boot 项目", "生成 Spring Boot", "java backend", "springboot 骨架", "maven spring 项目".

Use when the user wants to generate a Node.js backend project (Express by default; NestJS when enterprise modular / decorator architecture is requested), or when routed from backend-select-skill with Node.js chosen. Follows backend-convention-skill. Triggers: "用 Node 写后端", "Express 项目", "NestJS 项目", "nodejs backend", "ts 后端", "node 骨架".

Use when the user wants to generate a Python + FastAPI backend project, or when routed from backend-select-skill with Python chosen. Generates a runnable scaffold on the spot following backend-convention-skill. MongoDB is generated only for this stack and Node.js. Triggers: "用 Python 写后端", "FastAPI 项目", "生成 FastAPI", "python backend", "fastapi 骨架".

后端生成总入口。用户想做后端但未指定语言时进 backend-select-skill 问答选型；已指定语言（Java/Go/Python/Node）时直接进对应后端 skill；只问规范进 backend-convention-skill；只问数据库进 database-skill。所有后端 skill 强制遵循 backend-convention-skill 的统一响应信封、错误码、JWT、api-contract。触发词："生成后端项目"、"搭建后端骨架"、"初始化后端服务"、"backend generate"、"帮我做个后端接口"、"后端选型"、"用 Java/Go/Python/Node 写后端"、"Spring Boot"、"Gin"、"FastAPI"、"Express"、"NestJS"、"数据库选型"、"后端规范"、"api 契约"。

This skill should be used when the user wants to create a standardized uni-app project for WeChat mini-program, H5, and App from scratch. It guides through pre-development brainstorming, project initialization with uni-app + Vue3 + TypeScript + Pinia, dynamic theme system setup, static asset generation, layout design, cross-platform compatibility, and post-development verification. Invoke when the user says "帮我做一个 uniapp 小程序/三端应用"、"初始化 uniapp 项目"、"uniapp 构建" or similar requests.

Generate PNG icons from SVG paths (heroicons-style) or full SVG strings, batch rendered via sharp. Use when the user wants to create/generate app icons, tabBar icons, login feature icons, or any monochrome PNG icon set for a project (uniapp/小程序/RN/H5) and does not want to hand-edit a script. Triggers — "生成图标", "做一套图标", "icon 生成", "生成 png 图标", "给我加几个图标".

Use when generating UI for a specific scenario (mobile/PC/官网/管理端/营销页/文档/金融/原生/3D), when refactoring an existing HTML/Vue/React project to a unified design system, when extracting design tokens from code, when applying a brand style, or when auditing a frontend project for design and code quality. Covers 8 scenarios, 10 mainstream color palettes, 15 font pairings, 4pt spacing scale, OKLCH color strategy, and 6 tech stacks (HTML+Tailwind/React+Next/Vue+Nuxt/uniapp/RN/Svelte).

检测文案中的AI风味词汇、套话、车轱辘话，提供量化评分、领域适配、风格校准和一键修复。支持中文、英文和中英混合文本。使用方式：当用户要求检测AI风、分析文案是否像AI写的、识别车轱辘话、去除AI味时调用。

前端代码审查技能，支持 uniapp + Vue3 + React + TypeScript 项目。审查范围：类型安全、uniapp 特有规范、Vue3/React 最佳实践、性能问题、安全漏洞、i18n 国际化、Accessibility 无障碍。使用方式：当用户请求审查前端代码、进行 code review、检查代码质量问题时调用。