tmui-cli 2.0.6 → 5.3.2

package/data/tmui4x/30./347/273/204/344/273/266/345/272/223//350/241/250/345/215/225/347/273/204/344/273/266//350/241/250/345/215/225 xForm.md"

@@ -3,6 +3,7 @@
 ## 介绍
 
 从1.1.2开始允许xform可以嵌套view进行form-item布局了,但建议不要嵌套太深,影响性能.
+嵌套对象字段支持 / 和 . 两种写法，如 user/id、user.id，两者等价，rules 的 key 同样适用。
 
 ## 平台兼容
 
@@ -30,11 +31,11 @@
 | labelDirection | `不支持动态修改（uniappx 3.99不支持动态传递 inject）,可在子组件上动态修改`<br>`vertical,horizontal`<br> | `labelDirType` | `"horizontal"` |
 | labelFontColor | `标签的文本颜色,不支持动态修改（uniappx 3.99不支持动态传递 inject）,可在子组件上动态修改`<br> | `string` | `"#333333"` |
 | errorAutoPage | `出错时，是否滚动到表单的位置`<br>`不支持动态修改（uniappx 3.99不支持动态传递 inject）,可在子组件上动态修改`<br> | `boolean` | `true` |
-| modelValue | `等同v-model`<br> | `any` | `{} as UTSJSONObject` |
+| modelValue | `等同v-model`<br> | `any` | `{} as Record<string, any>` |
 | labelFontSize | `标签文本大小`<br>`不支持动态修改（uniappx 3.99不支持动态传递 inject）,可在子组件上动态修改`<br> | `string` | `"16"` |
 | showLabel | `是否显示标题,不支持动态修改（uniappx 3.99不支持动态传递 inject）,可在子组件上动态修改`<br> | `boolean` | `true` |
 | errorAlign | `错误标签的对齐方式,left,center,right`<br> | `errorAlignType` | `'left'` |
-| rules | `rules这里提供和与formItem上提供的不冲突都可以校验`<br>`如果两个名称相同会被校验两次。如果两有一边提供也会校验一次。`<br> | `Map` | `():Map<string,FORM_RULE[]> => new Map<string,FORM_RULE[]>()` |
+| rules | `字段规则集合，推荐对象：{ username: [{ type: 'string' }] }。`<br>`与 formItem 上的 rule 不冲突，两边都有时同名字段会校验两次，只提供一边则校验一次。`<br>`仍兼容旧的 Map<string, FORM_RULE[]>。`<br> | `union` | `():FORM_RULES => ({} as FORM_RULES)` |
 | watchValidStatus | `是否开启实时全部字段校验获取当前实时的校验状态，`<br>`通过vmodel:valid对外输出当前实时的校验值，当字段值改变时会一直监测并监听所有字段并返回结果到对外`<br>`如果你没有这个需求场景，请保持关闭状态，如果你确实外部需要实时改变并观察提交按钮状态可以打开，请在字段少的场景使用。`<br> | `boolean` | `false` |
 | modelValid | `当前的校验状态，请不要外部改变此值，此值只对外输出当前校验状态`<br>`需要设置watchValidStatus为true才会实时监听并检测状态。请通过v-model:valid来得到状态值`<br> | `boolean` | `false` |
 
@@ -84,8 +85,6 @@
 		<x-sheet>
 			<x-text font-size="18" class=" text-weight-b mb-8">表单 xForm</x-text>
 			<x-text color="#999999">与官方不同的是，它只为数据进行验证，因此不仅仅局限表单组件。而是任意数据进行的验证收集，比官方更灵活，与web组件对齐的校验。</x-text>
-			<x-text color="#999999">为了体验提供了属性：默认如果有字段校验不过，会把页面滚动到当前出错 的位置。</x-text>
-			<x-text color="#999999">1.1.17开始支持嵌套对象字段，key必须/分割如'user/id'</x-text>
 		</x-sheet>
 
 		<x-sheet>
@@ -96,7 +95,7 @@
 					<x-input cursor-color="red" color='transparent' v-model="(reqData.username as string)"
 						align="right"></x-input>
 				</x-form-item>
-				<x-form-item field="testChildrenForm/text" label="嵌套字段" :required="true">
+				<x-form-item field="testChildrenForm.text" label="嵌套字段" :required="true">
 					<x-input cursor-color="red" color='transparent' v-model="(reqData.testChildrenForm.text as string)"
 						align="right"></x-input>
 				</x-form-item>
