@mison/ling 1.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (268) hide show
  1. package/.agents/.shared/ui-ux-pro-max/data/charts.csv +26 -0
  2. package/.agents/.shared/ui-ux-pro-max/data/colors.csv +97 -0
  3. package/.agents/.shared/ui-ux-pro-max/data/icons.csv +101 -0
  4. package/.agents/.shared/ui-ux-pro-max/data/landing.csv +31 -0
  5. package/.agents/.shared/ui-ux-pro-max/data/products.csv +97 -0
  6. package/.agents/.shared/ui-ux-pro-max/data/prompts.csv +24 -0
  7. package/.agents/.shared/ui-ux-pro-max/data/react-performance.csv +45 -0
  8. package/.agents/.shared/ui-ux-pro-max/data/stacks/flutter.csv +53 -0
  9. package/.agents/.shared/ui-ux-pro-max/data/stacks/html-tailwind.csv +56 -0
  10. package/.agents/.shared/ui-ux-pro-max/data/stacks/jetpack-compose.csv +53 -0
  11. package/.agents/.shared/ui-ux-pro-max/data/stacks/nextjs.csv +53 -0
  12. package/.agents/.shared/ui-ux-pro-max/data/stacks/nuxt-ui.csv +51 -0
  13. package/.agents/.shared/ui-ux-pro-max/data/stacks/nuxtjs.csv +59 -0
  14. package/.agents/.shared/ui-ux-pro-max/data/stacks/react-native.csv +52 -0
  15. package/.agents/.shared/ui-ux-pro-max/data/stacks/react.csv +54 -0
  16. package/.agents/.shared/ui-ux-pro-max/data/stacks/shadcn.csv +61 -0
  17. package/.agents/.shared/ui-ux-pro-max/data/stacks/svelte.csv +54 -0
  18. package/.agents/.shared/ui-ux-pro-max/data/stacks/swiftui.csv +51 -0
  19. package/.agents/.shared/ui-ux-pro-max/data/stacks/vue.csv +50 -0
  20. package/.agents/.shared/ui-ux-pro-max/data/styles.csv +59 -0
  21. package/.agents/.shared/ui-ux-pro-max/data/typography.csv +58 -0
  22. package/.agents/.shared/ui-ux-pro-max/data/ui-reasoning.csv +101 -0
  23. package/.agents/.shared/ui-ux-pro-max/data/ux-guidelines.csv +100 -0
  24. package/.agents/.shared/ui-ux-pro-max/data/web-interface.csv +31 -0
  25. package/.agents/.shared/ui-ux-pro-max/scripts/core.py +258 -0
  26. package/.agents/.shared/ui-ux-pro-max/scripts/design_system.py +1067 -0
  27. package/.agents/.shared/ui-ux-pro-max/scripts/search.py +106 -0
  28. package/.agents/ARCHITECTURE.md +285 -0
  29. package/.agents/agents/backend-specialist.md +268 -0
  30. package/.agents/agents/code-archaeologist.md +106 -0
  31. package/.agents/agents/database-architect.md +225 -0
  32. package/.agents/agents/debugger.md +225 -0
  33. package/.agents/agents/devops-engineer.md +242 -0
  34. package/.agents/agents/documentation-writer.md +104 -0
  35. package/.agents/agents/explorer-agent.md +73 -0
  36. package/.agents/agents/frontend-specialist.md +618 -0
  37. package/.agents/agents/game-developer.md +162 -0
  38. package/.agents/agents/mobile-developer.md +382 -0
  39. package/.agents/agents/orchestrator.md +436 -0
  40. package/.agents/agents/penetration-tester.md +188 -0
  41. package/.agents/agents/performance-optimizer.md +187 -0
  42. package/.agents/agents/product-manager.md +112 -0
  43. package/.agents/agents/product-owner.md +95 -0
  44. package/.agents/agents/project-planner.md +405 -0
  45. package/.agents/agents/qa-automation-engineer.md +103 -0
  46. package/.agents/agents/security-auditor.md +170 -0
  47. package/.agents/agents/seo-specialist.md +111 -0
  48. package/.agents/agents/test-engineer.md +158 -0
  49. package/.agents/mcp_config.json +22 -0
  50. package/.agents/rules/GEMINI.md +273 -0
  51. package/.agents/scripts/auto_preview.py +148 -0
  52. package/.agents/scripts/checklist.py +217 -0
  53. package/.agents/scripts/session_manager.py +120 -0
  54. package/.agents/scripts/verify_all.py +327 -0
  55. package/.agents/skills/api-patterns/SKILL.md +84 -0
  56. package/.agents/skills/api-patterns/api-style.md +42 -0
  57. package/.agents/skills/api-patterns/auth.md +24 -0
  58. package/.agents/skills/api-patterns/documentation.md +26 -0
  59. package/.agents/skills/api-patterns/graphql.md +41 -0
  60. package/.agents/skills/api-patterns/rate-limiting.md +31 -0
  61. package/.agents/skills/api-patterns/response.md +37 -0
  62. package/.agents/skills/api-patterns/rest.md +40 -0
  63. package/.agents/skills/api-patterns/scripts/api_validator.py +211 -0
  64. package/.agents/skills/api-patterns/security-testing.md +122 -0
  65. package/.agents/skills/api-patterns/trpc.md +41 -0
  66. package/.agents/skills/api-patterns/versioning.md +22 -0
  67. package/.agents/skills/app-builder/SKILL.md +75 -0
  68. package/.agents/skills/app-builder/agent-coordination.md +74 -0
  69. package/.agents/skills/app-builder/feature-building.md +53 -0
  70. package/.agents/skills/app-builder/project-detection.md +34 -0
  71. package/.agents/skills/app-builder/scaffolding.md +118 -0
  72. package/.agents/skills/app-builder/tech-stack.md +40 -0
  73. package/.agents/skills/app-builder/templates/SKILL.md +39 -0
  74. package/.agents/skills/app-builder/templates/astro-static/TEMPLATE.md +76 -0
  75. package/.agents/skills/app-builder/templates/chrome-extension/TEMPLATE.md +92 -0
  76. package/.agents/skills/app-builder/templates/cli-tool/TEMPLATE.md +88 -0
  77. package/.agents/skills/app-builder/templates/electron-desktop/TEMPLATE.md +88 -0
  78. package/.agents/skills/app-builder/templates/express-api/TEMPLATE.md +83 -0
  79. package/.agents/skills/app-builder/templates/flutter-app/TEMPLATE.md +90 -0
  80. package/.agents/skills/app-builder/templates/monorepo-turborepo/TEMPLATE.md +90 -0
  81. package/.agents/skills/app-builder/templates/nextjs-fullstack/TEMPLATE.md +122 -0
  82. package/.agents/skills/app-builder/templates/nextjs-saas/TEMPLATE.md +122 -0
  83. package/.agents/skills/app-builder/templates/nextjs-static/TEMPLATE.md +169 -0
  84. package/.agents/skills/app-builder/templates/nuxt-app/TEMPLATE.md +134 -0
  85. package/.agents/skills/app-builder/templates/python-fastapi/TEMPLATE.md +83 -0
  86. package/.agents/skills/app-builder/templates/react-native-app/TEMPLATE.md +119 -0
  87. package/.agents/skills/architecture/SKILL.md +57 -0
  88. package/.agents/skills/architecture/context-discovery.md +43 -0
  89. package/.agents/skills/architecture/examples.md +94 -0
  90. package/.agents/skills/architecture/pattern-selection.md +68 -0
  91. package/.agents/skills/architecture/patterns-reference.md +50 -0
  92. package/.agents/skills/architecture/trade-off-analysis.md +77 -0
  93. package/.agents/skills/bash-linux/SKILL.md +201 -0
  94. package/.agents/skills/behavioral-modes/SKILL.md +264 -0
  95. package/.agents/skills/brainstorming/SKILL.md +164 -0
  96. package/.agents/skills/brainstorming/dynamic-questioning.md +359 -0
  97. package/.agents/skills/clean-code/SKILL.md +200 -0
  98. package/.agents/skills/code-review-checklist/SKILL.md +125 -0
  99. package/.agents/skills/database-design/SKILL.md +54 -0
  100. package/.agents/skills/database-design/database-selection.md +43 -0
  101. package/.agents/skills/database-design/indexing.md +39 -0
  102. package/.agents/skills/database-design/migrations.md +50 -0
  103. package/.agents/skills/database-design/optimization.md +36 -0
  104. package/.agents/skills/database-design/orm-selection.md +30 -0
  105. package/.agents/skills/database-design/schema-design.md +56 -0
  106. package/.agents/skills/database-design/scripts/schema_validator.py +172 -0
  107. package/.agents/skills/deployment-procedures/SKILL.md +241 -0
  108. package/.agents/skills/doc.md +177 -0
  109. package/.agents/skills/documentation-templates/SKILL.md +194 -0
  110. package/.agents/skills/frontend-design/SKILL.md +418 -0
  111. package/.agents/skills/frontend-design/animation-guide.md +331 -0
  112. package/.agents/skills/frontend-design/color-system.md +307 -0
  113. package/.agents/skills/frontend-design/decision-trees.md +418 -0
  114. package/.agents/skills/frontend-design/motion-graphics.md +306 -0
  115. package/.agents/skills/frontend-design/scripts/accessibility_checker.py +183 -0
  116. package/.agents/skills/frontend-design/scripts/ux_audit.py +727 -0
  117. package/.agents/skills/frontend-design/typography-system.md +345 -0
  118. package/.agents/skills/frontend-design/ux-psychology.md +1118 -0
  119. package/.agents/skills/frontend-design/visual-effects.md +383 -0
  120. package/.agents/skills/game-development/2d-games/SKILL.md +119 -0
  121. package/.agents/skills/game-development/3d-games/SKILL.md +135 -0
  122. package/.agents/skills/game-development/SKILL.md +167 -0
  123. package/.agents/skills/game-development/game-art/SKILL.md +185 -0
  124. package/.agents/skills/game-development/game-audio/SKILL.md +190 -0
  125. package/.agents/skills/game-development/game-design/SKILL.md +129 -0
  126. package/.agents/skills/game-development/mobile-games/SKILL.md +108 -0
  127. package/.agents/skills/game-development/multiplayer/SKILL.md +132 -0
  128. package/.agents/skills/game-development/pc-games/SKILL.md +144 -0
  129. package/.agents/skills/game-development/vr-ar/SKILL.md +123 -0
  130. package/.agents/skills/game-development/web-games/SKILL.md +150 -0
  131. package/.agents/skills/geo-fundamentals/SKILL.md +155 -0
  132. package/.agents/skills/geo-fundamentals/scripts/geo_checker.py +289 -0
  133. package/.agents/skills/i18n-localization/SKILL.md +154 -0
  134. package/.agents/skills/i18n-localization/scripts/i18n_checker.py +241 -0
  135. package/.agents/skills/intelligent-routing/SKILL.md +335 -0
  136. package/.agents/skills/lint-and-validate/SKILL.md +44 -0
  137. package/.agents/skills/lint-and-validate/scripts/lint_runner.py +184 -0
  138. package/.agents/skills/lint-and-validate/scripts/type_coverage.py +173 -0
  139. package/.agents/skills/mcp-builder/SKILL.md +176 -0
  140. package/.agents/skills/mobile-design/SKILL.md +394 -0
  141. package/.agents/skills/mobile-design/decision-trees.md +516 -0
  142. package/.agents/skills/mobile-design/mobile-backend.md +491 -0
  143. package/.agents/skills/mobile-design/mobile-color-system.md +420 -0
  144. package/.agents/skills/mobile-design/mobile-debugging.md +122 -0
  145. package/.agents/skills/mobile-design/mobile-design-thinking.md +355 -0
  146. package/.agents/skills/mobile-design/mobile-navigation.md +458 -0
  147. package/.agents/skills/mobile-design/mobile-performance.md +767 -0
  148. package/.agents/skills/mobile-design/mobile-testing.md +356 -0
  149. package/.agents/skills/mobile-design/mobile-typography.md +432 -0
  150. package/.agents/skills/mobile-design/platform-android.md +666 -0
  151. package/.agents/skills/mobile-design/platform-ios.md +561 -0
  152. package/.agents/skills/mobile-design/scripts/mobile_audit.py +670 -0
  153. package/.agents/skills/mobile-design/touch-psychology.md +537 -0
  154. package/.agents/skills/nextjs-react-expert/1-async-eliminating-waterfalls.md +311 -0
  155. package/.agents/skills/nextjs-react-expert/2-bundle-bundle-size-optimization.md +241 -0
  156. package/.agents/skills/nextjs-react-expert/3-server-server-side-performance.md +489 -0
  157. package/.agents/skills/nextjs-react-expert/4-client-client-side-data-fetching.md +263 -0
  158. package/.agents/skills/nextjs-react-expert/5-rerender-re-render-optimization.md +581 -0
  159. package/.agents/skills/nextjs-react-expert/6-rendering-rendering-performance.md +431 -0
  160. package/.agents/skills/nextjs-react-expert/7-js-javascript-performance.md +683 -0
  161. package/.agents/skills/nextjs-react-expert/8-advanced-advanced-patterns.md +149 -0
  162. package/.agents/skills/nextjs-react-expert/SKILL.md +286 -0
  163. package/.agents/skills/nextjs-react-expert/scripts/convert_rules.py +222 -0
  164. package/.agents/skills/nextjs-react-expert/scripts/react_performance_checker.py +252 -0
  165. package/.agents/skills/nodejs-best-practices/SKILL.md +333 -0
  166. package/.agents/skills/parallel-agents/SKILL.md +193 -0
  167. package/.agents/skills/performance-profiling/SKILL.md +149 -0
  168. package/.agents/skills/performance-profiling/scripts/lighthouse_audit.py +120 -0
  169. package/.agents/skills/plan-writing/SKILL.md +152 -0
  170. package/.agents/skills/powershell-windows/SKILL.md +166 -0
  171. package/.agents/skills/python-patterns/SKILL.md +441 -0
  172. package/.agents/skills/red-team-tactics/SKILL.md +203 -0
  173. package/.agents/skills/refactoring-patterns/SKILL.md +43 -0
  174. package/.agents/skills/rust-pro/SKILL.md +190 -0
  175. package/.agents/skills/seo-fundamentals/SKILL.md +135 -0
  176. package/.agents/skills/seo-fundamentals/scripts/seo_checker.py +215 -0
  177. package/.agents/skills/server-management/SKILL.md +161 -0
  178. package/.agents/skills/systematic-debugging/SKILL.md +114 -0
  179. package/.agents/skills/tailwind-patterns/SKILL.md +269 -0
  180. package/.agents/skills/tdd-workflow/SKILL.md +149 -0
  181. package/.agents/skills/testing-patterns/SKILL.md +178 -0
  182. package/.agents/skills/testing-patterns/scripts/test_runner.py +219 -0
  183. package/.agents/skills/vulnerability-scanner/SKILL.md +276 -0
  184. package/.agents/skills/vulnerability-scanner/checklists.md +131 -0
  185. package/.agents/skills/vulnerability-scanner/scripts/__pycache__/security_scan.cpython-310.pyc +0 -0
  186. package/.agents/skills/vulnerability-scanner/scripts/security_scan.py +524 -0
  187. package/.agents/skills/web-design-guidelines/SKILL.md +57 -0
  188. package/.agents/skills/webapp-testing/SKILL.md +187 -0
  189. package/.agents/skills/webapp-testing/scripts/playwright_runner.py +173 -0
  190. package/.agents/workflows/brainstorm.md +113 -0
  191. package/.agents/workflows/create.md +59 -0
  192. package/.agents/workflows/debug.md +103 -0
  193. package/.agents/workflows/deploy.md +176 -0
  194. package/.agents/workflows/enhance.md +63 -0
  195. package/.agents/workflows/orchestrate.md +242 -0
  196. package/.agents/workflows/plan.md +89 -0
  197. package/.agents/workflows/preview.md +80 -0
  198. package/.agents/workflows/restore-localize-compat.md +525 -0
  199. package/.agents/workflows/status.md +86 -0
  200. package/.agents/workflows/test.md +144 -0
  201. package/.agents/workflows/ui-ux-pro-max.md +295 -0
  202. package/.spec/profiles/codex/AGENTS.spec.md +7 -0
  203. package/.spec/profiles/codex/ling.spec.rules.md +4 -0
  204. package/.spec/profiles/gemini/GEMINI.spec.md +5 -0
  205. package/.spec/references/README.md +36 -0
  206. package/.spec/references/cse-quickstart.md +96 -0
  207. package/.spec/references/gda-framework.md +394 -0
  208. package/.spec/references/harness-engineering-digest.md +93 -0
  209. package/.spec/skills/cybernetic-systems-engineering/SKILL.md +792 -0
  210. package/.spec/skills/cybernetic-systems-engineering/agents/openai.yaml +5 -0
  211. package/.spec/skills/cybernetic-systems-engineering/assets/quickstart.md +96 -0
  212. package/.spec/skills/cybernetic-systems-engineering/references/README.md +36 -0
  213. package/.spec/skills/cybernetic-systems-engineering/references/gda-framework.md +394 -0
  214. package/.spec/skills/cybernetic-systems-engineering/scripts/issues.csv +20 -0
  215. package/.spec/skills/harness-engineering/SKILL.md +100 -0
  216. package/.spec/skills/harness-engineering/agents/openai.yaml +4 -0
  217. package/.spec/skills/harness-engineering/references/harness-engineering-digest.md +93 -0
  218. package/.spec/templates/driver-prompt.md +7 -0
  219. package/.spec/templates/handoff.md +9 -0
  220. package/.spec/templates/issues.template.csv +2 -0
  221. package/.spec/templates/phase-acceptance.md +9 -0
  222. package/.spec/templates/review-report.md +9 -0
  223. package/AGENT_FLOW.md +609 -0
  224. package/CHANGELOG.md +43 -0
  225. package/LICENSE +21 -0
  226. package/README.md +359 -0
  227. package/bin/adapters/base.js +63 -0
  228. package/bin/adapters/codex.js +421 -0
  229. package/bin/adapters/gemini.js +157 -0
  230. package/bin/ag-kit.js +2266 -0
  231. package/bin/core/builder.js +80 -0
  232. package/bin/core/generator.js +59 -0
  233. package/bin/core/resource-loader.js +64 -0
  234. package/bin/core/transformer.js +208 -0
  235. package/bin/interactive.js +65 -0
  236. package/bin/ling.js +3 -0
  237. package/bin/utils/atomic-writer.js +97 -0
  238. package/bin/utils/git-helper.js +68 -0
  239. package/bin/utils/managed-block.js +65 -0
  240. package/bin/utils/manifest.js +244 -0
  241. package/bin/utils.js +89 -0
  242. package/docs/PLAN.md +54 -0
  243. package/docs/TECH.md +191 -0
  244. package/package.json +56 -0
  245. package/scripts/ci-verify.js +110 -0
  246. package/scripts/clean.js +123 -0
  247. package/scripts/health-check.js +143 -0
  248. package/scripts/health-check.sh +6 -0
  249. package/scripts/postinstall-check.js +112 -0
  250. package/scripts/run-tests.js +49 -0
  251. package/tests/atomic-writer.test.js +47 -0
  252. package/tests/clean-script.test.js +77 -0
  253. package/tests/cli-smoke.test.js +479 -0
  254. package/tests/codex-adapter.test.js +132 -0
  255. package/tests/doctor.test.js +94 -0
  256. package/tests/gemini-adapter.test.js +30 -0
  257. package/tests/generator.test.js +48 -0
  258. package/tests/git-helper.test.js +53 -0
  259. package/tests/global-sync.test.js +133 -0
  260. package/tests/health-check-script.test.js +34 -0
  261. package/tests/managed-block.test.js +41 -0
  262. package/tests/manifest.test.js +97 -0
  263. package/tests/package-tarball.test.js +33 -0
  264. package/tests/phase-c.test.js +107 -0
  265. package/tests/spec-profile.test.js +86 -0
  266. package/tests/standards-compliance.test.js +303 -0
  267. package/tests/transformer.test.js +74 -0
  268. package/tests/versioning.test.js +51 -0
