@skills-cli/vue2-springboot-mybatis 1.0.0

package/.claude/settings.local.json

@@ -0,0 +1,8 @@
+{
+  "permissions": {
+    "allow": [
+      "Bash(npm install:*)",
+      "Bash(npm publish:*)"
+    ]
+  }
+}

package/README.md

@@ -0,0 +1,106 @@
+# @skills-cli/vue2-springboot-mybatis
+
+Universal coding assistance skills for **Vue2 + SpringBoot + MyBatis** full-stack development. Provides code generation templates and helpers for rapid development.
+
+## Installation
+
+```bash
+skills add @skills-cli/vue2-springboot-mybatis
+```
+
+## Features
+
+- **Vue2 Code Generation**
+  - Single-file component template
+  - CRUD list page with pagination
+  - Form modal component
+  - API service module
+
+- **SpringBoot Code Generation**
+  - Controller layer with RESTful APIs
+  - Service layer with business logic interface
+  - Entity class with Lombok
+  - Mapper interface
+
+- **MyBatis Code Generation**
+  - XML Mapper with CRUD operations
+  - Result map configuration
+  - Dynamic SQL support
+
+## Capabilities
+
+- `generate-vue2-component` - Generate Vue2 single-file component
+- `generate-vue2-crud-page` - Generate complete CRUD page (list + form + API)
+- `generate-springboot-controller` - Generate SpringBoot REST Controller
+- `generate-springboot-service` - Generate Service interface and implementation
+- `generate-mybatis-entity` - Generate MyBatis entity class
+- `generate-mybatis-mapper` - Generate Mapper interface
+- `generate-mybatis-xml` - Generate MyBatis XML mapper
+- `generate-crud-fullstack` - Generate full-stack CRUD from table definition
+
+## Usage Example
+
+```javascript
+const skill = require('@skills-cli/vue2-springboot-mybatis');
+
+// Generate Vue2 CRUD page
+const vueCrud = skill.generateVue2Crud('User', 'user', [
+  { name: 'id', type: 'Long', label: 'ID', primaryKey: true },
+  { name: 'username', type: 'String', label: 'Username', required: true },
+  { name: 'email', type: 'String', label: 'Email' },
+  { name: 'createTime', type: 'Date', label: 'Create Time' }
+]);
+
+// Generate SpringBoot Controller
+const controller = skill.generateSpringBootController('User', 'user');
+
+// Generate MyBatis Entity
+const entity = skill.generateMyBatisEntity('User', columns);
+```
+
+## Configuration
+
+You can configure in your `skills.json`:
+
+```json
+{
+  "config": {
+    "@skills-cli/vue2-springboot-mybatis": {
+      "vue2": {
+        "componentPath": "src/components",
+        "viewPath": "src/views",
+        "apiPath": "src/api"
+      },
+      "springboot": {
+        "basePackage": "com.yourcompany.project",
+        "author": "Your Name"
+      }
+    }
+  }
+}
+```
+
+## API
+
+### Vue2 Generation
+
+- `generateVue2Component(name, options)` - Generate Vue2 single-file component
+- `generateVue2CrudPage(entityName, tableName, columns)` - Generate CRUD list page
+- `generateVue2FormModal(entityName, columns)` - Generate form modal component
+- `generateVue2Api(entityName, tableName)` - Generate API service module
+
+### SpringBoot Generation
+
+- `generateMyBatisEntity(entityName, columns, packageName)` - Generate entity class
+- `generateMyBatisMapper(entityName, packageName)` - Generate Mapper interface
+- `generateSpringBootService(entityName, packageName)` - Generate Service
+- `generateSpringBootController(entityName, packageName)` - Generate Controller
+- `generateMyBatisXml(entityName, tableName, columns)` - Generate XML mapper
+
+### Full Stack
+
+- `generateFullStackCrud(entityName, tableName, columns, config)` - Generate all files
+
+## License
+
+MIT

package/index.js

