diff --git a/skills.lock.json b/skills.lock.json index 7d2ce1b..ed6d5d3 100644 --- a/skills.lock.json +++ b/skills.lock.json @@ -5,7 +5,7 @@ "package": "stitch-skills", "repo": "https://github.com/full-stack-skills/stitch-skills.git", "ref": "v1.1.0", - "sha": "f50f92b0e33170f723b11e1d31d37437bad0cdbb", + "sha": "b952c811374b6e3b0e0b88219bd0dd8116e0e5a3", "skills": [ "stitch-code-to-design", "stitch-delete-project", @@ -63,39 +63,39 @@ "stitch-local-setup": "dfbff1af84ce037557c338a0e02fff991b342203a3dbf6bdd55bd725cd746ad0", "stitch-loop": "51a0b94cd1ea8fc13314bfe71a232e818731956886aac9c54a425ace8943db54", "stitch-manage-design-system": "30d2a8fb21fba966cb3bff0d48d1c8947969e8ba85e938231335cf63684d23e4", - "stitch-mcp-create-project": "046b7a2efc7f0f43aa3e1e7f78ed9896901ac3afc0362d070cabf423216e5c0c", + "stitch-mcp-create-project": "e56984f7b8cf65348ee0c408d310327b63d49c96d595ff98080c6c776b411f2a", "stitch-mcp-generate-screen-from-text": "d7c8490ee2bad41679c57934a82482321476587ae5409af82c3b78067659d0a6", - "stitch-mcp-get-project": "6d905459cbfd09e70dcf8e5e807cb6edc2cb4c69a2de7cd93e5306cee81ee875", - "stitch-mcp-get-screen": "89aa998ffa9e8f2aefe06008d68ee3e461cd778b779646764d3fdfc9c33af41d", - "stitch-mcp-list-projects": "a33d476cd7908dc0ff75c67c783479d4c5f01a730744792e9625ab0136d5d836", - "stitch-mcp-list-screens": "7148f5880168231389d9347851a115cabc581cb7c34a710009ac205e899fe00b", + "stitch-mcp-get-project": "dd69812df14eb1ff68dd29c730eedb54174e8e55340dfe3b72ff58099de1f644", + "stitch-mcp-get-screen": "f544f5e47fbc48d5946131a275c9b9fedb1daec2172220c411514bf9313f4ab7", + "stitch-mcp-list-projects": "4105274851702cfe1672c6ddd150503cc8c2854291316f187bdb3f1ef410fe4e", + "stitch-mcp-list-screens": "ddee55cb51f561a7f4a7c2bee62d958efb7981debae007da69e5c2a76ef9b12c", "stitch-react-components": "d27cd3542bff6f13f845984ffa49e709f015158aa60e1aaed05e9967bcbdefd9", "stitch-react-native": "8fa073b4462a6a04ad54f3fe744556bc835b516ebd77a6cf5a62da3ad994ef1e", "stitch-react-vite-dashboard": "c87a151aa496c1c268beb4c9b17ecdfa3ccb44213e28eab5124aa7bfbd1bd994", "stitch-remotion": "cef26eaa344c925bc17b73677752f61e0ae202090982e37eaf9846cadf13ffbf", "stitch-shadcn-ui": "a5ee6c8408cf436d6cac79b0ca8759abb0f453c9106aa90f31ffce68c5a7acbd", "stitch-site-md": "43a2a4b0f28624759308c92fdd06910628cf7032661a0fcf1f37568fe367775e", - "stitch-skill-creator": "a55fadf208a8f7abb030d0ecaeec9fcd87758da30a90f082ae8d0864dd1a3cef", + "stitch-skill-creator": "fa43257da4eabdec3d717e4c706936ddbadb30c03c29bea1bc555b92021f9afc", "stitch-taste-design": "59291601eae2a5ec1667b44f312cb9a9db8e7d6611ea554d7b4adf016a0a48a5", - "stitch-ued-guide": "6d0897cdb835e2154feb3522decaa4e8910ca90901fce19f01428c9f0379384c", - "stitch-ui-design-spec-bootstrap": "4cf03a604702fdad2bb3be3e4a93878805c9b40dabe06bcf898368c392da0f4c", - "stitch-ui-design-spec-element-plus": "6262d16a84a39707086fd630df6f9d3adc1ea2034c3853859c3f5956c635b6c7", + "stitch-ued-guide": "8e733670e7c80b1337f05d2faaa0ca699df5cadebb784c78bc8fd4a2fd6c5390", + "stitch-ui-design-spec-bootstrap": "f49a22085c5501f9320042c6070d140164e5216344e4d9c57855364d6e2a1469", + "stitch-ui-design-spec-element-plus": "f0389575b957ea5276e51302624b49291ecb2ab2d109e1c4987b4005c382b507", "stitch-ui-design-spec-generator": "2d8c859a016233a9230d8325f8089afb7dffd2197049f7a12de7da1944937d66", - "stitch-ui-design-spec-layui": "17e40c8816d549781bdce846b321c0e40984ab0fa8e2168664ce869297fc8961", - "stitch-ui-design-spec-uview": "718bef0126049b004ef812079b29205212ff0e526e86d4d1bdf35b962dc46eb1", - "stitch-ui-design-spec-uviewpro": "5c27bc5509cf91376f08faed268cccbc51c600de22e70c01634846aa393fa1d6", - "stitch-ui-design-spec-vant": "4d5279caadbb66276ad9bb63e09966b146bcd38225d349a212c3c2fb8190884c", - "stitch-ui-design-variants": "9780d17c728202d53f0ffdf8c5c879b314ba24793e60f0bbc7de67e248ebd899", + "stitch-ui-design-spec-layui": "5096bbc2c595cc752e7ee5b9d39906ad790ca08949ebc9cb3ccf7311202e22af", + "stitch-ui-design-spec-uview": "dea4a53b15e2f6e1ec904afa984ed3e25797309edec3f0e260862da5a620f6f5", + "stitch-ui-design-spec-uviewpro": "ed3d8f029301f135fef6502c5860e2d6666d633efd339789f1109a193d334482", + "stitch-ui-design-spec-vant": "591360006a7b7a46303ed17fae52d9ed915e42093a4be6dc95cf528a594f464e", + "stitch-ui-design-variants": "9b5bf7913e37167925c6a6edf2f75a8bd837fe890a882249eabbc4eaadd81702", "stitch-ui-designer": "fa3ef131db547f62f6eaadb9c6b2cdf2e96444d8f7a971a91b78d2489961e975", "stitch-ui-prompt-architect": "7e8916e574f6f0c080fedbe9b2df088acd67dfcf32471684b4ee341f3cc2be1e", "stitch-upload-to-stitch": "7735867bf4f4be28b999a2533986f0ad1478696aee02fec66b6a08d7bf20ff9c", - "stitch-uview-components": "7f6e92e954a0798f4e6963d2e3b0990f856784262c9e9d7cdfd0192b2f2ef127", - "stitch-uview-plus-components": "25204c84a9165858add4b5100eaaccbccb3dd5bc73ab673dade033575f5a8c7d", - "stitch-uviewpro-components": "1ba765e34f287b0aa08461ecac45e8891e47ccb8ee904c67858a6745663c53cf", - "stitch-vue-bootstrap-components": "f0f844769d097f752dbb720b4a03cd70849a7ad343643cd2405c4bcf6049818a", - "stitch-vue-element-components": "fea1c6437ae67514d362f03a65f460b3742c3d6ff8ba373e8a46a152ec6d2199", - "stitch-vue-layui-components": "da34df2ec54d7bf0f707a712d15e669341a2b795120d88c5231e020288d2390d", - "stitch-vue-vant-components": "b7294ec6c621069a9343e24382d404de4bc6cddf2b7ba40c571c9a055441bf77" + "stitch-uview-components": "25f784b76f2044a96d7ee2759d29077f5df960cfffe906b63bd54ee5329e20cc", + "stitch-uview-plus-components": "a9a3eabe6f0836d297d961b163ae3266f126c987d6c4f18aa638298dfc858eff", + "stitch-uviewpro-components": "96c0b98e7b0b0b02e08a4be1709a1ce8f8c1c25ca4c10eeb26782d1ca4c33ffa", + "stitch-vue-bootstrap-components": "1ee36f86c14a9c9ed750992500a3e52d0543f015a9ce32bb254de701281837c5", + "stitch-vue-element-components": "ccc664e00dda927cdb0d3bf910facd73e8d17e8db74d0ba04805c00300611417", + "stitch-vue-layui-components": "6697bbf12eef3faa2f22af7c315919a5dc94ac39c774ae5801e2cb09a3bd8753", + "stitch-vue-vant-components": "4496db1da7727b533eecc7fa292d5801a1002fe06c7c83421e5bb3274c33dfdd" } } ] diff --git a/skills/stitch-mcp-create-project/SKILL.md b/skills/stitch-mcp-create-project/SKILL.md index 918f8e4..67a5c4e 100644 --- a/skills/stitch-mcp-create-project/SKILL.md +++ b/skills/stitch-mcp-create-project/SKILL.md @@ -3,8 +3,6 @@ name: stitch-mcp-create-project description: Creates a new Stitch project container. Use this when starting a new design task, app idea, or fresh workspace. license: Apache-2.0 --- - - ## When to use this skill **CRITICAL PREREQUISITE:** @@ -58,42 +56,3 @@ create project, new project, start app, initialize, setup, workspace, container, - [Examples](examples/usage.md) -## 能力边界 - -### ✅ 适用场景 -- 当你需要使用此技能对应的技术栈时 -- 当项目需要遵循最佳实践时 -- 当需要快速上手或深入理解核心概念时 - -### ⚠️ 需要注意 -- 复杂业务逻辑需要结合具体场景调整 -- 性能优化需要根据实际数据量评估 - -### ❌ 不适用场景 -- 不相关的技术栈或框架 -- 需要完全自定义的特殊场景 - -## 常见陷阱 (Gotchas) - -1. **版本兼容性**：注意框架版本与依赖库的兼容性，不同版本 API 可能有差异 -2. **配置文件格式**：配置文件格式错误是最常见的问题，建议使用编辑器的语法检查 -3. **环境变量**：确保所有必要的环境变量已正确设置，敏感信息不要硬编码 -4. **依赖冲突**：多版本共存时注意依赖冲突，使用 lock 文件锁定版本 -5. **性能陷阱**：大数据量场景下注意性能优化，避免 N+1 查询等常见问题 - -## 使用流程 - -### Step 1: 环境准备 -确保开发环境已安装必要的依赖和工具。 - -### Step 2: 配置初始化 -根据项目需求进行基础配置。 - -### Step 3: 核心功能使用 -按照示例代码实现核心功能。 - -### Step 4: 测试验证 -运行测试确保功能正常。 - -### Step 5: 部署上线 -完成开发后进行部署和监控。 diff --git a/skills/stitch-mcp-get-project/SKILL.md b/skills/stitch-mcp-get-project/SKILL.md index f54beaf..74c3470 100644 --- a/skills/stitch-mcp-get-project/SKILL.md +++ b/skills/stitch-mcp-get-project/SKILL.md @@ -3,8 +3,6 @@ name: stitch-mcp-get-project license: Apache-2.0 description: Retrieves the detailed metadata of a specific Stitch project. --- - - # Get Stitch Project Details **CRITICAL PREREQUISITE:** @@ -60,40 +58,3 @@ Agent Action: - [Examples](examples/usage.md) -## 国内适配 - -- 支持中文文档和中文注释 -- 示例代码兼容国内开发环境 -- 提供中文 FAQ 和常见问题解答 - -## 能力边界 - -### ✅ 适用场景 -- 当你需要使用此技能对应的技术栈时 -- 当项目需要遵循最佳实践时 -- 当需要快速上手或深入理解核心概念时 - -### ⚠️ 需要注意 -- 复杂业务逻辑需要结合具体场景调整 -- 性能优化需要根据实际数据量评估 - -### ❌ 不适用场景 -- 不相关的技术栈或框架 -- 需要完全自定义的特殊场景 - -## 使用流程 - -### Step 1: 环境准备 -确保开发环境已安装必要的依赖和工具。 - -### Step 2: 配置初始化 -根据项目需求进行基础配置。 - -### Step 3: 核心功能使用 -按照示例代码实现核心功能。 - -### Step 4: 测试验证 -运行测试确保功能正常。 - -### Step 5: 部署上线 -完成开发后进行部署和监控。 diff --git a/skills/stitch-mcp-get-screen/SKILL.md b/skills/stitch-mcp-get-screen/SKILL.md index cbcb6dc..47de5f7 100644 --- a/skills/stitch-mcp-get-screen/SKILL.md +++ b/skills/stitch-mcp-get-screen/SKILL.md @@ -3,8 +3,6 @@ name: stitch-mcp-get-screen license: Apache-2.0 description: Retrieves the full details of a specific screen, including HTML code. --- - - # Get Screen Details **CRITICAL PREREQUISITE:** @@ -104,40 +102,3 @@ Agent Action: - [Examples](examples/usage.md) -## 国内适配 - -- 支持中文文档和中文注释 -- 示例代码兼容国内开发环境 -- 提供中文 FAQ 和常见问题解答 - -## 能力边界 - -### ✅ 适用场景 -- 当你需要使用此技能对应的技术栈时 -- 当项目需要遵循最佳实践时 -- 当需要快速上手或深入理解核心概念时 - -### ⚠️ 需要注意 -- 复杂业务逻辑需要结合具体场景调整 -- 性能优化需要根据实际数据量评估 - -### ❌ 不适用场景 -- 不相关的技术栈或框架 -- 需要完全自定义的特殊场景 - -## 使用流程 - -### Step 1: 环境准备 -确保开发环境已安装必要的依赖和工具。 - -### Step 2: 配置初始化 -根据项目需求进行基础配置。 - -### Step 3: 核心功能使用 -按照示例代码实现核心功能。 - -### Step 4: 测试验证 -运行测试确保功能正常。 - -### Step 5: 部署上线 -完成开发后进行部署和监控。 diff --git a/skills/stitch-mcp-list-projects/SKILL.md b/skills/stitch-mcp-list-projects/SKILL.md index ad25c03..31d90e9 100644 --- a/skills/stitch-mcp-list-projects/SKILL.md +++ b/skills/stitch-mcp-list-projects/SKILL.md @@ -3,8 +3,6 @@ name: stitch-mcp-list-projects license: Apache-2.0 description: Lists all Stitch projects accessible to the user. --- - - # List Stitch Projects **CRITICAL PREREQUISITE:** @@ -43,40 +41,3 @@ Agent Action: - [Examples](examples/usage.md) -## 国内适配 - -- 支持中文文档和中文注释 -- 示例代码兼容国内开发环境 -- 提供中文 FAQ 和常见问题解答 - -## 能力边界 - -### ✅ 适用场景 -- 当你需要使用此技能对应的技术栈时 -- 当项目需要遵循最佳实践时 -- 当需要快速上手或深入理解核心概念时 - -### ⚠️ 需要注意 -- 复杂业务逻辑需要结合具体场景调整 -- 性能优化需要根据实际数据量评估 - -### ❌ 不适用场景 -- 不相关的技术栈或框架 -- 需要完全自定义的特殊场景 - -## 使用流程 - -### Step 1: 环境准备 -确保开发环境已安装必要的依赖和工具。 - -### Step 2: 配置初始化 -根据项目需求进行基础配置。 - -### Step 3: 核心功能使用 -按照示例代码实现核心功能。 - -### Step 4: 测试验证 -运行测试确保功能正常。 - -### Step 5: 部署上线 -完成开发后进行部署和监控。 diff --git a/skills/stitch-mcp-list-screens/SKILL.md b/skills/stitch-mcp-list-screens/SKILL.md index 6132654..028c836 100644 --- a/skills/stitch-mcp-list-screens/SKILL.md +++ b/skills/stitch-mcp-list-screens/SKILL.md @@ -3,8 +3,6 @@ name: stitch-mcp-list-screens license: Apache-2.0 description: Lists all screens contained within a specific project. --- - - # List Screens **CRITICAL PREREQUISITE:** @@ -41,40 +39,3 @@ Agent Action: - [Examples](examples/usage.md) -## 国内适配 - -- 支持中文文档和中文注释 -- 示例代码兼容国内开发环境 -- 提供中文 FAQ 和常见问题解答 - -## 能力边界 - -### ✅ 适用场景 -- 当你需要使用此技能对应的技术栈时 -- 当项目需要遵循最佳实践时 -- 当需要快速上手或深入理解核心概念时 - -### ⚠️ 需要注意 -- 复杂业务逻辑需要结合具体场景调整 -- 性能优化需要根据实际数据量评估 - -### ❌ 不适用场景 -- 不相关的技术栈或框架 -- 需要完全自定义的特殊场景 - -## 使用流程 - -### Step 1: 环境准备 -确保开发环境已安装必要的依赖和工具。 - -### Step 2: 配置初始化 -根据项目需求进行基础配置。 - -### Step 3: 核心功能使用 -按照示例代码实现核心功能。 - -### Step 4: 测试验证 -运行测试确保功能正常。 - -### Step 5: 部署上线 -完成开发后进行部署和监控。 diff --git a/skills/stitch-skill-creator/SKILL.md b/skills/stitch-skill-creator/SKILL.md index fa2e225..5f8c86b 100644 --- a/skills/stitch-skill-creator/SKILL.md +++ b/skills/stitch-skill-creator/SKILL.md @@ -4,8 +4,6 @@ description: "A factory skill for creating new Stitch Scenario Skills. It enforc license: Apache-2.0 allowed-tools: Read Write Bash --- - - # Stitch Skill Creator This skill guides the creation of new **Stitch Scenario Skills**. A Scenario Skill is a specialized "Prompt Architect" for a specific domain (e.g., `stitch-ui-music-designer`, `stitch-ui-blog-designer`). @@ -63,7 +61,6 @@ You **MUST** use the following template for the new skill. It enforces the requi ````markdown --- - # Screen Designer **Constraint**: Only use this skill when the user explicitly mentions "Stitch" or when orchestrating a Stitch design task. @@ -134,23 +131,3 @@ Provide at least 2 distinct examples of how this skill transforms a vague reques - [Output Patterns](references/output-patterns.md) - [Init Script](scripts/init_stitch_skill.py) -## 国内适配 - -- 支持中文文档和中文注释 -- 示例代码兼容国内开发环境 -- 提供中文 FAQ 和常见问题解答 - -## 能力边界 - -### ✅ 适用场景 -- 当你需要使用此技能对应的技术栈时 -- 当项目需要遵循最佳实践时 -- 当需要快速上手或深入理解核心概念时 - -### ⚠️ 需要注意 -- 复杂业务逻辑需要结合具体场景调整 -- 性能优化需要根据实际数据量评估 - -### ❌ 不适用场景 -- 不相关的技术栈或框架 -- 需要完全自定义的特殊场景 diff --git a/skills/stitch-ued-guide/SKILL.md b/skills/stitch-ued-guide/SKILL.md index 9c84e24..8cd536c 100644 --- a/skills/stitch-ued-guide/SKILL.md +++ b/skills/stitch-ued-guide/SKILL.md @@ -3,8 +3,6 @@ name: stitch-ued-guide license: Apache-2.0 description: UED guidelines, visual vocabulary, and prompt structure for Stitch. Use when the user asks about layout/style terms, device constraints, or when structuring/improving Stitch prompts; combine with stitch-ui-prompt-architect for vague→concrete prompts. --- - - # Stitch UED Guidelines This skill serves as a reference for User Experience Design (UED) guidelines when working with Stitch. It includes interaction principles, visual vocabulary, and prompt engineering strategies. @@ -125,42 +123,3 @@ More ready-to-use prompts: see [`docs/color-prompt-guide.md`](https://github.com - [Examples](examples/usage.md) -## 能力边界 - -### ✅ 适用场景 -- 当你需要使用此技能对应的技术栈时 -- 当项目需要遵循最佳实践时 -- 当需要快速上手或深入理解核心概念时 - -### ⚠️ 需要注意 -- 复杂业务逻辑需要结合具体场景调整 -- 性能优化需要根据实际数据量评估 - -### ❌ 不适用场景 -- 不相关的技术栈或框架 -- 需要完全自定义的特殊场景 - -## 常见陷阱 (Gotchas) - -1. **版本兼容性**：注意框架版本与依赖库的兼容性，不同版本 API 可能有差异 -2. **配置文件格式**：配置文件格式错误是最常见的问题，建议使用编辑器的语法检查 -3. **环境变量**：确保所有必要的环境变量已正确设置，敏感信息不要硬编码 -4. **依赖冲突**：多版本共存时注意依赖冲突，使用 lock 文件锁定版本 -5. **性能陷阱**：大数据量场景下注意性能优化，避免 N+1 查询等常见问题 - -## 使用流程 - -### Step 1: 环境准备 -确保开发环境已安装必要的依赖和工具。 - -### Step 2: 配置初始化 -根据项目需求进行基础配置。 - -### Step 3: 核心功能使用 -按照示例代码实现核心功能。 - -### Step 4: 测试验证 -运行测试确保功能正常。 - -### Step 5: 部署上线 -完成开发后进行部署和监控。 diff --git a/skills/stitch-ui-design-spec-bootstrap/SKILL.md b/skills/stitch-ui-design-spec-bootstrap/SKILL.md index fc26cb6..dfd3916 100644 --- a/skills/stitch-ui-design-spec-bootstrap/SKILL.md +++ b/skills/stitch-ui-design-spec-bootstrap/SKILL.md @@ -3,8 +3,6 @@ name: stitch-ui-design-spec-bootstrap license: Apache-2.0 description: Bootstrap-Vue design spec for Stitch. Outputs hard-constraints prefix or selector JSON and assembled prompt. --- - - # Bootstrap Design Spec (Bootstrap 5 / Vue) **Constraint**: Only use this skill when the user explicitly mentions "Stitch". @@ -99,42 +97,3 @@ Return exactly two code blocks, in this order, with no extra prose: - [Examples](references/examples.md) - [Official Docs](references/official.md) -## 能力边界 - -### ✅ 适用场景 -- 当你需要使用此技能对应的技术栈时 -- 当项目需要遵循最佳实践时 -- 当需要快速上手或深入理解核心概念时 - -### ⚠️ 需要注意 -- 复杂业务逻辑需要结合具体场景调整 -- 性能优化需要根据实际数据量评估 - -### ❌ 不适用场景 -- 不相关的技术栈或框架 -- 需要完全自定义的特殊场景 - -## 常见陷阱 (Gotchas) - -1. **版本兼容性**：注意框架版本与依赖库的兼容性，不同版本 API 可能有差异 -2. **配置文件格式**：配置文件格式错误是最常见的问题，建议使用编辑器的语法检查 -3. **环境变量**：确保所有必要的环境变量已正确设置，敏感信息不要硬编码 -4. **依赖冲突**：多版本共存时注意依赖冲突，使用 lock 文件锁定版本 -5. **性能陷阱**：大数据量场景下注意性能优化，避免 N+1 查询等常见问题 - -## 使用流程 - -### Step 1: 环境准备 -确保开发环境已安装必要的依赖和工具。 - -### Step 2: 配置初始化 -根据项目需求进行基础配置。 - -### Step 3: 核心功能使用 -按照示例代码实现核心功能。 - -### Step 4: 测试验证 -运行测试确保功能正常。 - -### Step 5: 部署上线 -完成开发后进行部署和监控。 diff --git a/skills/stitch-ui-design-spec-element-plus/SKILL.md b/skills/stitch-ui-design-spec-element-plus/SKILL.md index 7335a71..1d7a1a9 100644 --- a/skills/stitch-ui-design-spec-element-plus/SKILL.md +++ b/skills/stitch-ui-design-spec-element-plus/SKILL.md @@ -3,8 +3,6 @@ name: stitch-ui-design-spec-element-plus license: Apache-2.0 description: Element Plus design spec for Stitch. Outputs hard-constraints prefix or selector JSON and assembled prompt. --- - - # Element Plus Design Spec (Element Plus / Vue 3) **Constraint**: Only use this skill when the user explicitly mentions "Stitch". @@ -102,42 +100,3 @@ Return exactly two code blocks, in this order, with no extra prose: - [Examples](references/examples.md) - [Official Docs](references/official.md) -## 能力边界 - -### ✅ 适用场景 -- 当你需要使用此技能对应的技术栈时 -- 当项目需要遵循最佳实践时 -- 当需要快速上手或深入理解核心概念时 - -### ⚠️ 需要注意 -- 复杂业务逻辑需要结合具体场景调整 -- 性能优化需要根据实际数据量评估 - -### ❌ 不适用场景 -- 不相关的技术栈或框架 -- 需要完全自定义的特殊场景 - -## 常见陷阱 (Gotchas) - -1. **版本兼容性**：注意框架版本与依赖库的兼容性，不同版本 API 可能有差异 -2. **配置文件格式**：配置文件格式错误是最常见的问题，建议使用编辑器的语法检查 -3. **环境变量**：确保所有必要的环境变量已正确设置，敏感信息不要硬编码 -4. **依赖冲突**：多版本共存时注意依赖冲突，使用 lock 文件锁定版本 -5. **性能陷阱**：大数据量场景下注意性能优化，避免 N+1 查询等常见问题 - -## 使用流程 - -### Step 1: 环境准备 -确保开发环境已安装必要的依赖和工具。 - -### Step 2: 配置初始化 -根据项目需求进行基础配置。 - -### Step 3: 核心功能使用 -按照示例代码实现核心功能。 - -### Step 4: 测试验证 -运行测试确保功能正常。 - -### Step 5: 部署上线 -完成开发后进行部署和监控。 diff --git a/skills/stitch-ui-design-spec-layui/SKILL.md b/skills/stitch-ui-design-spec-layui/SKILL.md index 3427246..5d06e2d 100644 --- a/skills/stitch-ui-design-spec-layui/SKILL.md +++ b/skills/stitch-ui-design-spec-layui/SKILL.md @@ -3,8 +3,6 @@ name: stitch-ui-design-spec-layui license: Apache-2.0 description: Layui-Vue design spec for Stitch. Outputs hard-constraints prefix or selector JSON and assembled prompt. --- - - # Layui Design Spec (Layui-Vue / Vue 3.0) **Constraint**: Only use this skill when the user explicitly mentions "Stitch". @@ -100,42 +98,3 @@ Return exactly two code blocks, in this order, with no extra prose: - [Examples](references/examples.md) - [Official Docs](references/official.md) -## 能力边界 - -### ✅ 适用场景 -- 当你需要使用此技能对应的技术栈时 -- 当项目需要遵循最佳实践时 -- 当需要快速上手或深入理解核心概念时 - -### ⚠️ 需要注意 -- 复杂业务逻辑需要结合具体场景调整 -- 性能优化需要根据实际数据量评估 - -### ❌ 不适用场景 -- 不相关的技术栈或框架 -- 需要完全自定义的特殊场景 - -## 常见陷阱 (Gotchas) - -1. **版本兼容性**：注意框架版本与依赖库的兼容性，不同版本 API 可能有差异 -2. **配置文件格式**：配置文件格式错误是最常见的问题，建议使用编辑器的语法检查 -3. **环境变量**：确保所有必要的环境变量已正确设置，敏感信息不要硬编码 -4. **依赖冲突**：多版本共存时注意依赖冲突，使用 lock 文件锁定版本 -5. **性能陷阱**：大数据量场景下注意性能优化，避免 N+1 查询等常见问题 - -## 使用流程 - -### Step 1: 环境准备 -确保开发环境已安装必要的依赖和工具。 - -### Step 2: 配置初始化 -根据项目需求进行基础配置。 - -### Step 3: 核心功能使用 -按照示例代码实现核心功能。 - -### Step 4: 测试验证 -运行测试确保功能正常。 - -### Step 5: 部署上线 -完成开发后进行部署和监控。 diff --git a/skills/stitch-ui-design-spec-uview/SKILL.md b/skills/stitch-ui-design-spec-uview/SKILL.md index 42a3e3c..0f4f7ec 100644 --- a/skills/stitch-ui-design-spec-uview/SKILL.md +++ b/skills/stitch-ui-design-spec-uview/SKILL.md @@ -3,8 +3,6 @@ name: stitch-ui-design-spec-uview license: Apache-2.0 description: uView 2 design spec for Stitch. Outputs hard-constraints prefix or selector JSON and assembled prompt. --- - - # uView Design Spec (uView 2.0 / uni-app / Vue2) **Constraint**: Only use this skill when the user explicitly mentions "Stitch". @@ -104,42 +102,3 @@ Return exactly two code blocks, in this order, with no extra prose: - [Examples](references/examples.md) - [Official Docs](references/official.md) -## 能力边界 - -### ✅ 适用场景 -- 当你需要使用此技能对应的技术栈时 -- 当项目需要遵循最佳实践时 -- 当需要快速上手或深入理解核心概念时 - -### ⚠️ 需要注意 -- 复杂业务逻辑需要结合具体场景调整 -- 性能优化需要根据实际数据量评估 - -### ❌ 不适用场景 -- 不相关的技术栈或框架 -- 需要完全自定义的特殊场景 - -## 常见陷阱 (Gotchas) - -1. **版本兼容性**：注意框架版本与依赖库的兼容性，不同版本 API 可能有差异 -2. **配置文件格式**：配置文件格式错误是最常见的问题，建议使用编辑器的语法检查 -3. **环境变量**：确保所有必要的环境变量已正确设置，敏感信息不要硬编码 -4. **依赖冲突**：多版本共存时注意依赖冲突，使用 lock 文件锁定版本 -5. **性能陷阱**：大数据量场景下注意性能优化，避免 N+1 查询等常见问题 - -## 使用流程 - -### Step 1: 环境准备 -确保开发环境已安装必要的依赖和工具。 - -### Step 2: 配置初始化 -根据项目需求进行基础配置。 - -### Step 3: 核心功能使用 -按照示例代码实现核心功能。 - -### Step 4: 测试验证 -运行测试确保功能正常。 - -### Step 5: 部署上线 -完成开发后进行部署和监控。 diff --git a/skills/stitch-ui-design-spec-uviewpro/SKILL.md b/skills/stitch-ui-design-spec-uviewpro/SKILL.md index a26bbf1..4b4e300 100644 --- a/skills/stitch-ui-design-spec-uviewpro/SKILL.md +++ b/skills/stitch-ui-design-spec-uviewpro/SKILL.md @@ -3,8 +3,6 @@ name: stitch-ui-design-spec-uviewpro license: Apache-2.0 description: uView Pro design spec for Stitch. Outputs hard-constraints prefix or selector JSON and assembled prompt. --- - - # uView Pro Design Spec (uView Pro / Vue 3) **Constraint**: Only use this skill when the user explicitly mentions "Stitch". @@ -99,40 +97,3 @@ Return exactly two code blocks, in this order, with no extra prose: - [Examples](references/examples.md) - [Official Docs](references/official.md) -## 国内适配 - -- 支持中文文档和中文注释 -- 示例代码兼容国内开发环境 -- 提供中文 FAQ 和常见问题解答 - -## 能力边界 - -### ✅ 适用场景 -- 当你需要使用此技能对应的技术栈时 -- 当项目需要遵循最佳实践时 -- 当需要快速上手或深入理解核心概念时 - -### ⚠️ 需要注意 -- 复杂业务逻辑需要结合具体场景调整 -- 性能优化需要根据实际数据量评估 - -### ❌ 不适用场景 -- 不相关的技术栈或框架 -- 需要完全自定义的特殊场景 - -## 使用流程 - -### Step 1: 环境准备 -确保开发环境已安装必要的依赖和工具。 - -### Step 2: 配置初始化 -根据项目需求进行基础配置。 - -### Step 3: 核心功能使用 -按照示例代码实现核心功能。 - -### Step 4: 测试验证 -运行测试确保功能正常。 - -### Step 5: 部署上线 -完成开发后进行部署和监控。 diff --git a/skills/stitch-ui-design-spec-vant/SKILL.md b/skills/stitch-ui-design-spec-vant/SKILL.md index 4aad22e..4aa3833 100644 --- a/skills/stitch-ui-design-spec-vant/SKILL.md +++ b/skills/stitch-ui-design-spec-vant/SKILL.md @@ -3,8 +3,6 @@ name: stitch-ui-design-spec-vant license: Apache-2.0 description: Vant 4 design spec for Stitch. Outputs hard-constraints prefix or selector JSON and assembled prompt. --- - - # Vant Design Spec (Vant 4 / Vue 3) **Constraint**: Only use this skill when the user explicitly mentions "Stitch". @@ -102,42 +100,3 @@ Return exactly two code blocks, in this order, with no extra prose: - [Examples](references/examples.md) - [Official Docs](references/official.md) -## 能力边界 - -### ✅ 适用场景 -- 当你需要使用此技能对应的技术栈时 -- 当项目需要遵循最佳实践时 -- 当需要快速上手或深入理解核心概念时 - -### ⚠️ 需要注意 -- 复杂业务逻辑需要结合具体场景调整 -- 性能优化需要根据实际数据量评估 - -### ❌ 不适用场景 -- 不相关的技术栈或框架 -- 需要完全自定义的特殊场景 - -## 常见陷阱 (Gotchas) - -1. **版本兼容性**：注意框架版本与依赖库的兼容性，不同版本 API 可能有差异 -2. **配置文件格式**：配置文件格式错误是最常见的问题，建议使用编辑器的语法检查 -3. **环境变量**：确保所有必要的环境变量已正确设置，敏感信息不要硬编码 -4. **依赖冲突**：多版本共存时注意依赖冲突，使用 lock 文件锁定版本 -5. **性能陷阱**：大数据量场景下注意性能优化，避免 N+1 查询等常见问题 - -## 使用流程 - -### Step 1: 环境准备 -确保开发环境已安装必要的依赖和工具。 - -### Step 2: 配置初始化 -根据项目需求进行基础配置。 - -### Step 3: 核心功能使用 -按照示例代码实现核心功能。 - -### Step 4: 测试验证 -运行测试确保功能正常。 - -### Step 5: 部署上线 -完成开发后进行部署和监控。 diff --git a/skills/stitch-ui-design-variants/SKILL.md b/skills/stitch-ui-design-variants/SKILL.md index 716add7..cb00cf9 100644 --- a/skills/stitch-ui-design-variants/SKILL.md +++ b/skills/stitch-ui-design-variants/SKILL.md @@ -3,8 +3,6 @@ name: stitch-ui-design-variants license: Apache-2.0 description: Logic skill that generates prompts for alternative design variants e.g. A B testing options. --- - - # Stitch Design Variants This skill acts as a **Variant Generator**. It takes a base design and produces alternative prompts to explore different creative directions. @@ -42,40 +40,3 @@ A list of 3 distinct prompts. - [Examples](examples/usage.md) -## 国内适配 - -- 支持中文文档和中文注释 -- 示例代码兼容国内开发环境 -- 提供中文 FAQ 和常见问题解答 - -## 能力边界 - -### ✅ 适用场景 -- 当你需要使用此技能对应的技术栈时 -- 当项目需要遵循最佳实践时 -- 当需要快速上手或深入理解核心概念时 - -### ⚠️ 需要注意 -- 复杂业务逻辑需要结合具体场景调整 -- 性能优化需要根据实际数据量评估 - -### ❌ 不适用场景 -- 不相关的技术栈或框架 -- 需要完全自定义的特殊场景 - -## 使用流程 - -### Step 1: 环境准备 -确保开发环境已安装必要的依赖和工具。 - -### Step 2: 配置初始化 -根据项目需求进行基础配置。 - -### Step 3: 核心功能使用 -按照示例代码实现核心功能。 - -### Step 4: 测试验证 -运行测试确保功能正常。 - -### Step 5: 部署上线 -完成开发后进行部署和监控。 diff --git a/skills/stitch-uview-components/SKILL.md b/skills/stitch-uview-components/SKILL.md index e64aa6d..c2317fa 100644 --- a/skills/stitch-uview-components/SKILL.md +++ b/skills/stitch-uview-components/SKILL.md @@ -3,8 +3,6 @@ name: stitch-uview-components license: Apache-2.0 description: Convert Stitch designs into uni-app and Vue 2 and uView 2.0 pages and components. Uses Stitch MCP get_screen for retrieval; high-reliability fetch via scripts; enforces uni-app page structure and uView 2 u-* component contracts. --- - - # Stitch to uni-app + uView 2.0 Components **Constraint**: Only use this skill when the user explicitly mentions "Stitch" and converting Stitch screens to **uni-app + Vue 2 + uView 2.0** (pages/, components/, .vue, u-* components). @@ -78,42 +76,3 @@ You are a **frontend engineer** turning Stitch designs into clean, modular uni-a - [Page template](resources/page-template.vue) - [Stitch API / MCP](https://stitch.withgoogle.com/docs/mcp/guide/) -## 能力边界 - -### ✅ 适用场景 -- 当你需要使用此技能对应的技术栈时 -- 当项目需要遵循最佳实践时 -- 当需要快速上手或深入理解核心概念时 - -### ⚠️ 需要注意 -- 复杂业务逻辑需要结合具体场景调整 -- 性能优化需要根据实际数据量评估 - -### ❌ 不适用场景 -- 不相关的技术栈或框架 -- 需要完全自定义的特殊场景 - -## 常见陷阱 (Gotchas) - -1. **版本兼容性**：注意框架版本与依赖库的兼容性，不同版本 API 可能有差异 -2. **配置文件格式**：配置文件格式错误是最常见的问题，建议使用编辑器的语法检查 -3. **环境变量**：确保所有必要的环境变量已正确设置，敏感信息不要硬编码 -4. **依赖冲突**：多版本共存时注意依赖冲突，使用 lock 文件锁定版本 -5. **性能陷阱**：大数据量场景下注意性能优化，避免 N+1 查询等常见问题 - -## 使用流程 - -### Step 1: 环境准备 -确保开发环境已安装必要的依赖和工具。 - -### Step 2: 配置初始化 -根据项目需求进行基础配置。 - -### Step 3: 核心功能使用 -按照示例代码实现核心功能。 - -### Step 4: 测试验证 -运行测试确保功能正常。 - -### Step 5: 部署上线 -完成开发后进行部署和监控。 diff --git a/skills/stitch-uview-plus-components/SKILL.md b/skills/stitch-uview-plus-components/SKILL.md index 0be386a..17fd0b4 100644 --- a/skills/stitch-uview-plus-components/SKILL.md +++ b/skills/stitch-uview-plus-components/SKILL.md @@ -3,7 +3,6 @@ name: stitch-uview-plus-components license: Apache-2.0 description: "Convert Stitch designs into uni-app + Vue 3 + uview-plus pages and components. Use when the user mentions Stitch, uview-plus, up- components, or uni-app Vue 3 conversion targeting uview-plus. Retrieves screen HTML via Stitch MCP get_screen, rewrites Tailwind structure into up-* components, and enforces stronger setup, theme, safe-area, tabbar, popup, upload, and dark-mode rules than the generic uView Pro conversion skill." --- - # Stitch to uni-app + uview-plus Components **Constraint**: Only use this skill when the user explicitly mentions **Stitch** and wants conversion to **uni-app + Vue 3 + uview-plus** with **`up-*`** components. @@ -150,42 +149,3 @@ Testing is command-triggered by the user, not by directly calling MCP for no rea - [scripts/fetch-stitch.sh](scripts/fetch-stitch.sh) - [Stitch API / MCP](https://stitch.withgoogle.com/docs/mcp/guide/) -## 能力边界 - -### ✅ 适用场景 -- 当你需要使用此技能对应的技术栈时 -- 当项目需要遵循最佳实践时 -- 当需要快速上手或深入理解核心概念时 - -### ⚠️ 需要注意 -- 复杂业务逻辑需要结合具体场景调整 -- 性能优化需要根据实际数据量评估 - -### ❌ 不适用场景 -- 不相关的技术栈或框架 -- 需要完全自定义的特殊场景 - -## 常见陷阱 (Gotchas) - -1. **版本兼容性**：注意框架版本与依赖库的兼容性，不同版本 API 可能有差异 -2. **配置文件格式**：配置文件格式错误是最常见的问题，建议使用编辑器的语法检查 -3. **环境变量**：确保所有必要的环境变量已正确设置，敏感信息不要硬编码 -4. **依赖冲突**：多版本共存时注意依赖冲突，使用 lock 文件锁定版本 -5. **性能陷阱**：大数据量场景下注意性能优化，避免 N+1 查询等常见问题 - -## 使用流程 - -### Step 1: 环境准备 -确保开发环境已安装必要的依赖和工具。 - -### Step 2: 配置初始化 -根据项目需求进行基础配置。 - -### Step 3: 核心功能使用 -按照示例代码实现核心功能。 - -### Step 4: 测试验证 -运行测试确保功能正常。 - -### Step 5: 部署上线 -完成开发后进行部署和监控。 diff --git a/skills/stitch-uviewpro-components/SKILL.md b/skills/stitch-uviewpro-components/SKILL.md index 7b64528..a01ac99 100644 --- a/skills/stitch-uviewpro-components/SKILL.md +++ b/skills/stitch-uviewpro-components/SKILL.md @@ -3,8 +3,6 @@ name: stitch-uviewpro-components license: Apache-2.0 description: Convert Stitch designs into uni-app and Vue 3 and uView Pro pages and components. Uses Stitch MCP get_screen for retrieval; high-reliability fetch via scripts; enforces uni-app page structure and uView Pro u-* component contracts, rpx, script setup. --- - - # Stitch to uni-app + uView Pro Components **Constraint**: Only use this skill when the user explicitly mentions "Stitch" and converting Stitch screens to **uni-app + Vue 3 + uView Pro** (pages/, components/, .vue or .uvue, u-* components). @@ -117,42 +115,3 @@ Testing is triggered by user instruction, not by calling MCP directly. Flow: use - [Page implementation example](examples/usage.md) - [Stitch API / MCP](https://stitch.withgoogle.com/docs/mcp/guide/) -## 能力边界 - -### ✅ 适用场景 -- 当你需要使用此技能对应的技术栈时 -- 当项目需要遵循最佳实践时 -- 当需要快速上手或深入理解核心概念时 - -### ⚠️ 需要注意 -- 复杂业务逻辑需要结合具体场景调整 -- 性能优化需要根据实际数据量评估 - -### ❌ 不适用场景 -- 不相关的技术栈或框架 -- 需要完全自定义的特殊场景 - -## 常见陷阱 (Gotchas) - -1. **版本兼容性**：注意框架版本与依赖库的兼容性，不同版本 API 可能有差异 -2. **配置文件格式**：配置文件格式错误是最常见的问题，建议使用编辑器的语法检查 -3. **环境变量**：确保所有必要的环境变量已正确设置，敏感信息不要硬编码 -4. **依赖冲突**：多版本共存时注意依赖冲突，使用 lock 文件锁定版本 -5. **性能陷阱**：大数据量场景下注意性能优化，避免 N+1 查询等常见问题 - -## 使用流程 - -### Step 1: 环境准备 -确保开发环境已安装必要的依赖和工具。 - -### Step 2: 配置初始化 -根据项目需求进行基础配置。 - -### Step 3: 核心功能使用 -按照示例代码实现核心功能。 - -### Step 4: 测试验证 -运行测试确保功能正常。 - -### Step 5: 部署上线 -完成开发后进行部署和监控。 diff --git a/skills/stitch-vue-bootstrap-components/SKILL.md b/skills/stitch-vue-bootstrap-components/SKILL.md index d43eff4..60e686a 100644 --- a/skills/stitch-vue-bootstrap-components/SKILL.md +++ b/skills/stitch-vue-bootstrap-components/SKILL.md @@ -3,8 +3,6 @@ name: stitch-vue-bootstrap-components license: Apache-2.0 description: Convert Stitch designs into modular Vite/Vue 3 and BootstrapVue or BootstrapVueNext components. Uses [BootstrapVue Vue 3] support; Stitch MCP get_screen for retrieval; high-reliability fetch via scripts; enforces Vue SFC structure and Bootstrap component contracts b-container b-row b-button etc.. --- - - # Stitch to Vue 3 + Bootstrap Components **Constraint**: Only use this skill when the user explicitly mentions "Stitch" and converting Stitch screens to **Vue 3 + Bootstrap** (Vite, .vue SFC, [BootstrapVue Vue 3](https://bootstrap-vue.org/vue3) or BootstrapVueNext). @@ -78,42 +76,3 @@ You are a **frontend engineer** turning Stitch designs into clean, modular Vue 3 - [Component template](resources/component-template.vue) - [Stitch API / MCP](https://stitch.withgoogle.com/docs/mcp/guide/) -## 能力边界 - -### ✅ 适用场景 -- 当你需要使用此技能对应的技术栈时 -- 当项目需要遵循最佳实践时 -- 当需要快速上手或深入理解核心概念时 - -### ⚠️ 需要注意 -- 复杂业务逻辑需要结合具体场景调整 -- 性能优化需要根据实际数据量评估 - -### ❌ 不适用场景 -- 不相关的技术栈或框架 -- 需要完全自定义的特殊场景 - -## 常见陷阱 (Gotchas) - -1. **版本兼容性**：注意框架版本与依赖库的兼容性，不同版本 API 可能有差异 -2. **配置文件格式**：配置文件格式错误是最常见的问题，建议使用编辑器的语法检查 -3. **环境变量**：确保所有必要的环境变量已正确设置，敏感信息不要硬编码 -4. **依赖冲突**：多版本共存时注意依赖冲突，使用 lock 文件锁定版本 -5. **性能陷阱**：大数据量场景下注意性能优化，避免 N+1 查询等常见问题 - -## 使用流程 - -### Step 1: 环境准备 -确保开发环境已安装必要的依赖和工具。 - -### Step 2: 配置初始化 -根据项目需求进行基础配置。 - -### Step 3: 核心功能使用 -按照示例代码实现核心功能。 - -### Step 4: 测试验证 -运行测试确保功能正常。 - -### Step 5: 部署上线 -完成开发后进行部署和监控。 diff --git a/skills/stitch-vue-element-components/SKILL.md b/skills/stitch-vue-element-components/SKILL.md index b8a6a55..a8fcfab 100644 --- a/skills/stitch-vue-element-components/SKILL.md +++ b/skills/stitch-vue-element-components/SKILL.md @@ -3,8 +3,6 @@ name: stitch-vue-element-components license: Apache-2.0 description: Convert Stitch designs into modular Vite/Vue 3 and Element Plus components. Uses Stitch MCP get_screen to retrieve design JSON and HTML; supports high-reliability fetch via scripts; enforces Vue SFC structure, data decoupling, and Element Plus component contracts. --- - - # Stitch to Vue 3 + Element Plus Components **Constraint**: Only use this skill when the user explicitly mentions "Stitch" and converting Stitch screens to **Vue 3 + Element Plus** (Vite, .vue SFC). @@ -79,42 +77,3 @@ You are a **frontend engineer** turning Stitch designs into clean, modular Vue 3 - [Component template](resources/component-template.vue) - [Stitch API / MCP](https://stitch.withgoogle.com/docs/mcp/guide/) -## 能力边界 - -### ✅ 适用场景 -- 当你需要使用此技能对应的技术栈时 -- 当项目需要遵循最佳实践时 -- 当需要快速上手或深入理解核心概念时 - -### ⚠️ 需要注意 -- 复杂业务逻辑需要结合具体场景调整 -- 性能优化需要根据实际数据量评估 - -### ❌ 不适用场景 -- 不相关的技术栈或框架 -- 需要完全自定义的特殊场景 - -## 常见陷阱 (Gotchas) - -1. **版本兼容性**：注意框架版本与依赖库的兼容性，不同版本 API 可能有差异 -2. **配置文件格式**：配置文件格式错误是最常见的问题，建议使用编辑器的语法检查 -3. **环境变量**：确保所有必要的环境变量已正确设置，敏感信息不要硬编码 -4. **依赖冲突**：多版本共存时注意依赖冲突，使用 lock 文件锁定版本 -5. **性能陷阱**：大数据量场景下注意性能优化，避免 N+1 查询等常见问题 - -## 使用流程 - -### Step 1: 环境准备 -确保开发环境已安装必要的依赖和工具。 - -### Step 2: 配置初始化 -根据项目需求进行基础配置。 - -### Step 3: 核心功能使用 -按照示例代码实现核心功能。 - -### Step 4: 测试验证 -运行测试确保功能正常。 - -### Step 5: 部署上线 -完成开发后进行部署和监控。 diff --git a/skills/stitch-vue-layui-components/SKILL.md b/skills/stitch-vue-layui-components/SKILL.md index 03599d8..4542b65 100644 --- a/skills/stitch-vue-layui-components/SKILL.md +++ b/skills/stitch-vue-layui-components/SKILL.md @@ -3,8 +3,6 @@ name: stitch-vue-layui-components license: Apache-2.0 description: Convert Stitch designs into modular Vite/Vue 3 and Layui-Vue components. Uses Stitch MCP get_screen for retrieval; high-reliability fetch via scripts; enforces Vue SFC structure and Layui-Vue component contracts layui-btn layui-input lay-card etc.. --- - - # Stitch to Vue 3 + Layui-Vue Components **Constraint**: Only use this skill when the user explicitly mentions "Stitch" and converting Stitch screens to **Vue 3 + Layui-Vue** (Vite, .vue SFC). @@ -78,42 +76,3 @@ You are a **frontend engineer** turning Stitch designs into clean, modular Vue 3 - [Component template](resources/component-template.vue) - [Stitch API / MCP](https://stitch.withgoogle.com/docs/mcp/guide/) -## 能力边界 - -### ✅ 适用场景 -- 当你需要使用此技能对应的技术栈时 -- 当项目需要遵循最佳实践时 -- 当需要快速上手或深入理解核心概念时 - -### ⚠️ 需要注意 -- 复杂业务逻辑需要结合具体场景调整 -- 性能优化需要根据实际数据量评估 - -### ❌ 不适用场景 -- 不相关的技术栈或框架 -- 需要完全自定义的特殊场景 - -## 常见陷阱 (Gotchas) - -1. **版本兼容性**：注意框架版本与依赖库的兼容性，不同版本 API 可能有差异 -2. **配置文件格式**：配置文件格式错误是最常见的问题，建议使用编辑器的语法检查 -3. **环境变量**：确保所有必要的环境变量已正确设置，敏感信息不要硬编码 -4. **依赖冲突**：多版本共存时注意依赖冲突，使用 lock 文件锁定版本 -5. **性能陷阱**：大数据量场景下注意性能优化，避免 N+1 查询等常见问题 - -## 使用流程 - -### Step 1: 环境准备 -确保开发环境已安装必要的依赖和工具。 - -### Step 2: 配置初始化 -根据项目需求进行基础配置。 - -### Step 3: 核心功能使用 -按照示例代码实现核心功能。 - -### Step 4: 测试验证 -运行测试确保功能正常。 - -### Step 5: 部署上线 -完成开发后进行部署和监控。 diff --git a/skills/stitch-vue-vant-components/SKILL.md b/skills/stitch-vue-vant-components/SKILL.md index d11ab88..4721b67 100644 --- a/skills/stitch-vue-vant-components/SKILL.md +++ b/skills/stitch-vue-vant-components/SKILL.md @@ -3,8 +3,6 @@ name: stitch-vue-vant-components license: Apache-2.0 description: Convert Stitch designs into modular Vite/Vue 3 and Vant 4 mobile components. Uses Stitch MCP get_screen for retrieval; high-reliability fetch via scripts; enforces Vue SFC structure and Vant 4 component contracts van-button van-field van-nav-bar etc.. --- - - # Stitch to Vue 3 + Vant 4 Components **Constraint**: Only use this skill when the user explicitly mentions "Stitch" and converting Stitch screens to **Vue 3 + Vant 4** (Vite, .vue SFC, mobile-first). @@ -78,42 +76,3 @@ You are a **frontend engineer** turning Stitch designs into clean, modular Vue 3 - [Component template](resources/component-template.vue) - [Stitch API / MCP](https://stitch.withgoogle.com/docs/mcp/guide/) -## 能力边界 - -### ✅ 适用场景 -- 当你需要使用此技能对应的技术栈时 -- 当项目需要遵循最佳实践时 -- 当需要快速上手或深入理解核心概念时 - -### ⚠️ 需要注意 -- 复杂业务逻辑需要结合具体场景调整 -- 性能优化需要根据实际数据量评估 - -### ❌ 不适用场景 -- 不相关的技术栈或框架 -- 需要完全自定义的特殊场景 - -## 常见陷阱 (Gotchas) - -1. **版本兼容性**：注意框架版本与依赖库的兼容性，不同版本 API 可能有差异 -2. **配置文件格式**：配置文件格式错误是最常见的问题，建议使用编辑器的语法检查 -3. **环境变量**：确保所有必要的环境变量已正确设置，敏感信息不要硬编码 -4. **依赖冲突**：多版本共存时注意依赖冲突，使用 lock 文件锁定版本 -5. **性能陷阱**：大数据量场景下注意性能优化，避免 N+1 查询等常见问题 - -## 使用流程 - -### Step 1: 环境准备 -确保开发环境已安装必要的依赖和工具。 - -### Step 2: 配置初始化 -根据项目需求进行基础配置。 - -### Step 3: 核心功能使用 -按照示例代码实现核心功能。 - -### Step 4: 测试验证 -运行测试确保功能正常。 - -### Step 5: 部署上线 -完成开发后进行部署和监控。