frontend-codegen
Frontend Code Generation
Generates frontend code that aligns with the project tech stack and enforces reuse, layering, data-driven routing, and test-first workflow.
Tech stack (default alignment)
| Category | Default |
|---|---|
| Framework | React (function components) |
| UI | Ant Design |
| Router | react-router-dom |
| Language | TypeScript |
| State | Zustand |
| Test | Vitest + jsdom |
| Style | Tailwind CSS |
| HTTP | Axios |
| Build | Vite |
When generating code, use these unless the project explicitly uses different choices.
More from hillstone-networks/agent-skills
project-initializer
Scaffolds new projects with README.md, AGENTS.md, and CI/CD (GitLab CI, GitHub Actions). Handles project type (generic / Flask backend / React frontend / Taro miniapp), tech stack, coding standards, quality level, and SDD (OpenSpec, SpecKit, GSD). All init flows (Flask, React, Taro) and conventions (backend-python-cicd, frontend-codegen, flask-backend-codegen, QA/testing, agent-roles/subagents) are built-in; no separate skills. Docs default to Chinese. Use when creating a project, initializing a repo, or setting up CI/CD/SDD.
13init-taro-miniapp
Initializes a Taro mini-program with npx @tarojs/cli init <projectName>; after init requires npm install, then creates directories under src, configures dev proxy for API, and may add/update README and AGENTS.md. No other file or config changes. Use when scaffolding a Taro/mini-program project.
8init-flask-backend
按分层架构与规范搭建 Flask API 后端项目，包含应用工厂、Blueprint/Flask-RESTful 路由、Service/Model 分层、权限与统一响应。在用户要创建或生成 Flask 后端、REST API 项目使用
8flask-backend-codegen
项目规范生成 Flask API 后端代码（路由、Service、Model、Schema、权限策略与测试）；开发中优先使用常见中间件，配置写入 .env.example、用法在 .env 补充。在用户要新增接口、新资源模块、或按规范生成/补全后端代码时使用。
7init-react-frontend
Scaffolds a new React frontend with Vite (Rolldown), React Compiler, TypeScript, Ant Design, react-router, Zustand, Vitest, jsdom, Tailwind CSS, Axios. Uses create-vite in Rolldown form with React + Compiler + TS by default. Creates utils, consts, route, components, test directories (route separate from consts); includes unit/component tests and end-to-end (e2e) testing. Optional CI/CD: defaults to GitLab CI, frontend built as nginx Docker image. All dependencies use latest versions. Use when initializing a frontend project or setting up React + TypeScript + Vite stack.
7backend-python-cicd
根据 GitLab CI 与 Docker 多阶段构建规范，生成或校验 .gitlab-ci.yml、分支约定与部署脚本；强调先本地 Docker 构建测试、再 Git 提交触发流水线；必须使用私有镜像源参考（尤其 Python 基础镜像与 pip/uv 源）。文档中的 Docker 与 Git 命令均可直接执行。在用户要配置 GitLab CI、Docker 流水线、分支策略或部署流程时使用。
4