@@ -0,0 +1,1035 @@
+/**
+ * @skills-cli/vue2-springboot-mybatis
+ * Universal coding assistance skills for Vue2 + SpringBoot + MyBatis full-stack development
+ */
+
+const skills = require('./skills.json');
+
+/**
+ * Get skill information
+ */
+function getInfo() {
+  return {
+    name: skills.name,
+    version: skills.version,
+    description: skills.description,
+    priority: skills.priority,
+    tags: skills.tags,
+    capabilities: skills.capabilities
+  };
+}
+
+/**
+ * Capitalize first letter
+ */
+function capitalize(str) {
+  return str.charAt(0).toUpperCase() + str.slice(1);
+}
+
+/**
+ * camelCase to snake_case
+ */
+function camelToSnake(str) {
+  return str.replace(/([A-Z])/g, '_$1').toLowerCase();
+}
+
+// ========== Vue2 Generation ==========
+
+/**
+ * Generate Vue2 single-file component (.vue)
+ */
+function generateVue2Component(componentName, options = {}) {
+  const { template = 'basic' } = options;
+  const compName = capitalize(componentName);
+
+  return `<template>
+  <div class="${componentName}-wrapper">
+    <!-- Component content -->
+  </div>
+</template>
+
+<script>
+export default {
+  name: '${compName}',
+  components: {},
+  props: {},
+  data() {
+    return {};
+  },
+  computed: {},
+  watch: {},
+  created() {},
+  mounted() {},
+  methods: {}
+};
+</script>
+
+<style scoped lang="scss">
+.${componentName}-wrapper {
+
+}
+</style>
+`;
+}
+
+/**
+ * Generate Vue2 CRUD list page
+ */
+function generateVue2CrudPage(entityName, tableName, columns) {
+  const entityLower = entityName.toLowerCase();
+  const entityCapital = capitalize(entityName);
+
+  const searchForm = columns
+    .filter(col => !col.primaryKey && col.name !== 'createTime' && col.name !== 'updateTime')
+    .map(col => `      <el-form-item label="${col.label}">
+        <el-input v-model="searchForm.${col.name}" placeholder="Please enter ${col.label}" clearable />
+      </el-form-item>`)
+    .join('\n');
+
+  const tableColumns = columns
+    .map(col => `      <el-table-column prop="${col.name}" label="${col.label}"${col.width ? ` width="${col.width}"` : ''} />`)
+    .join('\n');
+
+  return `<template>
+  <div class="${entityLower}-page">
+    <!-- Search Form -->
+    <el-card class="search-card">
+      <el-form :inline="true" :model="searchForm" class="search-form">
+${searchForm}
+        <el-form-item>
+          <el-button type="primary" @click="handleSearch">Search</el-button>
+          <el-button @click="handleReset">Reset</el-button>
+        </el-form-item>
+      </el-form>
+    </el-card>
+
+    <!-- Toolbar -->
+    <el-card class="toolbar-card">
+      <el-button type="primary" icon="el-icon-plus" @click="handleAdd">Add ${entityCapital}</el-button>
+    </el-card>
+
+    <!-- Data Table -->
+    <el-card>
+      <el-table :data="tableData" border loading="loading">
+${tableColumns}
+        <el-table-column label="Operation" width="180" fixed="right">
+          <template slot-scope="scope">
+            <el-button size="mini" type="primary" @click="handleEdit(scope.row)">Edit</el-button>
+            <el-button size="mini" type="danger" @click="handleDelete(scope.row)">Delete</el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+      <div class="pagination-wrapper">
+        <el-pagination
+          @size-change="handleSizeChange"
+          @current-change="handleCurrentChange"
+          :current-page="pagination.current"
+          :page-sizes="[10, 20, 50, 100]"
+          :page-size="pagination.size"
+          layout="total, sizes, prev, pager, next, jumper"
+          :total="pagination.total">
+        </el-pagination>
+      </div>
+    </el-card>
+
+    <!-- Add/Edit Dialog -->
+    <${entityLower}-form-dialog
+      :visible.sync="dialogVisible"
+      :form-data="currentRow"
+      :is-edit="isEdit"
+      @success="handleDialogSuccess"
+    />
+  </div>
+</template>
+
+<script>
+import { ${entityLower}List, ${entityLower}Delete } from '@/api/${entityLower}';
+import ${entityLower}FormDialog from './components/${entityLower}FormDialog.vue';
+
+export default {
+  name: '${entityCapital}Page',
+  components: { ${entityLower}FormDialog },
+  data() {
+    return {
+      searchForm: {
+${columns
+  .filter(col => !col.primaryKey && col.name !== 'createTime' && col.name !== 'updateTime')
+  .map(col => `        ${col.name}: ''`)
+  .join(',\n')}
+      },
+      tableData: [],
+      dialogVisible: false,
+      isEdit: false,
+      currentRow: null,
+      loading: false,
+      pagination: {
+        current: 1,
+        size: 10,
+        total: 0
+      }
+    };
+  },
+  created() {
+    this.loadData();
+  },
+  methods: {
+    async loadData() {
+      this.loading = true;
+      try {
+        const { pageNum, pageSize } = { pageNum: this.pagination.current, pageSize: this.pagination.size };
+        const params = { ...this.searchForm, pageNum, pageSize };
+        const res = await ${entityLower}List(params);
+        this.tableData = res.list || [];
+        this.pagination.total = res.total || 0;
+      } catch (error) {
+        this.$message.error('Failed to load data');
+        console.error(error);
+      } finally {
+        this.loading = false;
+      }
+    },
+    handleSearch() {
+      this.pagination.current = 1;
+      this.loadData();
+    },
+    handleReset() {
+${columns
+  .filter(col => !col.primaryKey && col.name !== 'createTime' && col.name !== 'updateTime')
+  .map(col => `      this.searchForm.${col.name} = '';`)
+  .join('\n')}
+      this.handleSearch();
+    },
+    handleSizeChange(val) {
+      this.pagination.size = val;
+      this.loadData();
+    },
+    handleCurrentChange(val) {
+      this.pagination.current = val;
+      this.loadData();
+    },
+    handleAdd() {
+      this.isEdit = false;
+      this.currentRow = null;
+      this.dialogVisible = true;
+    },
+    handleEdit(row) {
+      this.isEdit = true;
+      this.currentRow = { ...row };
+      this.dialogVisible = true;
+    },
+    async handleDelete(row) {
+      try {
+        await this.$confirm('Confirm to delete this record?', 'Prompt', {
+          type: 'warning'
+        });
+        await ${entityLower}Delete(row.id);
+        this.$message.success('Deleted successfully');
+        this.loadData();
+      } catch (error) {
+        if (error !== 'cancel') {
+          this.$message.error('Delete failed');
+          console.error(error);
+        }
+      }
+    },
+    handleDialogSuccess() {
+      this.dialogVisible = false;
+      this.loadData();
+    }
+  }
+};
+</script>
+
+<style scoped lang="scss">
+.${entityLower}-page {
+  padding: 16px;
+}
+.search-card, .toolbar-card {
+  margin-bottom: 16px;
+}
+.pagination-wrapper {
+  margin-top: 16px;
+  text-align: right;
+}
+</style>
+`;
+}
+
+/**
+ * Generate Vue2 Form Modal component
+ */
+function generateVue2FormModal(entityName, columns) {
+  const entityLower = entityName.toLowerCase();
+  const entityCapital = capitalize(entityName);
+
+  const formItems = columns
+    .filter(col => !col.primaryKey)
+    .map(col => {
+      let input = `<el-input v-model="formData.${col.name}" placeholder="Please enter ${col.label}" />`;
+      if (col.type === 'Date' || col.type === 'DateTime') {
+        input = `<el-date-picker
+  v-model="formData.${col.name}"
+  type="date"
+  placeholder="Select ${col.label}"
+  value-format="yyyy-MM-dd"
+/>`;
+      } else if (col.type === 'Boolean' || col.type === 'boolean') {
+        input = `<el-switch v-model="formData.${col.name}" />`;
+      }
+      return `      <el-form-item label="${col.label}" prop="${col.name}"${col.required ? ' required' : ''}>
+        ${input}
+      </el-form-item>`;
+    })
+    .join('\n');
+
+  const initialData = columns
+    .filter(col => !col.primaryKey)
+    .map(col => `      ${col.name}: ${col.default ? JSON.stringify(col.default) : getDefaultValue(col.type)}`)
+    .join(',\n');
+
+  const rules = columns
+    .filter(col => col.required && !col.primaryKey)
+    .map(col => `      ${col.name}: [{ required: true, message: 'Please enter ${col.label}', trigger: 'blur' }]`)
+    .join(',\n');
+
+  const addEditMethod = `
+async handleSubmit() {
+  this.$refs.form.validate(async valid => {
+    if (!valid) return;
+    try {
+      if (this.isEdit) {
+        await ${entityLower}Update(this.formData);
+        this.$message.success('Updated successfully');
+      } else {
+        await ${entityLower}Add(this.formData);
+        this.$message.success('Added successfully');
+      }
+      this.$emit('success');
+      this.resetForm();
+    } catch (error) {
+      this.$message.error(this.isEdit ? 'Update failed' : 'Add failed');
+      console.error(error);
+    }
+  });
+}`;
+
+  return `<template>
+  <el-dialog
+    :title="dialogTitle"
+    :visible.sync="visible"
+    width="600px"
+    @close="resetForm">
+    <el-form ref="form" :model="formData" :rules="rules" label-width="100px">
+${formItems}
+    </el-form>
+    <span slot="footer" class="dialog-footer">
+      <el-button @click="visible = false">Cancel</el-button>
+      <el-button type="primary" @click="handleSubmit">Confirm</el-button>
+    </span>
+  </el-dialog>
+</template>
+
+<script>
+import { ${entityLower}Add, ${entityLower}Update } from '@/api/${entityLower}';
+
+function getDefaultValue(type) {
+  switch (type) {
+    case 'String': return '';
+    case 'Number': case 'Integer': case 'Long': return 0;
+    case 'Boolean': return false;
+    case 'Date': return '';
+    default: return '';
+  }
+}
+
+export default {
+  name: '${entityCapital}FormDialog',
+  props: {
+    visible: {
+      type: Boolean,
+      default: false
+    },
+    formData: {
+      type: Object,
+      default: null
+    },
+    isEdit: {
+      type: Boolean,
+      default: false
+    }
+  },
+  data() {
+    return {
+      formData: {
+${initialData}
+      },
+      rules: {
+${rules}
+      }
+    };
+  },
+  computed: {
+    dialogTitle() {
+      return this.isEdit ? 'Edit ${entityCapital}' : 'Add ${entityCapital}';
+    }
+  },
+  watch: {
+    formData(val) {
+      if (val && this.isEdit) {
+        this.formData = { ...val };
+      }
+    }
+  },
+  methods: {
+    resetForm() {
+      this.$refs.form && this.$refs.form.clearValidate();
+${initialData
+  .split('\n')
+  .map(line => '      this.formData.' + line.trim().split(':')[0] + ' = ' + line.trim().split('=')[1].trim())
+  .join('\n')}
+    },
+${addEditMethod.trim()}
+  }
+};
+</script>
+`;
+}
+
+/**
+ * Generate Vue2 API module
+ */
+function generateVue2Api(entityName, tableName) {
+  const entityLower = entityName.toLowerCase();
+  const entityCapital = capitalize(entityName);
+  const baseUrl = `/${tableName || entityLower}`;
+
+  return `import request from '@/utils/request';
+
+/**
+ * ${entityCapital} API
+ */
+
+// Get ${entityCapital} list with pagination
+export function ${entityLower}List(params) {
+  return request({
+    url: '${baseUrl}/list',
+    method: 'get',
+    params
+  });
+}
+
+// Get ${entityCapital} by id
+export function ${entityLower}GetById(id) {
+  return request({
+    url: '${baseUrl}/${id}',
+    method: 'get'
+  });
+}
+
+// Add ${entityCapital}
+export function ${entityLower}Add(data) {
+  return request({
+    url: '${baseUrl}',
+    method: 'post',
+    data
+  });
+}
+
+// Update ${entityCapital}
+export function ${entityLower}Update(data) {
+  return request({
+    url: '${baseUrl}',
+    method: 'put',
+    data
+  });
+}
+
+// Delete ${entityCapital}
+export function ${entityLower}Delete(id) {
+  return request({
+    url: '${baseUrl}/${id}',
+    method: 'delete'
+  });
+}
+`;
+}
+
+// ========== SpringBoot + MyBatis Generation ==========
+
+/**
+ * Generate MyBatis Entity class
+ */
+function generateMyBatisEntity(entityName, columns, packageName = 'com.example.demo.entity') {
+  const fields = columns.map(col => {
+    return `  /**
+   * ${col.label || col.name}
+   */
+  private ${col.type} ${col.name};`;
+  }).join('\n\n');
+
+  return `package ${packageName};
+
+import lombok.Data;
+import java.io.Serializable;
+${columns.some(c => c.type === 'Date') ? 'import java.util.Date;' : ''}
+
+/**
+ * ${entityName} Entity
+ */
+@Data
+public class ${entityName} implements Serializable {
+
+  private static final long serialVersionUID = 1L;
+
+${fields}
+}
+`;
+}
+
+/**
+ * Generate MyBatis Mapper interface
+ */
+function generateMyBatisMapper(entityName, packageName = 'com.example.demo.mapper') {
+  const entityLower = entityName.toLowerCase();
+
+  return `package ${packageName};
+
+import com.baomidou.mybatisplus.core.mapper.BaseMapper;
+import ${packageName.replace('.mapper', '.entity')}.${entityName};
+import org.apache.ibatis.annotations.Mapper;
+
+/**
+ * ${entityName} Mapper Interface
+ */
+@Mapper
+public interface ${entityName}Mapper extends BaseMapper<${entityName}> {
+
+}
+`;
+}
+
+/**
+ * Generate plain MyBatis Mapper interface (without MP)
+ */
+function generatePlainMyBatisMapper(entityName, packageName = 'com.example.demo.mapper') {
+  const entityLower = entityName.toLowerCase();
+
+  return `package ${packageName};
+
+import ${packageName.replace('.mapper', '.entity')}.${entityName};
+import org.apache.ibatis.annotations.Mapper;
+import org.apache.ibatis.annotations.Param;
+import java.util.List;
+
+/**
+ * ${entityName} Mapper Interface
+ */
+@Mapper
+public interface ${entityName}Mapper {
+
+  /**
+   * Query by primary key
+   */
+  ${entityName} selectById(Long id);
+
+  /**
+   * Query list by condition
+   */
+  List<${entityName}> selectList(@Param("query") ${entityName} query);
+
+  /**
+   * Count total
+   */
+  int count(@Param("query") ${entityName} query);
+
+  /**
+   * Insert
+   */
+  int insert(${entityName} record);
+
+  /**
+   * Update by primary key
+   */
+  int updateById(${entityName} record);
+
+  /**
+   * Delete by primary key
+   */
+  int deleteById(Long id);
+}
+`;
+}
+
+/**
+ * Generate SpringBoot Service interface
+ */
+function generateSpringBootService(entityName, packageName = 'com.example.demo.service') {
+  const entityLower = entityName.toLowerCase();
+
+  return `package ${packageName};
+
+import ${packageName.replace('.service', '.entity')}.${entityName};
+import com.baomidou.mybatisplus.extension.service.IService;
+
+/**
+ * ${entityName} Service Interface
+ */
+public interface ${entityName}Service extends IService<${entityName}> {
+
+}
+`;
+}
+
+/**
+ * Generate plain Service interface (without MP)
+ */
+function generatePlainSpringBootService(entityName, packageName = 'com.example.demo.service') {
+  const entityLower = entityName.toLowerCase();
+
+  return `package ${packageName};
+
+import ${packageName.replace('.service', '.entity')}.${entityName};
+import com.github.pagehelper.PageInfo;
+import java.util.List;
+
+/**
+ * ${entityName} Service Interface
+ */
+public interface ${entityName}Service {
+
+  /**
+   * Get by ID
+   */
+  ${entityName} getById(Long id);
+
+  /**
+   * Query page
+   */
+  PageInfo<${entityName}> pageList(${entityName} query, int pageNum, int pageSize);
+
+  /**
+   * Create
+   */
+  int create(${entityName} record);
+
+  /**
+   * Update
+   */
+  int update(${entityName} record);
+
+  /**
+   * Delete
+   */
+  int delete(Long id);
+}
+`;
+}
+
+/**
+ * Generate Service Implementation
+ */
+function generateSpringBootServiceImpl(entityName, packageName = 'com.example.demo.service.impl') {
+  const entityLower = entityName.toLowerCase();
+  const basePackage = packageName.replace('.service.impl', '');
+
+  return `package ${packageName};
+
+import ${basePackage}.entity.${entityName};
+import ${basePackage}.mapper.${entityName}Mapper;
+import ${basePackage}.service.${entityName}Service;
+import com.baomidou.mybatisplus.extension.service.impl.ServiceImpl;
+import org.springframework.stereotype.Service;
+
+/**
+ * ${entityName} Service Implementation
+ */
+@Service
+public class ${entityName}ServiceImpl extends ServiceImpl<${entityName}Mapper, ${entityName}> implements ${entityName}Service {
+
+}
+`;
+}
+
+/**
+ * Generate plain Service Implementation
+ */
+function generatePlainSpringBootServiceImpl(entityName, packageName = 'com.example.demo.service.impl') {
+  const entityLower = entityName.toLowerCase();
+  const basePackage = packageName.replace('.service.impl', '');
+
+  return `package ${packageName};
+
+import ${basePackage}.entity.${entityName};
+import ${basePackage}.mapper.${entityName}Mapper;
+import ${basePackage}.service.${entityName}Service;
+import com.github.pagehelper.PageHelper;
+import com.github.pagehelper.PageInfo;
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.stereotype.Service;
+
+import java.util.List;
+
+/**
+ * ${entityName} Service Implementation
+ */
+@Service
+public class ${entityName}ServiceImpl implements ${entityName}Service {
+
+  @Autowired
+  private ${entityName}Mapper ${entityLower}Mapper;
+
+  @Override
+  public ${entityName} getById(Long id) {
+    return ${entityLower}Mapper.selectById(id);
+  }
+
+  @Override
+  public PageInfo<${entityName}> pageList(${entityName} query, int pageNum, int pageSize) {
+    PageHelper.startPage(pageNum, pageSize);
+    List<${entityName}> list = ${entityLower}Mapper.selectList(query);
+    return new PageInfo<>(list);
+  }
+
+  @Override
+  public int create(${entityName} record) {
+    return ${entityLower}Mapper.insert(record);
+  }
+
+  @Override
+  public int update(${entityName} record) {
+    return ${entityLower}Mapper.updateById(record);
+  }
+
+  @Override
+  public int delete(Long id) {
+    return ${entityLower}Mapper.deleteById(id);
+  }
+}
+`;
+}
+
+/**
+ * Generate SpringBoot Controller
+ */
+function generateSpringBootController(entityName, packageName = 'com.example.demo.controller') {
+  const entityLower = entityName.toLowerCase();
+  const basePackage = packageName.replace('.controller', '');
+  const basePath = `/${entityLower}`;
+
+  return `package ${packageName};
+
+import ${basePackage}.entity.${entityName};
+import ${basePackage}.service.${entityName}Service;
+import com.baomidou.mybatisplus.core.conditions.query.LambdaQueryWrapper;
+import com.baomidou.mybatisplus.extension.plugins.pagination.Page;
+import com.baomidou.mybatisplus.core.metadata.IPage;
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.web.bind.annotation.*;
+import io.swagger.annotations.Api;
+import io.swagger.annotations.ApiOperation;
+import com.common.result.Result;
+
+/**
+ * ${entityName} Controller
+ */
+@Api(tags = "${entityName} Controller")
+@RestController
+@RequestMapping("${basePath}")
+public class ${entityName}Controller {
+
+  @Autowired
+  private ${entityName}Service ${entityLower}Service;
+
+  @ApiOperation("Get ${entityName} page list")
+  @GetMapping("/list")
+  public Result<IPage<${entityName}>> list(
+      @RequestParam(defaultValue = "1") Integer pageNum,
+      @RequestParam(defaultValue = "10") Integer pageSize,
+      ${entityName} query) {
+    Page<${entityName}> page = new Page<>(pageNum, pageSize);
+    LambdaQueryWrapper<${entityName}> wrapper = new LambdaQueryWrapper<>();
+    // TODO: Add query conditions
+    IPage<${entityName}> result = ${entityLower}Service.page(page, wrapper);
+    return Result.success(result);
+  }
+
+  @ApiOperation("Get ${entityName} detail by ID")
+  @GetMapping("/{id}")
+  public Result<${entityName}> getById(@PathVariable Long id) {
+    ${entityName} ${entityLower} = ${entityLower}Service.getById(id);
+    return Result.success(${entityLower});
+  }
+
+  @ApiOperation("Create ${entityName}")
+  @PostMapping
+  public Result<Boolean> create(@RequestBody ${entityName} record) {
+    boolean result = ${entityLower}Service.save(record);
+    return Result.success(result);
+  }
+
+  @ApiOperation("Update ${entityName}")
+  @PutMapping
+  public Result<Boolean> update(@RequestBody ${entityName} record) {
+    boolean result = ${entityLower}Service.updateById(record);
+    return Result.success(result);
+  }
+
+  @ApiOperation("Delete ${entityName}")
+  @DeleteMapping("/{id}")
+  public Result<Boolean> delete(@PathVariable Long id) {
+    boolean result = ${entityLower}Service.removeById(id);
+    return Result.success(result);
+  }
+}
+`;
+}
+
+/**
+ * Generate plain Controller (without MP)
+ */
+function generatePlainSpringBootController(entityName, packageName = 'com.example.demo.controller') {
+  const entityLower = entityName.toLowerCase();
+  const basePackage = packageName.replace('.controller', '');
+  const basePath = `/${entityLower}`;
+
+  return `package ${packageName};
+
+import ${basePackage}.entity.${entityName};
+import ${basePackage}.service.${entityName}Service;
+import com.github.pagehelper.PageInfo;
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.web.bind.annotation.*;
+import io.swagger.annotations.Api;
+import io.swagger.annotations.ApiOperation;
+import com.common.result.Result;
+
+/**
+ * ${entityName} Controller
+ */
+@Api(tags = "${entityName} Controller")
+@RestController
+@RequestMapping("${basePath}")
+public class ${entityName}Controller {
+
+  @Autowired
+  private ${entityName}Service ${entityLower}Service;
+
+  @ApiOperation("Get ${entityName} page list")
+  @GetMapping("/list")
+  public Result<PageInfo<${entityName}>> list(
+      @RequestParam(defaultValue = "1") Integer pageNum,
+      @RequestParam(defaultValue = "10") Integer pageSize,
+      ${entityName} query) {
+    PageInfo<${entityName}> result = ${entityLower}Service.pageList(query, pageNum, pageSize);
+    return Result.success(result);
+  }
+
+  @ApiOperation("Get ${entityName} detail by ID")
+  @GetMapping("/{id}")
+  public Result<${entityName}> getById(@PathVariable Long id) {
+    ${entityName} ${entityLower} = ${entityLower}Service.getById(id);
+    return Result.success(${entityLower});
+  }
+
+  @ApiOperation("Create ${entityName}")
+  @PostMapping
+  public Result<Integer> create(@RequestBody ${entityName} record) {
+    int result = ${entityLower}Service.create(record);
+    return Result.success(result);
+  }
+
+  @ApiOperation("Update ${entityName}")
+  @PutMapping
+  public Result<Integer> update(@RequestBody ${entityName} record) {
+    int result = ${entityLower}Service.update(record);
+    return Result.success(result);
+  }
+
+  @ApiOperation("Delete ${entityName}")
+  @DeleteMapping("/{id}")
+  public Result<Integer> delete(@PathVariable Long id) {
+    int result = ${entityLower}Service.delete(id);
+    return Result.success(result);
+  }
+}
+`;
+}
+
+/**
+ * Generate MyBatis XML Mapper
+ */
+function generateMyBatisXml(entityName, tableName, columns) {
+  const table = tableName || camelToSnake(entityName);
+  const primaryKey = columns.find(c => c.primaryKey) || columns[0];
+
+  const resultMap = `  <resultMap id="BaseResultMap" type="${entityName}">
+${columns.map(col => `    <${col.primaryKey ? 'id' : 'result'} column="${camelToSnake(col.name)}" property="${col.name}" jdbcType="${getJdbcType(col.type)}" />`).join('\n')}
+  </resultMap>`;
+
+  const baseColumnList = columns.map(col => camelToSnake(col.name)).join(',\n    ');
+
+  const insertColumns = columns.map(col => camelToSnake(col.name)).join(',\n    ');
+  const insertValues = columns.map(col => `#{${col.name}}`).join(',\n    ');
+
+  const dynamicSet = columns
+    .filter(col => !col.primaryKey)
+    .map(col => `      <if test="${col.name} != null">
+        ${camelToSnake(col.name)} = #{${col.name}},
+      </if>`)
+    .join('\n');
+
+  const dynamicWhere = columns
+    .filter(col => !col.primaryKey)
+    .map(col => `      <if test="query.${col.name} != null and query.${col.name} != ''">
+        AND ${camelToSnake(col.name)} = #{query.${col.name}}
+      </if>`)
+    .join('\n');
+
+  return `<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
+<mapper namespace="com.example.demo.mapper.${entityName}Mapper">
+
+${resultMap}
+
+  <sql id="Base_Column_List">
+    ${baseColumnList}
+  </sql>
+
+  <select id="selectById" resultMap="BaseResultMap">
+    SELECT
+    <include refid="Base_Column_List" />
+    FROM ${table}
+    WHERE ${camelToSnake(primaryKey.name)} = #{id}
+  </select>
+
+  <select id="selectList" resultMap="BaseResultMap">
+    SELECT
+    <include refid="Base_Column_List" />
+    FROM ${table}
+    <where>
+${dynamicWhere}
+    </where>
+    ORDER BY ${camelToSnake(primaryKey.name)} DESC
+  </select>
+
+  <select id="count" resultType="int">
+    SELECT COUNT(*)
+    FROM ${table}
+    <where>
+${dynamicWhere}
+    </where>
+  </select>
+
+  <insert id="insert" parameterType="${entityName}">
+    INSERT INTO ${table} (
+    ${insertColumns}
+    ) VALUES (
+    ${insertValues}
+    );
+  </insert>
+
+  <update id="updateById" parameterType="${entityName}">
+    UPDATE ${table}
+    <set>
+${dynamicSet}
+    </set>
+    WHERE ${camelToSnake(primaryKey.name)} = #{${primaryKey.name}}
+  </update>
+
+  <delete id="deleteById">
+    DELETE FROM ${table}
+    WHERE ${camelToSnake(primaryKey.name)} = #{id}
+  </delete>
+</mapper>
+`;
+}
+
+/**
+ * Get JDBC type from Java type
+ */
+function getJdbcType(javaType) {
+  const map = {
+    'String': 'VARCHAR',
+    'Long': 'BIGINT',
+    'Integer': 'INTEGER',
+    'int': 'INTEGER',
+    'Boolean': 'BOOLEAN',
+    'Date': 'TIMESTAMP',
+    'DateTime': 'TIMESTAMP',
+    'BigDecimal': 'DECIMAL',
+    'Double': 'DOUBLE',
+    'Float': 'FLOAT'
+  };
+  return map[javaType] || 'VARCHAR';
+}
+
+/**
+ * Get default value for Vue data
+ */
+function getDefaultValue(type) {
+  switch (type) {
+    case 'String': case 'Date': return "''";
+    case 'Number': case 'Integer': case 'Long': return '0';
+    case 'Boolean': return 'false';
+    default: return "''";
+  }
+}
+
+/**
+ * Generate full-stack CRUD
+ */
+function generateFullStackCrud(entityName, tableName, columns, options = {}) {
+  const { useMyBatisPlus = true, basePackage = 'com.example.demo' } = options;
+
+  return {
+    vue: {
+      crudPage: generateVue2CrudPage(entityName, tableName, columns),
+      formDialog: generateVue2FormModal(entityName, columns),
+      api: generateVue2Api(entityName, tableName)
+    },
+    springboot: {
+      entity: generateMyBatisEntity(entityName, columns, `${basePackage}.entity`),
+      mapper: useMyBatisPlus
+        ? generateMyBatisMapper(entityName, `${basePackage}.mapper`)
+        : generatePlainMyBatisMapper(entityName, `${basePackage}.mapper`),
+      service: useMyBatisPlus
+        ? generateSpringBootService(entityName, `${basePackage}.service`)
+        : generatePlainSpringBootService(entityName, `${basePackage}.service`),
+      serviceImpl: useMyBatisPlus
+        ? generateSpringBootServiceImpl(entityName, `${basePackage}.service.impl`)
+        : generatePlainSpringBootServiceImpl(entityName, `${basePackage}.service.impl`),
+      controller: useMyBatisPlus
+        ? generateSpringBootController(entityName, `${basePackage}.controller`)
+        : generatePlainSpringBootController(entityName, `${basePackage}.controller`)
+    },
+    mybatis: {
+      xml: useMyBatisPlus ? null : generateMyBatisXml(entityName, tableName, columns)
+    }
+  };
+}
+
+// ========== Export ==========
+
+module.exports = {
+  getInfo,
+  // Vue2
+  generateVue2Component,
+  generateVue2CrudPage,
+  generateVue2FormModal,
+  generateVue2Api,
+  // MyBatis
+  generateMyBatisEntity,
+  generateMyBatisMapper,
+  generatePlainMyBatisMapper,
+  generateMyBatisXml,
+  // SpringBoot
+  generateSpringBootService,
+  generatePlainSpringBootService,
+  generateSpringBootServiceImpl,
+  generatePlainSpringBootServiceImpl,
+  generateSpringBootController,
+  generatePlainSpringBootController,
+  // Full Stack
+  generateFullStackCrud
+};
+

