docs: update plugin documentation with quick start guide and configuration steps; enhance introduction with additional plugin links

Author: cklwblove

src/plugins/introduction.md

@@ -50,4 +50,6 @@ To draw an analogy, plugin presets are similar to Babel presets and ESLint confi
 | [@winner-fed/plugin-unicons](./unicons.md)                               | Unified icon solution                                                                                      | 
 | [@winner-fed/plugin-viewport](./viewport.md)                             | Viewport unit adaptation solution                                                                                        | 
 | [@winner-fed/plugin-security](./security.md)                             | Subresource Integrity (SRI) solution                                                             |
-| [@winner-fed/plugin-check-syntax](./checksyntax.md)                      | Analyze build artifact syntax compatibility to detect advanced syntax that may cause compatibility issues                                                             | 
+| [@winner-fed/plugin-check-syntax](./checksyntax.md)                      | Analyze build artifact syntax compatibility to detect advanced syntax that may cause compatibility issues                                                             |
+
+For more plugins, visit [https://github.com/winjs-dev](https://github.com/winjs-dev) 

src/plugins/plugins.md

@@ -15,8 +15,8 @@ export default (api: IApi) => {
   api.describe({
     key: 'changeFavicon',
     config: {
-      schema(joi) {
-        return joi.string();
+      schema({ zod }) {
+        return zod.string();
       },
     },
     enableBy: api.EnableBy.config
@@ -54,6 +54,94 @@ The id is a shorthand for the plugin's path, serving as the plugin's unique iden
 
 For example, for plugin `node_modules/@winner-fed/plugin-foo/index.js`, typically its id is `@winner-fed/plugin-foo` and its key is `foo`. This allows developers to configure an item with key name `foo` in the configuration to configure the plugin.
 
+## Quick Start
+
+WinJS provides an official plugin template to help you quickly create and develop your own plugins.
+
+### Using the Plugin Template
+
+Visit the [winjs-plugin-template](https://github.com/winjs-dev/winjs-plugin-template) repository and click the "Use this template" button to create your own plugin project.
+
+### Development Steps
+
+#### 1. Modify Package Name
+
+Modify the following fields in `package.json`:
+
+```json
+{
+  "name": "your-plugin-name",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/your-org/your-plugin-name.git"
+  }
+}
+```
+
+#### 2. Update Documentation
+
+Update all package name references in `README.md`, replacing `winjs-plugin-example` with your new package name.
+
+#### 3. Modify Plugin Configuration
+
+Modify the `key` value (default is `example`) in `src/index.ts` to your plugin configuration key:
+
+```ts
+api.describe({
+  key: 'yourPluginKey', // Change to your plugin key
+  config: {
+    schema({ zod }) {
+      // Define configuration validation rules
+    },
+  },
+  enableBy: api.EnableBy.config
+});
+```
+
+#### 4. Development and Testing
+
+Install dependencies:
+
+```shell
+pnpm install
+```
+
+Development mode (watch files and auto-rebuild):
+
+```shell
+pnpm run dev
+```
+
+Test the plugin in the `playground` directory:
+
+```shell
+cd playground
+pnpm install
+pnpm run dev
+```
+
+#### 5. Build and Publish
+
+Build the project:
+
+```shell
+pnpm run build
+```
+
+Code format check:
+
+```shell
+pnpm run lint
+```
+
+Run tests:
+
+```shell
+pnpm run test
+```
+
+For more details, visit [winjs-plugin-template](https://github.com/winjs-dev/winjs-plugin-template).
+
 ## Enabling Plugins
 There are two ways to enable plugins: through environment variables and through configuration.
 

src/zh/plugins/introduction.md

@@ -52,4 +52,6 @@ vue2，我们可以有 @winner-fed/preset-vue2，包含 vue 2.x 相关的构建
 | [@winner-fed/plugin-unicons](./unicons.md)                               | icons 的统一解决方案                                                                                      | 
 | [@winner-fed/plugin-viewport](./viewport.md)                             | 视窗单位适配的解决方案                                                                                        | 
 | [@winner-fed/plugin-security](./security.md)                             | 子资源完整性 Subresource Integrity（SRI）的解决方案                                                             |
-| [@winner-fed/plugin-check-syntax](./checksyntax.md)                      | 用于分析产物的语法兼容性，判断是否存在导致兼容性问题的高级语法                                                             | 
+| [@winner-fed/plugin-check-syntax](./checksyntax.md)                      | 用于分析产物的语法兼容性，判断是否存在导致兼容性问题的高级语法                                                             |
+
+更多插件可见 [https://github.com/winjs-dev](https://github.com/winjs-dev) 

src/zh/plugins/plugins.md

@@ -15,8 +15,8 @@ export default (api: IApi) => {
   api.describe({
     key: 'changeFavicon',
     config: {
-      schema(joi) {
-        return joi.string();
+      schema({ zod }) {
+        return zod.string();
       },
     },
     enableBy: api.EnableBy.config
@@ -54,6 +54,94 @@ id 是插件所在路径的简写，作为插件的唯一标识；而 key 则是
 
 比如插件 `node_modules/@winner-fed/plugin-foo/index.js` ，通常来说，它的 id 是 `@winner-fed/plugin-foo` , key 是 `foo`。此时就允许开发者在配置中来配置键名为 `foo` 的项，用来对插件进行配置。
 
+## 快速开始
+
+WinJS 提供了官方插件模板，帮助你快速创建和开发自己的插件。
+
+### 使用插件模板
+
+访问 [winjs-plugin-template](https://github.com/winjs-dev/winjs-plugin-template) 仓库，点击 "Use this template" 按钮创建你自己的插件项目。
+
+### 开发步骤
+
+#### 1. 修改包名
+
+在 `package.json` 中修改以下字段：
+
+```json
+{
+  "name": "your-plugin-name",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/your-org/your-plugin-name.git"
+  }
+}
+```
+
+#### 2. 更新文档
+
+在 `README.md` 中更新所有包名引用，将 `winjs-plugin-example` 替换为你的新包名。
+
+#### 3. 修改插件配置
+
+在 `src/index.ts` 中修改 `key` 值（默认为 `example`）为你的插件配置键名：
+
+```ts
+api.describe({
+  key: 'yourPluginKey', // 修改为你的插件 key
+  config: {
+    schema({ zod }) {
+      // 定义配置的校验规则
+    },
+  },
+  enableBy: api.EnableBy.config
+});
+```
+
+#### 4. 开发与测试
+
+安装依赖：
+
+```shell
+pnpm install
+```
+
+开发模式（监听文件变化自动构建）：
+
+```shell
+pnpm run dev
+```
+
+在 `playground` 目录中测试插件：
+
+```shell
+cd playground
+pnpm install
+pnpm run dev
+```
+
+#### 5. 构建与发布
+
+构建项目：
+
+```shell
+pnpm run build
+```
+
+代码格式检查：
+
+```shell
+pnpm run lint
+```
+
+运行测试：
+
+```shell
+pnpm run test
+```
+
+更多详细信息请访问 [winjs-plugin-template](https://github.com/winjs-dev/winjs-plugin-template)。
+
 ## 启用插件
 插件有两种启用方式： 环境变量中启用和配置中启用。