@@ -118,7 +117,7 @@
 				</x-form-item>
 				<x-form-item label="上传图片" field="upload" :required="true" contentStyle="display:flex;flex-direction:row;justify-content:flex-end">
 					<x-upload-media :max-count="3" align="right" v-model="(reqData.upload as XUPLOADFILE_FILE_VALUE[])" :column="3"
-						style="width: 200px;" img-height="70px"></x-upload-media>
+						style="width: 200px;"></x-upload-media>
 				</x-form-item>
 
 				<x-form-item field="radio" label="选择性别" :required="true">
@@ -143,10 +142,10 @@
 		</x-sheet>
 		<x-sheet>
 			<x-text font-size="18" class=" text-weight-b mb-8">ref方法对上述表单验证</x-text>
-			<view class="flex flex-row ">
-				<x-button class="flex-1 mr-n6" @click="submitByClick">ref验证</x-button>
-				<x-button class="flex-1 mr-n6" @click="clearValid">清除验证</x-button>
-				<x-button class="flex-1" @click="submitref">只验证用户名</x-button>
+			<view class="flex flex-row flex-row-center-between">
+				<x-button style="width: calc(33.33% - 3px);" @click="submitByClick">ref验证</x-button>
+				<x-button style="width: calc(33.33% - 3px);"  @click="clearValid">清除验证</x-button>
+				<x-button style="width: calc(33.33% - 3px);"  @click="submitref">仅用户名</x-button>
 			</view>
 		</x-sheet>
 
@@ -157,12 +156,12 @@
 		<x-sheet>
 			<x-form v-model:modelValid="(isPass as boolean)" :watchValidStatus="true" @submit="(submit as resultTtype)" v-model="(logindata as LOGIN_TYPE)"
 				:label-direction="('vertical' as labelDirType)">
-				<x-form-item :cell-padding="['0','0']" :showBottomBorder="false" :rule="rules.get('username')!" field="user"
+				<x-form-item :cell-padding="['0','0']" :showBottomBorder="false" :rule="rules.username" field="user"
 					label="用户帐号" :required="true">
 					<x-input darkBgColor="" left-icon="account-pin-circle-fill" placeholder="请输入你的帐号"
 						v-model="(logindata.user as string)"></x-input>
 				</x-form-item>
-				<x-form-item :cell-padding="['0','0']" :showBottomBorder="false" :rule="rules.get('password')!" field="pass"
+				<x-form-item :cell-padding="['0','0']" :showBottomBorder="false" :rule="rules.password" field="pass"
 					label="登录密码" :required="true">
 					<x-input darkBgColor="" :password="true" left-icon="lock-password-fill" placeholder="请输入8位密码"
 						v-model="(logindata.pass as string)"></x-input>
@@ -203,8 +202,17 @@
 	}
 	const isPass = ref(false)
 	// RULES可以集中管理，也可以单位分开管理。到form-item rule上或者form中的rules上