@@ -0,0 +1,144 @@
1
+ ---
2
+ description: 测试生成与测试执行命令。用于创建并运行代码测试。
3
+ ---
4
+
5
+ # /test - 测试生成与执行
6
+
7
+ $ARGUMENTS
8
+
9
+ ---
10
+
11
+ ## 目的
12
+
13
+ 此命令用于生成测试用例、运行现有测试或检查测试覆盖率(Coverage)。
14
+
15
+ ---
16
+
17
+ ## 子命令
18
+
19
+ ```
20
+ /test - 运行所有测试
21
+ /test [文件/功能] - 为特定目标生成测试用例
22
+ /test coverage - 显示测试覆盖率报告
23
+ /test watch - 以 Watch mode(观察模式)运行测试
24
+ ```
25
+
26
+ ---
27
+
28
+ ## 行为
29
+
30
+ ### 生成测试
31
+
32
+ 当要求对某个文件或功能进行测试时:
33
+
34
+ 1. **分析代码**
35
+ - 识别函数与方法
36
+ - 寻找 Edge cases(边界情况)
37
+ - 检测需要 Mock(模拟)的外部依赖
38
+
39
+ 2. **生成测试用例**
40
+ - Happy path(正常路径)测试
41
+ - 错误处理情况
42
+ - 边界情况
43
+ - 集成测试(如有必要)
44
+
45
+ 3. **编写测试代码**
46
+ - 使用项目指定的测试框架(Jest、Vitest 等)
47
+ - 遵循现有的测试模式
48
+ - Mock(模拟)外部依赖项
49
+
50
+ ---
51
+
52
+ ## 输出格式
53
+
54
+ ### 测试生成示例
55
+
56
+ ```markdown
57
+ ## Tests(测试):[目标]
58
+
59
+ ### 测试计划
60
+ | 测试用例 | 类型 | 覆盖点 |
61
+ |---|---|---|
62
+ | 应能创建用户 | Unit | Happy path(正常路径) |
63
+ | 应拒绝无效邮箱 | Unit | Validation(校验) |
64
+ | 应处理数据库错误 | Unit | Error case(错误处理) |
65
+
66
+ ### 已生成的测试代码
67
+
68
+ `tests/[file].test.ts`
69
+
70
+ [包含测试代码的代码块]
71
+
72
+ ---
73
+
74
+ 运行命令:`npm test`
75
+ ```
76
+
77
+ ### 测试执行示例
78
+
79
+ ```
80
+ 正在运行测试......
81
+
82
+ [OK] auth.test.ts(通过 5 项)
83
+ [OK] user.test.ts(通过 8 项)
84
+ [FAIL] order.test.ts(通过 2 项,失败 1 项)
85
+
86
+ 失败详情:
87
+ X 应正确计算折扣后的总额
88
+ 期望值:90
89
+ 实际值:100
90
+
91
+ 统计:共 15 项测试(通过 14 项,失败 1 项)
92
+ ```
93
+
94
+ ---
95
+
96
+ ## 使用示例
97
+
98
+ ```
99
+ /test src/services/auth.service.ts
100
+ /test 用户注册流程
101
+ /test coverage
102
+ /test 修复失败的测试项
103
+ ```
104
+
105
+ ---
106
+
107
+ ## 测试模式
108
+
109
+ ### 单元测试结构示例
110
+
111
+ ```typescript
112
+ describe('AuthService', () => {
113
+ describe('login', () => {
114
+ it('should return token for valid credentials', async () => {
115
+ // Arrange
116
+ const credentials = { email: 'test@test.com', password: 'pass123' };
117
+
118
+ // Act
119
+ const result = await authService.login(credentials);
120
+
121
+ // Assert
122
+ expect(result.token).toBeDefined();
123
+ });
124
+
125
+ it('should throw for invalid password', async () => {
126
+ // Arrange
127
+ const credentials = { email: 'test@test.com', password: 'wrong' };
128
+
129
+ // Act & Assert
130
+ await expect(authService.login(credentials)).rejects.toThrow('Invalid credentials');
131
+ });
132
+ });
133
+ });
134
+ ```
135
+
136
+ ---
137
+
138
+ ## 核心原则
139
+
140
+ - **针对行为而非实现进行测试**
141
+ - **每个测试仅包含一个断言**(在可行的情况下)
142
+ - **使用描述性的测试名称**
143
+ - **Arrange-Act-Assert(准备-执行-断言)模式**
144
+ - **Mock(模拟)所有外部依赖项**
@@ -0,0 +1,295 @@
1
+ ---
2
+ description: 规划并实现 UI
3
+ ---
4
+
5
+ ---
6
+ description: AI 驱动的设计智能系统,包含 50+ 风格、95+ 配色,以及自动化设计系统生成
7
+ ---
8
+
9
+ # ui-ux-pro-max
10
+
11
+ 面向 Web 与移动应用的综合设计指南。包含 50+ 风格、95+ 配色、57 组字体搭配、99 条 UX 指南,以及跨 9 类技术栈的 25 种图表类型。提供可检索数据库与基于优先级的推荐。
12
+
13
+ ## 前置条件
14
+
15
+ 先检查 Python 是否已安装:
16
+
17
+ ```bash
18
+ python3 --version || python --version
19
+ ```
20
+
21
+ 若未安装 Python,请按用户操作系统安装:
22
+
23
+ **macOS:**
24
+ ```bash
25
+ brew install python3
26
+ ```
27
+
28
+ **Ubuntu/Debian:**
29
+ ```bash
30
+ sudo apt update && sudo apt install python3
31
+ ```
32
+
33
+ **Windows:**
34
+ ```powershell
35
+ winget install Python.Python.3.12
36
+ ```
37
+
38
+ ---
39
+
40
+ ## 工作流使用方式
41
+
42
+ 当用户提出 UI/UX 请求(design, build, create, implement, review, fix, improve)时,按以下流程执行:
43
+
44
+ ### Step 1:分析用户需求
45
+
46
+ 从请求中提取关键信息:
47
+ - **产品类型**:SaaS(软件即服务), e-commerce(电商), portfolio(作品集), dashboard(仪表盘), landing page(落地页)等
48
+ - **风格关键词**:minimal(极简), playful(活泼), professional(专业), elegant(优雅), dark mode(深色模式)等
49
+ - **行业**:healthcare(医疗), fintech(金融科技), gaming(游戏), education(教育)等
50
+ - **技术栈**:React、Vue、Next.js;若未指定,默认 `html-tailwind`
51
+
52
+ ### Step 2:生成设计系统(必做)
53
+
54
+ **必须先执行 `--design-system`**,拿到完整推荐与理由:
55
+
56
+ ```bash
57
+ python3 .agent/.shared/ui-ux-pro-max/scripts/search.py "<product_type> <industry> <keywords>" --design-system [-p "Project Name"]
58
+ ```
59
+
60
+ 该命令会:
61
+ 1. 并行搜索 5 个域(product、style、color、landing、typography)
62
+ 2. 应用 `ui-reasoning.csv` 的推理规则选出最优结果
63
+ 3. 返回完整设计系统:pattern、style、colors、typography、effects
64
+ 4. 同时给出需要避免的 anti-patterns(反模式)
65
+
66
+ **示例:**
67
+ ```bash
68
+ python3 .agent/.shared/ui-ux-pro-max/scripts/search.py "美容 水疗 健康 服务" --design-system -p "Serenity Spa"
69
+ ```
70
+
71
+ ### Step 2b:持久化设计系统(Master + Overrides Pattern)
72
+
73
+ 若希望跨会话分层复用设计系统,增加 `--persist`:
74
+
75
+ ```bash
76
+ python3 .agent/.shared/ui-ux-pro-max/scripts/search.py "<query>" --design-system --persist -p "Project Name"
77
+ ```
78
+
79
+ 会生成:
80
+ - `design-system/MASTER.md` — 全局规则唯一事实源
81
+ - `design-system/pages/` — 页面级覆盖规则目录
82
+
83
+ **带页面级覆盖时:**
84
+ ```bash
85
+ python3 .agent/.shared/ui-ux-pro-max/scripts/search.py "<query>" --design-system --persist -p "Project Name" --page "dashboard"
86
+ ```
87
+
88
+ 还会生成:
89
+ - `design-system/pages/dashboard.md` — 相对于 Master 的页面偏差规则
90
+
91
+ **分层读取规则:**
92
+ 1. 构建某页面(如 "Checkout")时,先查 `design-system/pages/checkout.md`
93
+ 2. 页面文件存在时,页面规则 **覆盖** Master
94
+ 3. 页面文件不存在时,仅使用 `design-system/MASTER.md`
95
+
96
+ ### Step 3:按需补充细分搜索
97
+
98
+ 拿到设计系统后,如需更多细节,可做域搜索:
99
+
100
+ ```bash
101
+ python3 .agent/.shared/ui-ux-pro-max/scripts/search.py "<keyword>" --domain <domain> [-n <max_results>]
102
+ ```
103
+
104
+ **何时使用细分搜索:**
105
+
106
+ | 需求 | Domain | 示例 |
107
+ | --- | --- | --- |
108
+ | 更多风格选项 | `style` | `--domain style "玻璃拟态 深色"` |
109
+ | 图表建议 | `chart` | `--domain chart "实时 仪表盘"` |
110
+ | UX 最佳实践 | `ux` | `--domain ux "动画 可访问性"` |
111
+ | 备选字体组合 | `typography` | `--domain typography "优雅 奢华"` |
112
+ | Landing 结构 | `landing` | `--domain landing "首屏 社会证明"` |
113
+
114
+ ### Step 4:技术栈指南(默认 `html-tailwind`)
115
+
116
+ 获取实现层最佳实践。若用户未指定技术栈,**默认 `html-tailwind`**。
117
+
118
+ ```bash
119
+ python3 .agent/.shared/ui-ux-pro-max/scripts/search.py "<keyword>" --stack html-tailwind
120
+ ```
121
+
122
+ 可选栈:`html-tailwind`, `react`, `nextjs`, `vue`, `svelte`, `swiftui`, `react-native`, `flutter`, `shadcn`, `jetpack-compose`
123
+ ---
124
+
125
+ ## 搜索参考
126
+
127
+ ### 可用 Domain
128
+
129
+ | Domain | 用途 | 示例关键词 |
130
+ | --- | --- | --- |
131
+ | `product` | 产品类型推荐 | SaaS, e-commerce(电商), portfolio(作品集), healthcare(医疗), beauty(美业), service(服务) |
132
+ | `style` | UI 风格、颜色、特效 | glassmorphism(玻璃拟态), minimalism(极简), dark mode(深色模式), brutalism(粗野主义) |
133
+ | `typography` | 字体搭配、Google Fonts | elegant(优雅), playful(活泼), professional(专业), modern(现代) |
134
+ | `color` | 按产品类型推荐配色 | saas(软件即服务), ecommerce(电商), healthcare(医疗), beauty(美业), fintech(金融科技), service(服务) |
135
+ | `landing` | 页面结构与 CTA 策略 | hero(首屏), hero-centric(首屏主导), testimonial(用户评价), pricing(定价), social-proof(社会证明) |
136
+ | `chart` | 图表类型与库建议 | trend(趋势), comparison(对比), timeline(时间线), funnel(漏斗), pie(饼图) |
137
+ | `ux` | 最佳实践与反模式 | animation(动画), accessibility(可访问性), z-index, loading(加载) |
138
+ | `react` | React/Next.js 性能 | waterfall(瀑布), bundle(打包), suspense, memo, rerender(重渲染), cache(缓存) |
139
+ | `web` | Web 交互规范 | aria, focus(焦点), keyboard(键盘), semantic(语义化), virtualize(虚拟化) |
140
+ | `prompt` | AI 提示词、CSS 关键词 | (风格名称) |
141
+
142
+ ### 可用 Stack
143
+
144
+ | Stack | 关注点 |
145
+ | --- | --- |
146
+ | `html-tailwind` | Tailwind utilities(工具类)、响应式、a11y(可访问性)(默认) |
147
+ | `react` | 状态、hooks、性能、模式 |
148
+ | `nextjs` | SSR、路由、图片、API routes(接口路由) |
149
+ | `vue` | Composition API、Pinia、Vue Router |
150
+ | `svelte` | Runes、stores、SvelteKit |
151
+ | `swiftui` | Views、State、Navigation、Animation |
152
+ | `react-native` | 组件、导航、列表 |
153
+ | `flutter` | Widgets、State、Layout、Theming |
154
+ | `shadcn` | shadcn/ui 组件、主题、表单、模式 |
155
+ | `jetpack-compose` | Composables、Modifiers、State Hoisting、Recomposition |
156
+
157
+ ---
158
+
159
+ ## 示例工作流
160
+
161
+ **用户请求:** “为专业皮肤护理服务制作落地页”
162
+
163
+ ### Step 1:分析需求
164
+ - 产品类型:Beauty/Spa(美容/水疗)服务
165
+ - 风格关键词:elegant(优雅)、professional(专业)、soft(柔和)
166
+ - 行业:Beauty/Wellness(美容/健康)
167
+ - 技术栈:html-tailwind(默认)
168
+
169
+ ### Step 2:生成设计系统(必做)
170
+
171
+ ```bash
172
+ python3 .agent/.shared/ui-ux-pro-max/scripts/search.py "美容 水疗 健康 服务 优雅" --design-system -p "Serenity Spa"
173
+ ```
174
+
175
+ **输出:** 完整设计系统(pattern、style、colors、typography、effects、anti-patterns)。
176
+
177
+ ### Step 3:按需补充细分搜索
178
+
179
+ ```bash
180
+ # 查询动画与可访问性 UX 指南
181
+ python3 .agent/.shared/ui-ux-pro-max/scripts/search.py "动画 可访问性" --domain ux
182
+
183
+ # 查询备选字体方案
184
+ python3 .agent/.shared/ui-ux-pro-max/scripts/search.py "优雅 奢华 serif" --domain typography
185
+ ```
186
+
187
+ ### Step 4:技术栈指南
188
+
189
+ ```bash
190
+ python3 .agent/.shared/ui-ux-pro-max/scripts/search.py "布局 响应式 表单" --stack html-tailwind
191
+ ```
192
+
193
+ **随后:** 综合设计系统与补充搜索结果,进入 UI 实现。
194
+
195
+ ---
196
+
197
+ ## 输出格式
198
+
199
+ `--design-system` 支持两种输出格式:
200
+
201
+ ```bash
202
+ # ASCII box(默认)- 适合终端展示
203
+ python3 .agent/.shared/ui-ux-pro-max/scripts/search.py "金融 科技 加密" --design-system
204
+
205
+ # Markdown - 适合文档场景
206
+ python3 .agent/.shared/ui-ux-pro-max/scripts/search.py "金融 科技 加密" --design-system -f markdown
207
+ ```
208
+
209
+ ---
210
+
211
+ ## 更好结果的提示
212
+
213
+ 1. **关键词越具体越好** —— “healthcare SaaS dashboard(医疗 SaaS 仪表盘)”优于 “app(应用)”
214
+ 2. **多次搜索** —— 不同关键词会揭示不同洞察
215
+ 3. **组合域** —— Style(风格) + Typography(字体) + Color(颜色) = 完整设计系统
216
+ 4. **始终检查 UX** —— 搜索 “animation(动画)”、“z-index”、“accessibility(可访问性)” 以避免常见问题
217
+ 5. **使用 stack 标记** —— 获取实现层最佳实践
218
+ 6. **迭代** —— 如果第一次搜索不匹配,换关键词继续
219
+
220
+ ---
221
+
222
+ ## 专业 UI 的常见规则
223
+
224
+ 以下问题常被忽视,会使 UI 看起来不专业:
225
+
226
+ ### 图标与视觉元素
227
+
228
+ | 规则 | 推荐 | 避免 |
229
+ | --- | --- | --- |
230
+ | **禁用 emoji 图标** | 使用 SVG 图标(Heroicons、Lucide、Simple Icons) | 使用 等 emoji 作为 UI 图标 |
231
+ | **稳定 hover 状态** | hover 时使用颜色/透明度过渡 | 使用会改变布局的缩放变换 |
232
+ | **品牌 Logo 正确** | 从 Simple Icons 查找官方 SVG | 猜测或使用错误的 Logo 路径 |
233
+ | **图标尺寸一致** | 使用固定 viewBox(24x24)且 w-6 h-6 | 混用不同图标尺寸 |
234
+
235
+ ### 交互与光标
236
+
237
+ | 规则 | 推荐 | 避免 |
238
+ | --- | --- | --- |
239
+ | **指针光标** | 所有可点击/可悬停卡片使用 `cursor-pointer` | 交互元素仍使用默认光标 |
240
+ | **Hover 反馈** | 提供颜色/阴影/边框等视觉反馈 | 元素可交互但无任何提示 |
241
+ | **平滑过渡** | 使用 `transition-colors duration-200` | 状态切换过快或过慢(>500ms) |
242
+
243
+ ### 亮/暗模式对比度
244
+
245
+ | 规则 | 推荐 | 避免 |
246
+ | --- | --- | --- |
247
+ | **玻璃卡片浅色模式** | 使用 `bg-white/80` 或更高透明度 | 使用 `bg-white/10`(过透明) |
248
+ | **浅色模式文本对比** | 文本使用 `#0F172A`(slate-900) | 使用 `#94A3B8`(slate-400)作为正文 |
249
+ | **浅色模式弱文本** | 至少使用 `#475569`(slate-600) | 使用 gray-400 或更浅色值 |
250
+ | **边框可见性** | 浅色模式使用 `border-gray-200` | 使用 `border-white/10`(不可见) |
251
+
252
+ ### 布局与间距
253
+
254
+ | 规则 | 推荐 | 避免 |
255
+ | --- | --- | --- |
256
+ | **悬浮导航** | 加入 `top-4 left-4 right-4` 间距 | 导航贴边 `top-0 left-0 right-0` |
257
+ | **内容内边距** | 考虑固定导航的高度 | 内容被固定元素遮挡 |
258
+ | **一致最大宽度** | 统一使用 `max-w-6xl` 或 `max-w-7xl` | 混用不同容器宽度 |
259
+
260
+ ---
261
+
262
+ ## 交付前检查清单
263
+
264
+ 在交付 UI 代码前,逐项确认:
265
+
266
+ ### 视觉质量
267
+ - [ ] 不使用 emoji 作为图标(改用 SVG)
268
+ - [ ] 所有图标来自同一图标集(Heroicons/Lucide)
269
+ - [ ] 品牌 Logo 正确(已从 Simple Icons 核对)
270
+ - [ ] Hover 状态不引发布局抖动
271
+ - [ ] 直接使用主题色(bg-primary),不要使用 var() 包裹
272
+
273
+ ### 交互
274
+ - [ ] 所有可点击元素都有 `cursor-pointer`
275
+ - [ ] Hover 状态具备清晰视觉反馈
276
+ - [ ] 过渡动画平滑(150-300ms)
277
+ - [ ] 键盘导航时焦点可见
278
+
279
+ ### 亮/暗模式
280
+ - [ ] 浅色模式文本对比度足够(至少 4.5:1)
281
+ - [ ] 浅色模式下玻璃/透明元素可见
282
+ - [ ] 两种模式下边框都清晰可见
283
+ - [ ] 交付前测试两种模式
284
+
285
+ ### 布局
286
+ - [ ] 悬浮元素与边缘有合适间距
287
+ - [ ] 无内容被固定导航遮挡
288
+ - [ ] 375px、768px、1024px、1440px 响应正常
289
+ - [ ] 移动端无水平滚动
290
+
291
+ ### 可访问性
292
+ - [ ] 所有图片都有 alt 文本
293
+ - [ ] 表单输入有 labels
294
+ - [ ] 颜色不是唯一的提示方式
295
+ - [ ] 遵循 `prefers-reduced-motion`
@@ -0,0 +1,7 @@
1
+ # Spec Profile for Codex
2
+
3
+ - 单任务闭环
4
+ - Debug-First
5
+ - Review + Rewind
6
+ - 证据优先
7
+ - 禁止静默降级
@@ -0,0 +1,4 @@
1
+ # Ling Spec Rules
2
+
3
+ - 所有 spec 资源必须可回退。
4
+ - 任务状态由任务跟踪文件驱动。
@@ -0,0 +1,5 @@
1
+ # Spec Profile for Gemini
2
+
3
+ - 单任务闭环
4
+ - 证据优先
5
+ - 验收先于扩展
@@ -0,0 +1,36 @@
1
+ # References
2
+
3
+ ## 使用顺序
4
+
5
+ 1. 先读 `SKILL.md`
6
+ - 获取触发条件、执行骨架、控制合同、验证分层
7
+ 2. 需要更完整理论与设计视角时,再读:
8
+ - `gda-framework.md`
9
+
10
+ ## 文件说明
11
+
12
+ ### `gda-framework.md`
13
+
14
+ 包含:
15
+
16
+ - 五大维度:
17
+ - 第一性原理
18
+ - 公理化思维
19
+ - 多模型思维
20
+ - 类比迁移
21
+ - 反馈与验证
22
+ - GDA 四步法:
23
+ - Axiom & Boundary
24
+ - Multi-model Construction
25
+ - Cybernetic Control
26
+ - Closed-loop Observability
27
+ - 面向资深 SWE / 架构师的架构与测试设计启示
28
+
29
+ ## 读取建议
30
+
31
+ 只有在以下场景才需要读取 `gda-framework.md`:
32
+
33
+ - 任务复杂、跨模块、跨语言、跨环境
34
+ - 需要做系统级审计或总体设计
35
+ - 需要给出测试分层、门禁、handoff、长期演进建议
36
+ - 需要解释“为什么要这样设计”,而不是只给 patch
@@ -0,0 +1,96 @@
1
+ # Quickstart
2
+
3
+ ## 什么时候用
4
+
5
+ 适合:
6
+
7
+ - bugfix
8
+ - feature
9
+ - refactor
10
+ - 性能优化
11
+ - 测试补强
12
+ - 事故复盘
13
+ - 架构审计
14
+ - gate / handoff
15
+
16
+ 尤其适合:
17
+
18
+ - “问题复杂、不能只看单个文件”
19
+ - “离线通过但真实环境失败”
20
+ - “需要最小可验证变更”
21
+ - “需要系统级收口,不只是修一行代码”
22
+
23
+ ## 最短使用姿势
24
+
25
+ 在提示词里显式写:
26
+
27
+ - `$cybernetic-systems-engineering`
28
+
29
+ 如果任务会持续多轮、需要检查点和恢复,建议同时写:
30
+
31
+ - `$harness`
32
+
33
+ ## 最小可用控制模板 v2
34
+
35
+ ### Control Contract v2
36
+
37
+ - Primary Setpoint:
38
+ - Acceptance:
39
+ - Guardrail Metrics:
40
+ - Sampling Plan:
41
+ - Known Delays / Delay Budget:
42
+ - Recovery Target:
43
+ - Rollback Trigger:
44
+ - Constraints:
45
+ - Boundary:
46
+ - Coupling Notes:
47
+ - Approximation Validity:
48
+ - Actuator Budget:
49
+ - Risks:
50
+
51
+ ### State Estimate
52
+
53
+ - Entry:
54
+ - Key state:
55
+ - Key invariants:
56
+ - Current error:
57
+
58
+ ### Plan
59
+
60
+ 1. 先测量
61
+ 2. 再最小修复
62
+ 3. 分层验证
63
+ 4. 记录 residual risk
64
+
65
+ ## 一个典型例子
66
+
67
+ ### 用户问题
68
+
69
+ “本地 `cargo test` 全绿,但真实 Windows + VPN 环境下 `PG_CH` 回测炸了。请定位原因并补离线测试。”
70
+
71
+ ### 这个 skill 会做什么
72
+
73
+ 1. 先建立控制合同
74
+ 2. 区分:
75
+ - 语义层测试
76
+ - schema 契约层测试
77
+ - 真实环境 gate
78
+ 3. 把问题从“单个 bugfix”升级成:
79
+ - 根因定位
80
+ - 测试缺口审计
81
+ - 最小修复
82
+ - 离线回归矩阵
83
+ - gate handoff
84
+
85
+ ## 记住
86
+
87
+ 这个 skill 的核心不是:
88
+
89
+ - 用更多术语
90
+ - 画更复杂的图
91
+
92
+ 而是:
93
+
94
+ - 更快得到可信误差信号
95
+ - 更小地改动
96
+ - 更清楚地区分“已验证”与“尚未验证”