package/package.json

@@ -0,0 +1,39 @@
+{
+  "name": "@skills-cli/vue2-springboot-mybatis",
+  "version": "1.0.0",
+  "description": "Universal coding assistance skills for Vue2 + SpringBoot + MyBatis full-stack development",
+  "main": "index.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "keywords": [
+    "skills-cli",
+    "vue2",
+    "springboot",
+    "mybatis",
+    "code-generation",
+    "crud",
+    "fullstack",
+    "coding-assistance"
+  ],
+  "author": "skills-cli",
+  "license": "MIT",
+  "tags": [
+    "vue2",
+    "springboot",
+    "mybatis",
+    "code-generation",
+    "crud",
+    "fullstack"
+  ],
+  "capabilities": [
+    "vue2-component",
+    "vue2-crud",
+    "springboot-controller",
+    "springboot-service",
+    "mybatis-entity",
+    "mybatis-mapper",
+    "crud-generation",
+    "code-template"
+  ]
+}

package/skills.json

@@ -0,0 +1,36 @@
+{
+  "name": "vue2-springboot-mybatis",
+  "version": "1.0.0",
+  "description": "Universal coding assistance skills for Vue2 + SpringBoot + MyBatis full-stack development",
+  "priority": 80,
+  "tags": ["vue2", "springboot", "mybatis", "code-generation", "crud", "fullstack", "coding-assistance"],
+  "capabilities": [
+    "generate-vue2-component",
+    "generate-vue2-crud-page",
+    "generate-springboot-controller",
+    "generate-springboot-service",
+    "generate-mybatis-entity",
+    "generate-mybatis-mapper",
+    "generate-mybatis-xml",
+    "generate-crud-fullstack",
+    "code-templates"
+  ],
+  "dependencies": {},
+  "devDependencies": {},
+  "priorityOverrides": {},
+  "config": {
+    "vue2": {
+      "componentPath": "src/components",
+      "viewPath": "src/views",
+      "apiPath": "src/api"
+    },
+    "springboot": {
+      "basePackage": "com.example.demo",
+      "entityPath": "src/main/java/**/entity",
+      "mapperPath": "src/main/java/**/mapper",
+      "servicePath": "src/main/java/**/service",
+      "controllerPath": "src/main/java/**/controller",
+      "xmlPath": "src/main/resources/mapper"
+    }
+  }
+}