-	let rules = new Map<string, FORM_RULE[]>([
-		["username", [
+	type DEMO_FORM_RULES = {
+		username : FORM_RULE[],
+		"testChildrenForm.text" : FORM_RULE[],
+		password : FORM_RULE[],
+		title : FORM_RULE[],
+		price : FORM_RULE[],
+		num : FORM_RULE[],
+		upload : FORM_RULE[],
+	}
+	const rules : DEMO_FORM_RULES = {
+		username: [
 			{
 				type: "string",
 				errorMessage: "姓名填写不正确，不能空，且要小于4个字符",
@@ -214,8 +222,8 @@
 					return pval.length > 0 && pval.length <= 4
 				}
 			}
-		]],
-		["testChildrenForm/text", [
+		],
+		"testChildrenForm.text": [
 			{
 				type: "string",
 				errorMessage: "嵌套字段不能空，且要小于4个字符",
@@ -225,8 +233,8 @@
 					return pval.length > 0 && pval.length <= 4
 				}
 			}
-		]],
-		["password", [
+		],
+		password: [
 			{
 				type: "number",
 				errorMessage: "请输入8位密码",
@@ -235,8 +243,8 @@
 					return pval.length == 8
 				}
 			}
-		]],
-		["title",[
+		],
+		title: [
 			{
 				type: "string",
 				errorMessage: "产品标题不空，且大于5个字符小于12个字符",
@@ -245,31 +253,31 @@
 					return pval.length > 5 && pval.length <= 12
 				}
 			}
-		]],
-		["price",[
+		],
+		price: [
 			{
 				type: "number",
 				errorMessage: "价格不能小于30元",
 				min: 30
 			}
-		]],
-		["num",[
+		],
+		num: [
 			{
 				type: "number",
 				errorMessage: "商品库存在2-200之间",
 				min: 2,
 				max: 100
 			}
-		]],
-		["upload",[
+		],
+		upload: [
 			{
 				type: "array",
 				errorMessage: "请最少选择1张图片最多3张",
 				min: 1,
 				max: 3
-			} as FORM_RULE
-		]]
-	])
+			}
+		]
+	}
 
 	const reqData = ref<USER_TYPE>({
 		username: "",

package/data/tmui4x/30./347/273/204/344/273/266/345/272/223//350/241/250/345/215/225/347/273/204/344/273/266//350/241/250/345/215/225/345/255/220/347/273/204/344/273/266 xFormItem.md"

@@ -3,7 +3,7 @@
 ## 介绍
 
 从1.1.2开始允许非xform直接子节点了,也就是在xform可以嵌套view进行form-item布局了,但建议不要嵌套太深,影响性能.
-1.1.17开始支持嵌套对象字段，key必须/分割如'user/id'，sdk不支持以.分割符。
+嵌套对象字段支持 / 和 . 两种写法，如 user/id、user.id，两者等价。
 
 ## 平台兼容
 
@@ -88,8 +88,6 @@
 		<x-sheet>
 			<x-text font-size="18" class=" text-weight-b mb-8">表单 xForm</x-text>
 			<x-text color="#999999">与官方不同的是，它只为数据进行验证，因此不仅仅局限表单组件。而是任意数据进行的验证收集，比官方更灵活，与web组件对齐的校验。</x-text>
-			<x-text color="#999999">为了体验提供了属性：默认如果有字段校验不过，会把页面滚动到当前出错 的位置。</x-text>
-			<x-text color="#999999">1.1.17开始支持嵌套对象字段，key必须/分割如'user/id'</x-text>
 		</x-sheet>
 
 		<x-sheet>
@@ -100,7 +98,7 @@
 					<x-input cursor-color="red" color='transparent' v-model="(reqData.username as string)"
 						align="right"></x-input>
 				</x-form-item>
-				<x-form-item field="testChildrenForm/text" label="嵌套字段" :required="true">
+				<x-form-item field="testChildrenForm.text" label="嵌套字段" :required="true">
 					<x-input cursor-color="red" color='transparent' v-model="(reqData.testChildrenForm.text as string)"
 						align="right"></x-input>
 				</x-form-item>
@@ -122,7 +120,7 @@
 				</x-form-item>
 				<x-form-item label="上传图片" field="upload" :required="true" contentStyle="display:flex;flex-direction:row;justify-content:flex-end">
 					<x-upload-media :max-count="3" align="right" v-model="(reqData.upload as XUPLOADFILE_FILE_VALUE[])" :column="3"
-						style="width: 200px;" img-height="70px"></x-upload-media>
+						style="width: 200px;"></x-upload-media>
 				</x-form-item>
 
 				<x-form-item field="radio" label="选择性别" :required="true">
@@ -147,10 +145,10 @@
 		</x-sheet>
 		<x-sheet>
 			<x-text font-size="18" class=" text-weight-b mb-8">ref方法对上述表单验证</x-text>
-			<view class="flex flex-row ">
-				<x-button class="flex-1 mr-n6" @click="submitByClick">ref验证</x-button>
-				<x-button class="flex-1 mr-n6" @click="clearValid">清除验证</x-button>
-				<x-button class="flex-1" @click="submitref">只验证用户名</x-button>
+			<view class="flex flex-row flex-row-center-between">
+				<x-button style="width: calc(33.33% - 3px);" @click="submitByClick">ref验证</x-button>
+				<x-button style="width: calc(33.33% - 3px);"  @click="clearValid">清除验证</x-button>
+				<x-button style="width: calc(33.33% - 3px);"  @click="submitref">仅用户名</x-button>
 			</view>
 		</x-sheet>
 
@@ -161,12 +159,12 @@
 		<x-sheet>
 			<x-form v-model:modelValid="(isPass as boolean)" :watchValidStatus="true" @submit="(submit as resultTtype)" v-model="(logindata as LOGIN_TYPE)"
 				:label-direction="('vertical' as labelDirType)">
-				<x-form-item :cell-padding="['0','0']" :showBottomBorder="false" :rule="rules.get('username')!" field="user"
+				<x-form-item :cell-padding="['0','0']" :showBottomBorder="false" :rule="rules.username" field="user"
 					label="用户帐号" :required="true">
 					<x-input darkBgColor="" left-icon="account-pin-circle-fill" placeholder="请输入你的帐号"
 						v-model="(logindata.user as string)"></x-input>
 				</x-form-item>
-				<x-form-item :cell-padding="['0','0']" :showBottomBorder="false" :rule="rules.get('password')!" field="pass"
+				<x-form-item :cell-padding="['0','0']" :showBottomBorder="false" :rule="rules.password" field="pass"
 					label="登录密码" :required="true">
 					<x-input darkBgColor="" :password="true" left-icon="lock-password-fill" placeholder="请输入8位密码"
 						v-model="(logindata.pass as string)"></x-input>
@@ -207,8 +205,17 @@
 	}
 	const isPass = ref(false)
 	// RULES可以集中管理，也可以单位分开管理。到form-item rule上或者form中的rules上
-	let rules = new Map<string, FORM_RULE[]>([
-		["username", [
+	type DEMO_FORM_RULES = {
+		username : FORM_RULE[],
+		"testChildrenForm.text" : FORM_RULE[],
+		password : FORM_RULE[],
+		title : FORM_RULE[],
+		price : FORM_RULE[],
+		num : FORM_RULE[],
+		upload : FORM_RULE[],
+	}
+	const rules : DEMO_FORM_RULES = {
+		username: [
 			{
 				type: "string",
 				errorMessage: "姓名填写不正确，不能空，且要小于4个字符",
@@ -218,8 +225,8 @@
 					return pval.length > 0 && pval.length <= 4
 				}
 			}
-		]],
-		["testChildrenForm/text", [
+		],
+		"testChildrenForm.text": [
 			{
 				type: "string",
 				errorMessage: "嵌套字段不能空，且要小于4个字符",
@@ -229,8 +236,8 @@
 					return pval.length > 0 && pval.length <= 4
 				}
 			}
-		]],
-		["password", [
+		],
+		password: [
 			{
 				type: "number",
 				errorMessage: "请输入8位密码",
@@ -239,8 +246,8 @@
 					return pval.length == 8
 				}
 			}
-		]],
-		["title",[
+		],
+		title: [
 			{
 				type: "string",
 				errorMessage: "产品标题不空，且大于5个字符小于12个字符",
@@ -249,31 +256,31 @@
 					return pval.length > 5 && pval.length <= 12
 				}
 			}
-		]],
-		["price",[
+		],
+		price: [
 			{
 				type: "number",
 				errorMessage: "价格不能小于30元",
 				min: 30
 			}
-		]],
-		["num",[
+		],
+		num: [
 			{
 				type: "number",
 				errorMessage: "商品库存在2-200之间",
 				min: 2,
 				max: 100
 			}
-		]],
-		["upload",[
+		],
+		upload: [
 			{
 				type: "array",
 				errorMessage: "请最少选择1张图片最多3张",
 				min: 1,
 				max: 3
-			} as FORM_RULE
-		]]
-	])
+			}
+		]
+	}
 
 	const reqData = ref<USER_TYPE>({
 		username: "",

package/data/tmui4x/30./347/273/204/344/273/266/345/272/223//350/241/250/345/215/225/347/273/204/344/273/266//350/272/253/344/273/275/350/257/201/351/224/256/347/233/230 xKeyboardIdcard.md"

@@ -132,7 +132,7 @@
 
 </template>
 
-<script setup>
+<script setup lang="ts">
 	const price = ref("")
 	const password = ref("")
 	

package/data/tmui4x/30./347/273/204/344/273/266/345/272/223//350/241/250/345/215/225/347/273/204/344/273/266//350/275/246/347/211/214/351/224/256/347/233/230 xKeyboardCar.md"

@@ -132,7 +132,7 @@
 
 </template>
 
-<script setup>
+<script setup lang="ts">
 	const price = ref("")
 	const password = ref("")
 	

package/data/tmui4x/30./347/273/204/344/273/266/345/272/223//350/241/250/345/215/225/347/273/204/344/273/266//350/276/223/345/205/245/346/241/206 xInput.md"

@@ -182,7 +182,7 @@
 
 </template>
 
-<script setup>
+<script setup lang="ts">
 	const content = ref("")
 </script>
 

package/data/tmui4x/30./347/273/204/344/273/266/345/272/223//350/241/250/345/215/225/347/273/204/344/273/266//350/276/223/345/205/245/346/241/206 xInputNumber.md"

@@ -164,7 +164,7 @@
 	</x-sheet>
 </template>
 
-<script setup>
+<script setup lang="ts">
 	const val = ref(3)
 	const val2 = ref(3.3)
 	const val3 = ref(8.000)

package/data/tmui4x/30./347/273/204/344/273/266/345/272/223//350/241/250/345/215/225/347/273/204/344/273/266//351/200/211/346/213/251/345/231/250/345/256/271/345/231/250 xPickerView.md"

@@ -27,7 +27,7 @@
 | 名称 | 说明 | 类型 | 默认值 |
 | ------ | ---- | ---- | ---- |
 | list | `数据`<br> | `Array` | `(): Array<PICKER_ITEM_INFO> => [] as Array<PICKER_ITEM_INFO>` |
-| listPro | `数据项,这是内部使用的以提高数据的转换性能。如果你确定你提供的是这个类型，可以赋值此值，避免转换时间。`<br>`格式类型为：X_PICKER_X_ITEM`<br>`数据如果超过1mb不要去转换，最后直接从后台提供string然后直接JSON.getArray<X_PICKER_X_ITEM>(data)赋值到值。`<br>`这样性能在安卓上可以提高到好多。`<br> | `Array` | `(): Array<X_PICKER_X_ITEM> => [] as Array<X_PICKER_X_ITEM>` |
+| listPro | `数据项,这是内部使用的以提高数据的转换性能。如果你确定你提供的是这个类型，可以赋值此值，避免转换时间。`<br>`格式类型为：X_PICKER_X_ITEM`<br>`数据如果超过1mb不要去转换，最后直接从后台提供string然后 JSON.parse(data) as X_PICKER_X_ITEM[] 赋值到值。`<br>`这样性能在安卓上可以提高到好多。`<br> | `Array` | `(): Array<X_PICKER_X_ITEM> => [] as Array<X_PICKER_X_ITEM>` |
 | modelValue | `当前选中项的id值`<br> | `Array` | `(): Array<string   number> => [] as Array<string   number>` |
 | modelStr | `当前选中项的标题文本`<br> | `string` | `''` |
 | modelStrJoin | `自动同步modelstr拼接时的符号.`<br> | `string` | `','` |
@@ -56,7 +56,8 @@
 
 | 名称 | 参数 | 返回值 | 说明 |
 | ------ | ---- | ---- | ---- |
-| - | - | - | - |
+| resync | - | `-` | - |
+
 
 ## 示例文件路径
 

package/data/tmui4x/60.AI/350/207/252/345/212/250/345/214/226/01./345/211/215/347/275/256/345/237/272/347/241/200.md

@@ -0,0 +1,105 @@
+---
+search: false
+---
+
+# Agent Cli
+
+本系列文章以我目前所了解到的知识，引导你自行配置或者开发或使用现有AI对Uniapp,uniappx-vdom,uniappx-vapor等项目
+实现自动化构建流程。
+
+本系列文章和工具让你可以掌握到：
+
+1. AI写页面
+2. AI设计UI，出设计稿
+3. 设计稿转UNIAPP，UNIAPPX页面
+4. AI帮你写原生插件，其中AI掌握：语法检测，模块编译测试通过。
+5. AI帮你打离线基座包，帮你整包测试
+
+
+## 用什么电脑开发？
+
+请使用MAC电脑开发，不建议WIN，不然不全。
+
+## 安装 tmui-cli
+
+### 安装全局的```tmui-cli```命令行工具
+
+里面包含了tmui3.2,tmui4x文档，以及uniappx文档，还有项目创建和升级sdk mcp工具。
+
+安装方式：```npm i -g tmui-cli```,手动操作安装后在终端输入：```tmui```即可。
+
+具体连接[tmui-cli](https://www.npmjs.com/package/tmui-cli)
+
+#### 项目管理MCP
+```
+{
+  "mcpServers": {
+    "tmui": {
+      "command": "npx",
+      "args": ["-y", "tmui-cli", "mcp"]
+    }
+  }
+}
+
+```
+提供了相关项目的创建和升级这是Agent自主完成的必要工具方法
+
+提供的工具：create_uniapp_hbx_project、create_uniapp_cli_project、create_uniappx_vdom_project、create_uniappx_vapor_project、query_tmui_config、list_components、get_component_doc、query_tmui_doc。
+
+#### uniappx文档MCP
+
+```
+{
+  "mcpServers": {
+    "uniappx": {
+      "command": "npx",
+      "args": ["-y", "tmui-cli", "uniappxdocs"]
+    }
+  }
+}
+```
+
+#### TMUI4x 蒸汽文档MCP
+
+```
+{
+  "mcpServers": {
+    "tmui4x": {
+      "command": "npx",
+      "args": ["-y", "tmui-cli", "mcp4x"]
+    }
+  }
+}
+```
+
+## HBX开发环境配置
+
+uniapp和uniappx都要配置，主要是它的编译插件的环境。
+
+下面的配置你可以发给AI，让AI帮你下载配置好开发环境，一项也不可少。
+
+打开HBX的配置中，打开运行配置项：
+
+Gradle路径：```/gradle-8.9/bin/gradle``` 建议保持在8.9，不要升级也不要降级，它与离线打包是不一样的开发环境。
+
+JDK路径 ：```/Library/Java/JavaVirtualMachines/amazon-corretto-21.jdk/Contents/Home``` 建议用此高版本，打包和开发可共用
+
+安卓SDK路径：```/Users/liuping/Library/Android/sdk/platforms/android-36```
+
+鸿蒙配置路径：```/Volumes/extara/app/DevEco-Studio6.app```
+
+IOS插件配置，一般默认就行。
+
+
+<!-- 登录门控内容：
+     ai-01 = 「配置离线打包助手及CLI」章节正文
+     ai-02 = 「参考」节内容（含截图，图片以 data URI 内嵌在密文里）
+     明文源在 .vitepress/gated-src/*.html（图片在 gated-src/assets/），
+     修改后运行 node .vitepress/gated-src/encrypt.mjs 重新生成 public/gated/*.enc -->
+<GatedDoc id="ai-01" />
+
+
+## 参考
+
+<GatedDoc id="ai-02" />
+

package/data/tmui4x/60.AI/350/207/252/345/212/250/345/214/226/02.SKILL/345/222/214MCP.md

@@ -0,0 +1,27 @@
+---
+search: false
+---
+
+# Agent Cli
+
+阅读了前置基础配置后下面进入SKILL及MCP的配置。
+本作者以MAC电脑及Cursor 为例，其它工具可以问AI放到哪些目录和如何配置，一般来说是通用的。
+
+以下所有操作都在```根目录/.cursor/```下进行。
+
+主要是分为三部分
+1. rules ,定论怎么使用和强制使用哪些技能和MCP工具
+2. skills ,这是技能文档，主要是告诉AI如何使用打包，插件编写，编译，语法 检测等
+3. mcp.json ,提供了技能所需要的工具服务。
+
+请在文档仓库下载这三份文件。其中skills中包含了：12份技能，MCP包含了5份工具方法，另外一份MCP工具不在之内，请查看设计那节，自行添加。
+
+其中安卓开发的AI云文本需要自行提供 谷歌 开发文档KEY用于AI 安卓开发中的问题搜索，类似于鸿蒙AI云文档。
+
+[文档及技能仓库](https://git.tmui.design/)
+
+里面包含了全部自动化所需要的技能服务工具，但需要你阅读第一章并配置好工具才可以使用这些东西。
+
+
+
+

package/data/tmui4x/60.AI/350/207/252/345/212/250/345/214/226/03.Agent.md

@@ -0,0 +1,42 @@
+---
+search: false
+---
+
+# Agent
+
+阅读了前面01，02章节后，接下来就是用你的AI agent或者自行开发的agent，利用前面的
+工具和技能自写插件，写页面，打包了。
+
+最后一步：你需要打开对应的HBudler工具，你必须要启动，因为前面的工具需要依赖官方工具的服务。
+
+一切就绪后，开始对话吧！
+打开你任意Agent工具/ide，打开一个对话框
+
+## 创建项目
+
+你可以对AI说：帮我创建一个uniapp vapor蒸汽项目
+
+你可以对AI说：帮我创建一个uniapp vdom项目
+
+你可以对AI说：帮我创建一个uniapp项目
+
+都可以自动完成
+
+## 创建插件
+下载插件仓库：[打开](https://codeup.aliyun.com/) 后找到 x-uts-plugs 代码仓库下载为本地项目。AI会学习我里面高质量的插件源码和语法
+然后在你的Agent中加入项目，并在项目中打开一个新对话。
+
+你可以对AI说：帮我创建一个 本地通知 的插件，要求全平台可用
+
+此时会AI会自己编写原生插件，并自行语法验证，插件编译
+
+## 打包
+前提：你需要使用章节01中的离线助手，配置好环境才可使用，否则AI无法执行成功。
+
+插件或者项目页面完，可以对AI继续说：帮我打包安卓和ios基座。
+
+
+## 结束语
+
+以上就是我日常开发插件，开发项目的流程，全部可以在对话中完成。
+

package/data/tmui4x/60.AI/350/207/252/345/212/250/345/214/226/04.Agent/350/256/276/350/256/241.md

@@ -0,0 +1,65 @@
+---
+search: false
+---
+
+# Agent
+
+我没有UI设计师，或者想为UI设计师提高效率怎么办？别急！！！！
+
+
+## 设计基础前置条件
+
+你可以使用在线或者离线docker部署设计网站。
+在线设计站Penpot：[打开](https://penpot.app/)
+进入后，点左下角，帐号名称，点开,进入仪表板，接着最菜单最后一项：集成。
+
+MCP服务器启用。打开switch开关，启用后下面有的一个链接：
+
+```https://design.penpot.app/mcp/stream?userToken=.....```
+
+这个连接复制出来，在你的IDE/agent里面配置MCP服务器如下：
+
+其中的remix-icon服务是用来在设计中使用的图片，而不是用AI中常用 的Emoji表情及符号。
+
+```
+{
+  "mcpServers": {
+    "Penpot": {
+      "type": "https",
+      "url": "https://design.penpot.app/mcp/stream?userToken=....."
+    },
+	"remix-icon": {
+	  "command": "npx",
+	  "args": ["-y", "remixicon-mcp"]
+	}
+  }
+}
+
+```
+
+
+详细的官方教程见：[配置MCP](https://help.penpot.app/mcp/)
+
+## 设计UI
+
+AI：Grok4.6 ，Claude4.8/5/fable
+这些模型出来的设计比较不错。配置我的技能文档整体比较专业，没有AI味。出来后可以自行修改或者让AI再检查修改下，就可以进行交付了设计稿了。
+
+配置好后：请在文档仓库下载：mobile-design-system 技能设计系统，可以让AI使用并设计出设计稿。
+
+并且要打开pnepot网站，并创建好项目，打开一个项目后，顶部工具条会出现MCP连接状态
+
+mcp连接成功后，就可以指挥AI设计了，如果局部设计，可以鼠标在设计稿中选项区域，再回到AI说我要修改我选中的区域。
+
+如果要重新设计某一页面：
+
+可以在设计网站 那边 选中一个画板让AI修改你选中的画板
+
+也可以不选中告诉AI修改哪个标题的页面画板，AI会自行查询并重新设计
+
+
+## 设计稿转UNIAPP/UNIAPP-x
+
+有了设计稿肯定还要写布局，可以下载我的 penpot-to-uniapp 技能 ，实现转换为uniapp项目。
+
+如果要转换为uniappx布局大同小意稍微改改就可以了。

package/data/tmui4x/60.AI/350/207/252/345/212/250/345/214/226/05./344/274/201/344/270/232/347/272/247Agents.md

@@ -0,0 +1,19 @@
+---
+search: false
+---
+
+# Agent
+
+这块是自主开发Agent了，通过前面1-4，你已经完全掌握了：
+
+1. AI布局规划设计UI及求
+2. 设计转为项目布局
+3. AI自行编译打包APP
+4. 根据需求AI为你编写原生的UNIAPP uts插件
+
+因此全链条你都掌握了，因此你可以根据我提供的工具，文件自行编写流水线了。进行全部AI写APP了不是吗？
+
+下面是我开发的一个Agents供你们参考界面和功能，当然如果你有意直接购买早鸟版本支持我后面的开发请联系我购买
+并推动我开发。
+
+![图片](../public/uniappAgents.png)