ai-developer-skill-os 3.1.4 → 5.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 (97) hide show
  1. package/README.md +15 -19
  2. package/_template/SKILL.md +37 -133
  3. package/framework/KERNEL.md +58 -0
  4. package/framework/bias-library/cosmetic-refactor.md +21 -0
  5. package/framework/bias-library/enterprise-crud.md +21 -0
  6. package/framework/bias-library/fake-ui-slop.md +20 -0
  7. package/framework/bias-library/hallucinated-tools.md +20 -0
  8. package/framework/bias-library/missing-ui-states.md +19 -0
  9. package/framework/bias-library/over-indexing.md +20 -0
  10. package/framework/bias-library/swallow-errors.md +19 -0
  11. package/framework/bias-library/ui-only-security.md +17 -0
  12. package/framework/dial-library/complexity-budget.md +13 -0
  13. package/framework/dial-library/granularity.md +13 -0
  14. package/framework/dial-library/optimization-strategy.md +13 -0
  15. package/framework/dial-library/strictness.md +13 -0
  16. package/framework/rule-library/delegation-only.md +9 -0
  17. package/framework/rule-library/minimal-diff.md +9 -0
  18. package/package.json +1 -1
  19. package/skills/qk-access-policy/SKILL.md +41 -31
  20. package/skills/qk-ai-builder/SKILL.md +40 -31
  21. package/skills/qk-api-lifecycle/SKILL.md +40 -53
  22. package/skills/qk-bug-resolution/SKILL.md +40 -57
  23. package/skills/qk-context-loader/SKILL.md +37 -36
  24. package/skills/qk-data-lifecycle/SKILL.md +38 -50
  25. package/skills/qk-db-optimizer/SKILL.md +56 -0
  26. package/skills/qk-design-to-code/SKILL.md +41 -36
  27. package/skills/qk-docs/SKILL.md +38 -42
  28. package/skills/qk-engineering-standard/SKILL.md +40 -52
  29. package/skills/qk-feature-delivery/SKILL.md +40 -56
  30. package/skills/qk-help/SKILL.md +37 -29
  31. package/skills/qk-orchestrator/SKILL.md +41 -43
  32. package/skills/qk-policy-engine/SKILL.md +37 -42
  33. package/skills/qk-production-release/SKILL.md +41 -37
  34. package/skills/qk-project-bootstrap/SKILL.md +40 -33
  35. package/skills/qk-project-health/SKILL.md +37 -45
  36. package/skills/qk-project-memory/SKILL.md +39 -25
  37. package/skills/qk-system-evolution/SKILL.md +37 -52
  38. package/skills/qk-ui-audit/SKILL.md +38 -47
  39. package/skills/qk-ui-system-builder/SKILL.md +39 -30
  40. package/skills/qk-validation-gate/SKILL.md +35 -48
  41. package/skills.json +313 -86
  42. package/taste-skill/.claude-plugin/marketplace.json +20 -0
  43. package/taste-skill/.claude-plugin/plugin.json +19 -0
  44. package/taste-skill/.github/FUNDING.yml +1 -0
  45. package/taste-skill/.github/copilot-instructions.md +11 -0
  46. package/taste-skill/CHANGELOG.md +111 -0
  47. package/taste-skill/LICENSE +21 -0
  48. package/taste-skill/README.md +212 -0
  49. package/taste-skill/assets/.gitkeep +0 -0
  50. package/taste-skill/assets/readme-banner.webp +0 -0
  51. package/taste-skill/assets/readme-buttons/btn-agent-skills.webp +0 -0
  52. package/taste-skill/assets/readme-buttons/btn-changelog.webp +0 -0
  53. package/taste-skill/assets/readme-buttons/btn-mit.webp +0 -0
  54. package/taste-skill/assets/readme-buttons/btn-site.webp +0 -0
  55. package/taste-skill/assets/readme-buttons/btn-tools.webp +0 -0
  56. package/taste-skill/assets/readme-cta-tasteskill.svg +5 -0
  57. package/taste-skill/assets/sponsors/animations-dev.webp +0 -0
  58. package/taste-skill/assets/sponsors/emil-animations-dev.webp +0 -0
  59. package/taste-skill/assets/taste-skill-logo.png +0 -0
  60. package/taste-skill/assets/taste-skill-logo.webp +0 -0
  61. package/taste-skill/assets/vercel-oss-program-badge.svg +44 -0
  62. package/taste-skill/examples/floria-bottom.webp +0 -0
  63. package/taste-skill/examples/floria-full.webp +0 -0
  64. package/taste-skill/examples/floria-top.webp +0 -0
  65. package/taste-skill/research/README.md +8 -0
  66. package/taste-skill/research/laziness/README.md +25 -0
  67. package/taste-skill/research/laziness/findings/empirical-results.md +58 -0
  68. package/taste-skill/research/laziness/findings/references.md +20 -0
  69. package/taste-skill/research/laziness/remediation/architectural-patterns.md +55 -0
  70. package/taste-skill/research/laziness/remediation/parameter-tuning.md +44 -0
  71. package/taste-skill/research/laziness/remediation/prompt-engineering.md +52 -0
  72. package/taste-skill/research/laziness/remediation/reference-prompts.md +79 -0
  73. package/taste-skill/research/laziness/root-causes/cognitive-shortcuts.md +23 -0
  74. package/taste-skill/research/laziness/root-causes/output-limits.md +39 -0
  75. package/taste-skill/research/laziness/root-causes/rlhf-and-compute.md +27 -0
  76. package/taste-skill/research/laziness/root-causes/training-data-bias.md +28 -0
  77. package/taste-skill/scripts/build-emil-sponsor-row.mjs +41 -0
  78. package/taste-skill/scripts/convert-readme-assets-webp.mjs +142 -0
  79. package/taste-skill/scripts/process-readme-buttons.mjs +108 -0
  80. package/taste-skill/scripts/process-sponsor-badge.mjs +83 -0
  81. package/taste-skill/skill.sh +25 -0
  82. package/taste-skill/skills/brandkit/SKILL.md +798 -0
  83. package/taste-skill/skills/brutalist-skill/SKILL.md +92 -0
  84. package/taste-skill/skills/gpt-tasteskill/SKILL.md +74 -0
  85. package/taste-skill/skills/image-to-code-skill/SKILL.md +1228 -0
  86. package/taste-skill/skills/imagegen-frontend-mobile/SKILL.md +1465 -0
  87. package/taste-skill/skills/imagegen-frontend-web/SKILL.md +987 -0
  88. package/taste-skill/skills/llms.txt +13 -0
  89. package/taste-skill/skills/minimalist-skill/SKILL.md +85 -0
  90. package/taste-skill/skills/output-skill/SKILL.md +49 -0
  91. package/taste-skill/skills/redesign-skill/SKILL.md +178 -0
  92. package/taste-skill/skills/soft-skill/SKILL.md +98 -0
  93. package/taste-skill/skills/stitch-skill/DESIGN.md +121 -0
  94. package/taste-skill/skills/stitch-skill/SKILL.md +184 -0
  95. package/taste-skill/skills/taste-skill/SKILL.md +1206 -0
  96. package/taste-skill/skills/taste-skill-v1/SKILL.md +226 -0
  97. package/skills/qk-documentation-system/SKILL.md +0 -45
@@ -1,52 +1,56 @@
1
1
  ---
2
2
  name: qk-production-release
3
- version: 3.1.4
4
- updated: 2026-07-02
5
- description: Prepare the codebase for a production release (Build, CI/CD, Security).
6
- category: operations
7
- behavior: validation
8
- intent: validate
9
- priority: high
10
- tags: [deploy, release, build, production]
3
+ version: 5.0.0
4
+ updated: 2026-07-03
5
+ description: Chuẩn bị codebase để phát hành lên production (Build, CI/CD, Security).
6
+ category: devops
7
+ tags: [devops, ci-cd, release, deployment]
11
8
  platforms: [claude-code, cursor, windsurf, gemini-cli]
12
- trigger: User asks to deploy the app, build for production, or release a new version.
13
- inputs: [Release request, Environment configs]
14
- outputs: [Deployment artifacts, Release checklist]
15
- allowed_tools: [run_command, grep_search]
16
- pipeline: [analyze, review, implement, validate, complete]
17
9
  ---
18
10
 
19
- # 🛠️ qk-production-release - Standard Operating Procedure
11
+ # 🛠️ qk-production-release
20
12
 
21
- > **Goal:** Chuẩn bị gói phần mềm để đẩy lên môi trường Production an toàn và tối ưu nhất (Minified, Tree-shaked).
13
+ > **Inheritance:** Kỹ năng này tuân thủ Kiến trúc v5.0 của `framework/KERNEL.md`.
14
+ > Output bắt buộc là Decision Summary.
22
15
 
23
- ## 🔄 1. Chain of Thought (SOP)
16
+ ---
17
+
18
+ ## 🎯 Mission (Scope)
19
+ - ✅ Chạy kiểm tra chất lượng cuối cùng trước khi build.
20
+ - ❌ Do NOT tự tay deploy lên Production server mà không hỏi ý kiến.
24
21
 
25
- 1. **Analyze (Pre-flight Checks):**
26
- - Check if the git branch is clean.
27
- - Verify environment variables are documented.
28
- 2. **Implement (Build & Optimize):**
29
- - Run `npm run build`.
30
- 3. **Validate (Security Gate):**
31
- - Scan the build output (e.g., `dist/` or `.next/`) for leaked API Keys (`grep_search`).
32
- 4. **Complete (Deployment Plan):**
33
- - Provide a manual checklist for the user to execute the final deployment.
22
+ ---
34
23
 
35
- ## 🛡️ 3. Constraints & Rules
24
+ ## ⚙️ Capabilities (Cognitive Pipeline)
25
+ ```yaml
26
+ Pipeline:
27
+ - inference
28
+ - planning
29
+ - execution
30
+ - bias-review
31
+ - ship-check
32
+ ```
36
33
 
37
- - **No Rogue Deploys:** Never run commands like `firebase deploy` or `vercel --prod` without explicit, undeniable user approval.
38
- - **Secret Safety:** Never hardcode URLs. Ensure they are injected via ENV.
34
+ ---
39
35
 
40
- ## 🤝 3. Handoff Pipeline
36
+ ## 🎛️ Dials (Hành vi)
37
+ ```yaml
38
+ Dials:
39
+ - id: strictness
40
+ ```
41
41
 
42
- 1. `validate`: Run security sweep on the build output.
43
- 2. `complete`: Output the Release Report.
42
+ ---
44
43
 
45
- ## 📝 4. Output Format
44
+ ## 🛡️ Biases (Sửa lỗi mặc định)
45
+ ```yaml
46
+ Biases:
47
+ - id: hallucinated-tools # (Tự chạy lệnh deploy không tồn tại)
48
+ ```
46
49
 
47
- Vui lòng trả kết quả bằng Tiếng Việt.
50
+ ---
48
51
 
49
- - **Tóm tắt (Summary):** Trạng thái Build.
50
- - **Chi tiết (Changes):** Dung lượng Bundle (Bundle size optimization).
51
- - **Rủi ro (Risks):** Có lộ secret không.
52
- - **Hành động tiếp (Next Action):** Checklist để user tự Deploy.
52
+ ## 🛫 Ship Criteria
53
+ ```yaml
54
+ Rules:
55
+ - id: end-to-end-validation
56
+ ```
@@ -1,50 +1,57 @@
1
1
  ---
2
2
  name: qk-project-bootstrap
3
- version: 3.1.4
4
- updated: 2026-07-02
5
- description: Initialize a new project with best practices, linters, and folder structures.
3
+ version: 5.0.0
4
+ updated: 2026-07-03
5
+ description: Khởi tạo dự án mới với các best practices, linters, cấu trúc thư mục chuẩn.
6
6
  category: setup
7
- behavior: development
8
- intent: implement-feature
9
- priority: high
10
7
  tags: [bootstrap, scaffolding, setup, init]
11
8
  platforms: [claude-code, cursor, windsurf, gemini-cli]
12
- trigger: User asks to start a new project, create a new repo, or setup standard configurations.
13
- inputs: [Stack selection, Project Name]
14
- outputs: [Scaffolded Codebase, Configs]
15
- allowed_tools: [run_command, write_to_file]
16
- pipeline: [analyze, implement, engineering-standard, validate, complete]
17
9
  ---
18
10
 
19
- # 🛠️ qk-project-bootstrap - Standard Operating Procedure
11
+ # 🛠️ qk-project-bootstrap
20
12
 
21
- > **Goal:** "Thợ xây móng". Khởi tạo một dự án mới hoàn toàn với các cấu hình chuẩn mực nhất từ Day 1.
13
+ > **Inheritance:** Kỹ năng này tuân thủ Kiến trúc v5.0 của `framework/KERNEL.md`.
14
+ > Output bắt buộc là Decision Summary.
22
15
 
23
- ## 🔄 1. Chain of Thought (SOP)
16
+ ---
17
+
18
+ ## 🎯 Mission (Scope)
19
+ - ✅ Setup dự án mới từ đầu.
20
+ - ❌ Do NOT khởi tạo với cấu hình lỏng lẻo (Linter tắt).
24
21
 
25
- 1. **Analyze (Requirements):**
26
- - Ask the user for their preferred stack (e.g., Next.js, Vite, NestJS).
27
- 2. **Implement (Scaffolding):**
28
- - Run the initialization command (e.g., `npx create-next-app@latest`).
29
- - Overwrite `.eslintrc`, `prettierrc`, `tsconfig.json` with strict rules.
30
- - Scaffold the architecture (e.g., create `src/features/`, `src/components/shared/`).
31
- 3. **Verify (Validation):**
32
- - Run `npm run dev` in a short background task to ensure it doesn't crash.
22
+ ---
33
23
 
34
- ## 🛡️ 2. Constraints & Rules
24
+ ## ⚙️ Capabilities (Cognitive Pipeline)
25
+ ```yaml
26
+ Pipeline:
27
+ - inference
28
+ - planning
29
+ - execution
30
+ - bias-review
31
+ - ship-check
32
+ ```
35
33
 
36
- - **Strict Mode:** Always enable `strict: true` in TypeScript configurations.
37
- - **Package Manager Check:** If the user uses `pnpm`, do NOT run `npm install`. Stick to one package manager.
34
+ ---
38
35
 
39
- ## 🤝 3. Handoff Pipeline
36
+ ## 🎛️ Dials (Hành vi)
37
+ ```yaml
38
+ Dials:
39
+ - id: strictness
40
+ - id: complexity-budget
41
+ ```
40
42
 
41
- 1. `engineering-standard`: Verify the generated folder structure.
42
- 2. `complete`: Output the Bootstrap Report.
43
+ ---
43
44
 
44
- ## 📝 4. Output Format
45
+ ## 🛡️ Biases (Sửa lỗi mặc định)
46
+ ```yaml
47
+ Biases:
48
+ - id: enterprise-crud
49
+ ```
45
50
 
46
- Vui lòng trả kết quả bằng Tiếng Việt.
51
+ ---
47
52
 
48
- - **Tóm tắt (Summary):** Dự án đã được khởi tạo với Stack nào.
49
- - **Chi tiết (Changes):** Cấu trúc thư mục mới và các file cấu hình.
50
- - **Xác thực (Verification):** Cách chạy dự án.
53
+ ## 🛫 Ship Criteria
54
+ ```yaml
55
+ Rules:
56
+ - id: no-unnecessary-dependencies
57
+ ```
@@ -1,64 +1,56 @@
1
1
  ---
2
2
  name: qk-project-health
3
- version: 3.1.4
4
- updated: 2026-07-02
5
- description: Comprehensive audit of Code Smells, Tech Debt, and Architecture.
3
+ version: 5.0.0
4
+ updated: 2026-07-03
5
+ description: Kiểm toán toàn diện về Code Smells, Tech Debt, Architecture.
6
6
  category: architecture
7
- behavior: static-analysis
8
- intent: review-code
9
- priority: medium
10
7
  tags: [audit, architecture, tech-debt, code-smell]
11
8
  platforms: [claude-code, cursor, windsurf, gemini-cli]
12
- trigger: User asks for a project review, architecture audit, or health check.
13
- inputs: [Project directory]
14
- outputs: [Health Audit Score, Refactor roadmap]
15
- allowed_tools: [grep_search, run_command, read_file]
16
- pipeline: [analyze, review, validate, complete]
17
9
  ---
18
10
 
19
- # 🛠️ qk-project-health - Standard Operating Procedure
11
+ # 🛠️ qk-project-health
20
12
 
21
- > **Goal:** "Khám sức khỏe" toàn diện cho Codebase. Tìm ra các Nợ Kỹ Thuật (Tech Debt), Lỗi Thời (Code Smells), và các rủi ro cấu trúc dài hạn.
13
+ > **Inheritance:** Kỹ năng này tuân thủ Kiến trúc v5.0 của `framework/KERNEL.md`.
14
+ > Output bắt buộc là Decision Summary.
22
15
 
23
- ## 🔄 1. Chain of Thought (SOP)
24
-
25
- 1. **Analyze (Dependency Scan):**
26
- - Read `package.json` to identify outdated libraries, bloated dependencies, or unused packages.
27
- 2. **Review (Architecture Scan):**
28
- - Use `list_dir` or tree commands to review the directory structure.
29
- - Check if the project follows a scalable pattern (e.g., Feature-based vs flat `components` folder).
30
- 3. **Validate (Smell Detection):**
31
- - Scan for "God Components" (Files > 500 lines).
32
- - Scan for heavy Prop Drilling (>3 levels deep).
33
- 4. **Complete (Roadmap):**
34
- - Generate a prioritized Refactor Roadmap (High, Medium, Low).
16
+ ---
35
17
 
36
- ## 🛡️ 3. Constraints & Rules
18
+ ## 🎯 Mission (Scope)
19
+ - ✅ Phân tích tech debt và code smells.
20
+ - ❌ Do NOT bắt lỗi thụt lề, khoảng trắng (Việc của linter).
37
21
 
38
- - **Audit Only - No Touch:** Do not modify any code. You are diagnosing, not performing surgery.
39
- - **Evidence Based:** Provide concrete metrics (e.g., "Folder `components` has 45 files, making it hard to navigate").
22
+ ---
40
23
 
41
- ## 🌳 3. Decision Tree
24
+ ## ⚙️ Capabilities (Cognitive Pipeline)
25
+ ```yaml
26
+ Pipeline:
27
+ - inference
28
+ - planning
29
+ - execution
30
+ - bias-review
31
+ - ship-check
32
+ ```
42
33
 
43
- ```text
44
- Is the `src/components` folder bloated (>30 files)?
45
- ├── YES → Recommend migrating to a Feature-driven structure (e.g., `src/features/auth`).
46
- └── NO → Pass.
34
+ ---
47
35
 
48
- Are there components exceeding 500 lines?
49
- ├── YES → Flag as "God Object" and recommend splitting.
50
- └── NO → Pass.
36
+ ## 🎛️ Dials (Hành vi)
37
+ ```yaml
38
+ Dials:
39
+ - id: strictness
51
40
  ```
52
41
 
53
- ## 🤝 4. Handoff Pipeline
54
-
55
- 1. `complete`: Output the Health Audit Report.
42
+ ---
56
43
 
57
- ## 📝 5. Output Format
44
+ ## 🛡️ Biases (Sửa lỗi mặc định)
45
+ ```yaml
46
+ Biases:
47
+ - id: cosmetic-refactor
48
+ ```
58
49
 
59
- Vui lòng trả kết quả bằng Tiếng Việt.
50
+ ---
60
51
 
61
- - **Tóm tắt (Summary):** Đánh giá tổng quan Sức Khỏe Dự Án (Điểm: X/100).
62
- - **Chi tiết (Changes):** Phân tích Dependencies, Architecture, Code Smells.
63
- - **Xác thực (Verification):** Các bằng chứng thu thập được từ code (dòng nào, file nào phình to).
64
- - **Hành động tiếp (Next Action):** Lên Lộ trình Refactor (Refactor Roadmap) (Cao - Trung - Thấp).
52
+ ## 🛫 Ship Criteria
53
+ ```yaml
54
+ Rules:
55
+ - id: delegation-only # (Chỉ đọc vấn, cấm tự ý đổi code)
56
+ ```
@@ -1,42 +1,56 @@
1
1
  ---
2
2
  name: qk-project-memory
3
- version: 3.1.4
4
- updated: 2026-07-02
5
- description: Store and retrieve long-term project context across sessions.
3
+ version: 5.0.0
4
+ updated: 2026-07-03
5
+ description: Lưu trữ truy xuất ngữ cảnh dự án dài hạn qua các phiên làm việc.
6
6
  category: utilities
7
- behavior: static-analysis
8
- intent: maintain
9
- priority: low
10
7
  tags: [memory, context, storage]
11
8
  platforms: [claude-code, cursor, windsurf, gemini-cli]
12
- trigger: User asks to remember a specific configuration, rule, or architectural decision.
13
- inputs: [Context to remember]
14
- outputs: [Memory file updated]
15
- allowed_tools: [write_to_file, read_file]
16
- pipeline: [analyze, implement, complete]
17
9
  ---
18
10
 
19
- # 🛠️ qk-project-memory - Standard Operating Procedure
11
+ # 🛠️ qk-project-memory
20
12
 
21
- > **Goal:** "Bộ nhớ dài hạn". Giúp Agent nhớ lại các cấu hình, đường dẫn API hoặc luật lệ riêng của dự án mà không cần User nhắc lại.
13
+ > **Inheritance:** Kỹ năng này tuân thủ Kiến trúc v5.0 của `framework/KERNEL.md`.
14
+ > Output bắt buộc là Decision Summary.
22
15
 
23
- ## 🔄 1. Chain of Thought (SOP)
16
+ ---
17
+
18
+ ## 🎯 Mission (Scope)
19
+ - ✅ Lưu trữ các Rule, ADR, và cấu hình bất biến vào memory.
20
+ - ❌ Do NOT dump toàn bộ file mã nguồn hoặc hội thoại vào memory gây phình to token.
24
21
 
25
- 1. **Analyze (Fact Extraction):**
26
- - Extract the core facts from the conversation (e.g., "The project uses pnpm, not npm").
27
- 2. **Implement (Storage):**
28
- - Append the fact to `.ai-memory.md` or a similar configuration file.
22
+ ---
29
23
 
30
- ## 🛡️ 2. Constraints & Rules
24
+ ## ⚙️ Capabilities (Cognitive Pipeline)
25
+ ```yaml
26
+ Pipeline:
27
+ - inference
28
+ - planning
29
+ - execution
30
+ - bias-review
31
+ - ship-check
32
+ ```
31
33
 
32
- - **Keep it small:** Do not write entire source files into memory. Only save abstract facts and rules.
34
+ ---
33
35
 
34
- ## 🤝 3. Handoff Pipeline
36
+ ## 🎛️ Dials (Hành vi)
37
+ ```yaml
38
+ Dials:
39
+ - id: strictness
40
+ ```
35
41
 
36
- 1. `complete`: Output confirmation.
42
+ ---
37
43
 
38
- ## 📝 4. Output Format
44
+ ## 🛡️ Biases (Sửa lỗi mặc định)
45
+ ```yaml
46
+ Biases:
47
+ - id: hallucinated-tools
48
+ ```
39
49
 
40
- Vui lòng trả kết quả bằng Tiếng Việt.
50
+ ---
41
51
 
42
- - **Tóm tắt (Summary):** Đã ghi nhớ thông tin gì.
52
+ ## 🛫 Ship Criteria
53
+ ```yaml
54
+ Rules:
55
+ - id: minimal-diff
56
+ ```
@@ -1,71 +1,56 @@
1
1
  ---
2
2
  name: qk-system-evolution
3
- version: 3.1.4
4
- updated: 2026-07-02
5
- description: Safely upgrade dependencies, migrate frameworks, and manage rollbacks.
3
+ version: 5.0.0
4
+ updated: 2026-07-03
5
+ description: Cập nhật an toàn các thư viện dependencies, di chuyển frameworks quản lý quá trình rollback.
6
6
  category: operations
7
- behavior: maintenance
8
- intent: maintain
9
- priority: high
10
7
  tags: [upgrade, migration, devops, dependencies]
11
8
  platforms: [claude-code, cursor, windsurf, gemini-cli]
12
- trigger: User wants to update a library, upgrade a framework (e.g., Next.js 13 to 14), or perform a major refactor.
13
- inputs: [Target package, Target version]
14
- outputs: [Upgraded codebase, Rollback plan]
15
- allowed_tools: [run_command, grep_search, read_file]
16
- pipeline: [analyze, plan, implement, validate, complete]
17
9
  ---
18
10
 
19
- # 🛠️ qk-system-evolution - Standard Operating Procedure
11
+ # 🛠️ qk-system-evolution
20
12
 
21
- > **Goal:** Quản các thay đổi lớn cấp hệ thống (Major Updates) một cách an toàn, luôn có đường lui (Rollback) nếu xảy ra sự cố.
13
+ > **Inheritance:** Kỹ năng này tuân thủ Kiến trúc v5.0 của `framework/KERNEL.md`.
14
+ > Output bắt buộc là Decision Summary.
22
15
 
23
- ## 🔄 1. Chain of Thought (SOP)
24
-
25
- 1. **Analyze (Impact Analysis):**
26
- - Read the Changelog or Migration Guide for the new version.
27
- - Identify Breaking Changes and Deprecated APIs.
28
- - Search the codebase to see how many files are affected.
29
- 2. **Plan (Rollback Strategy):**
30
- - Document the exact Git commands or NPM commands needed to revert the system if the upgrade fails completely.
31
- 3. **Implement (Dry-Run & Upgrade):**
32
- - Apply the dependency updates in `package.json`.
33
- - Run Codemods (if provided by the library).
34
- - Manually fix code affected by Breaking Changes.
35
- 4. **Verify (System Test):**
36
- - Reinstall dependencies cleanly (`npm ci` or `yarn install`).
37
- - Run the build process to ensure the system compiles.
16
+ ---
38
17
 
39
- ## 🛡️ 3. Constraints & Rules
18
+ ## 🎯 Mission (Scope)
19
+ - ✅ Nâng cấp dependencies và xử lý breaking changes.
20
+ - ❌ Do NOT xóa file lock tuỳ tiện hoặc cập nhật `latest` mù quáng.
40
21
 
41
- - **Safety First:** Never run `npm update` blindly across all packages. Update only what was requested.
42
- - **Lockfiles:** Do not delete `package-lock.json` or `yarn.lock` unless resolving extreme merge conflicts.
43
- - **Always Rollback:** If the system produces >50 compilation errors after an upgrade and you cannot fix them in 1 turn, immediately trigger the Rollback Plan.
22
+ ---
44
23
 
45
- ## 🌳 3. Decision Tree
24
+ ## ⚙️ Capabilities (Cognitive Pipeline)
25
+ ```yaml
26
+ Pipeline:
27
+ - inference
28
+ - planning
29
+ - execution
30
+ - bias-review
31
+ - ship-check
32
+ ```
46
33
 
47
- ```text
48
- Are there Breaking Changes in the target version?
49
- ├── YES → Create a migration checklist based on the official docs. Update code systematically.
50
- └── NO (Minor/Patch) → Update version and run tests.
34
+ ---
51
35
 
52
- Did the Build fail after the update?
53
- ├── YES → Are there too many errors to fix easily?
54
- │ ├── YES → Execute Rollback Plan (`git reset --hard HEAD`).
55
- │ └── NO → Fix the specific API changes.
56
- └── NO → Proceed to Validation.
36
+ ## 🎛️ Dials (Hành vi)
37
+ ```yaml
38
+ Dials:
39
+ - id: strictness
57
40
  ```
58
41
 
59
- ## 🤝 4. Handoff Pipeline
60
-
61
- 1. `validate`: Run the full test suite and `npm run build` via `qk-validation-gate`.
62
- 2. `complete`: Generate the Evolution report.
42
+ ---
63
43
 
64
- ## 📝 5. Output Format
44
+ ## 🛡️ Biases (Sửa lỗi mặc định)
45
+ ```yaml
46
+ Biases:
47
+ - id: swallow-errors
48
+ ```
65
49
 
66
- Vui lòng trả kết quả bằng Tiếng Việt.
50
+ ---
67
51
 
68
- - **Tóm tắt (Summary):** Đã nâng cấp package nào, từ vX lên vY.
69
- - **Chi tiết (Changes):** Số lượng file phải sửa do Breaking Changes.
70
- - **Kế hoạch lùi (Reasoning/Risks):** Ghi rõ lệnh Rollback để User copy-paste nếu cần.
71
- - **Xác thực (Verification):** Kết quả của Build/Test.
52
+ ## 🛫 Ship Criteria
53
+ ```yaml
54
+ Rules:
55
+ - id: end-to-end-validation
56
+ ```
@@ -1,66 +1,57 @@
1
1
  ---
2
2
  name: qk-ui-audit
3
- version: 3.1.4
4
- updated: 2026-07-02
5
- description: Audit UI for Consistency, Accessibility, Responsive, and Performance.
3
+ version: 5.0.0
4
+ updated: 2026-07-03
5
+ description: Kiểm toán giao diện (UI) để đảm bảo tính nhất quán, khả năng truy cập (A11y), độ phản hồi (Responsive) hiệu suất.
6
6
  category: validation
7
- behavior: static-analysis
8
- intent: review-code
9
- priority: medium
10
7
  tags: [ui, audit, frontend, a11y, responsive]
11
8
  platforms: [claude-code, cursor, windsurf, gemini-cli]
12
- trigger: User asks to check the UI, review styling, or run an audit on a component.
13
- inputs: [Target UI component, File path]
14
- outputs: [UI Audit Score, Fix recommendations]
15
- allowed_tools: [grep_search, read_file]
16
- pipeline: [analyze, review, validate, complete]
17
9
  ---
18
10
 
19
- # 🛠️ qk-ui-audit - Standard Operating Procedure
11
+ # 🛠️ qk-ui-audit
20
12
 
21
- > **Goal:** Kiểm toán chất lượng Giao diện Người dùng (UI QA). Tìm ra các lỗi hiển thị, sự thiếu đồng nhất và vi phạm Accessibility (a11y).
13
+ > **Inheritance:** Kỹ năng này tuân thủ Kiến trúc v5.0 của `framework/KERNEL.md`.
14
+ > Output bắt buộc là Decision Summary.
22
15
 
23
- ## 🔄 1. Chain of Thought (SOP)
24
-
25
- 1. **Analyze (Scan UI):**
26
- - Read the UI component's source code.
27
- - Look for inline styles (`style={{...}}`) and hardcoded magic numbers (e.g., `px`, `%` instead of standard tokens).
28
- 2. **Review (Consistency & Responsive):**
29
- - Check if standard Design System tokens (e.g., Tailwind classes like `p-4`, `text-lg`) are used.
30
- - Check for mobile-first implementation (e.g., base classes for mobile, `md:` for desktop).
31
- 3. **Validate (Accessibility - A11y):**
32
- - Verify `<img>` tags have `alt` attributes.
33
- - Verify `<button>` tags without text have `aria-label`.
34
- - Verify interactive `<div>` elements have `role="button"` and `tabIndex`.
35
- 4. **Complete (Report):**
36
- - Calculate a rough score (0-100) based on violations.
16
+ ---
37
17
 
38
- ## 🛡️ 3. Constraints & Rules
18
+ ## 🎯 Mission (Scope)
19
+ - ✅ Audit UI/UX, rà soát Design Tokens, A11y, và Responsive.
20
+ - ❌ Do NOT tự tiện sửa code trừ khi user ra lệnh.
39
21
 
40
- - **Audit Only:** Do not modify the code automatically unless the user explicitly requests you to apply the fixes.
41
- - **Evidence Based:** Point out the exact line number where the violation occurs.
22
+ ---
42
23
 
43
- ## 🌳 3. Decision Tree
24
+ ## ⚙️ Capabilities (Cognitive Pipeline)
25
+ ```yaml
26
+ Pipeline:
27
+ - inference
28
+ - planning
29
+ - execution
30
+ - bias-review
31
+ - ship-check
32
+ ```
44
33
 
45
- ```text
46
- Does the component contain hardcoded `#hex` colors or `px` values?
47
- ├── YES → Deduct Consistency score. Recommend using Design Tokens.
48
- └── NO → Pass.
34
+ ---
49
35
 
50
- Does the component have clickable `<div>` elements?
51
- ├── YES → Deduct A11y score. Recommend using `<button>` or adding roles.
52
- └── NO → Pass.
36
+ ## 🎛️ Dials (Hành vi)
37
+ ```yaml
38
+ Dials:
39
+ - id: aesthetic-vibe
40
+ - id: strictness
53
41
  ```
54
42
 
55
- ## 🤝 4. Handoff Pipeline
56
-
57
- 1. `complete`: Generate the UI Audit Report.
43
+ ---
58
44
 
59
- ## 📝 5. Output Format
45
+ ## 🛡️ Biases (Sửa lỗi mặc định)
46
+ ```yaml
47
+ Biases:
48
+ - id: cosmetic-refactor # (Audit format code thay vì audit UX/Tokens)
49
+ ```
60
50
 
61
- Vui lòng trả kết quả bằng Tiếng Việt.
51
+ ---
62
52
 
63
- - **Tóm tắt (Summary):** Chấm điểm Giao diện (Score: X/100).
64
- - **Chi tiết (Changes):** Liệt kê các lỗi Consistency, A11y, Responsive (ghi rõ dòng).
65
- - **Nguyên nhân (Reasoning):** Tại sao lại đánh lỗi điểm đó.
66
- - **Hành động tiếp (Next Action):** Hỏi User có muốn tự động sửa các lỗi này không.
53
+ ## 🛫 Ship Criteria
54
+ ```yaml
55
+ Rules:
56
+ - id: delegation-only # (Chỉ đọc Report)
57
+ ```
@@ -1,47 +1,56 @@
1
1
  ---
2
2
  name: qk-ui-system-builder
3
- version: 3.1.4
4
- updated: 2026-07-02
5
- description: Build and maintain Design Systems, Token extraction, and shared UI libraries.
3
+ version: 5.0.0
4
+ updated: 2026-07-03
5
+ description: Xây dựng duy trì Design Systems, Token extraction, các thư viện UI dùng chung.
6
6
  category: frontend
7
- behavior: development
8
- intent: implement-feature
9
- priority: medium
10
7
  tags: [design-system, tokens, shared-components, storybook]
11
8
  platforms: [claude-code, cursor, windsurf, gemini-cli]
12
- trigger: User asks to create a shared component (Button, Input) or extract a color palette.
13
- inputs: [UI Requirements]
14
- outputs: [Shared Components, Design Tokens]
15
- allowed_tools: [write_to_file, read_file]
16
- pipeline: [analyze, implement, engineering-standard, validate, complete]
17
9
  ---
18
10
 
19
- # 🛠️ qk-ui-system-builder - Standard Operating Procedure
11
+ # 🛠️ qk-ui-system-builder
20
12
 
21
- > **Goal:** Đảm bảo tính Nhất quán Giao diện (Consistency). Quản lý Design Tokens và xây dựng thư viện Shared Components.
13
+ > **Inheritance:** Kỹ năng này tuân thủ Kiến trúc v5.0 của `framework/KERNEL.md`.
14
+ > Output bắt buộc là Decision Summary.
22
15
 
23
- ## 🔄 1. Chain of Thought (SOP)
16
+ ---
17
+
18
+ ## 🎯 Mission (Scope)
19
+ - ✅ Xây dựng Shared Components (Dumb components).
20
+ - ❌ Do NOT nhét logic API hoặc Fetch data vào core component.
24
21
 
25
- 1. **Analyze (Token Extraction):**
26
- - Extract raw colors and typography into CSS Variables or Tailwind config.
27
- 2. **Implement (Component Factory):**
28
- - Build foundational components (`<Button>`, `<TextInput>`) using generic polymorphic props if possible (e.g., `as="a"` or `as="button"`).
29
- 3. **Validate (Story/Documentation):**
30
- - Ensure every variation (primary, secondary, disabled) is accounted for.
22
+ ---
31
23
 
32
- ## 🛡️ 2. Constraints & Rules
24
+ ## ⚙️ Capabilities (Cognitive Pipeline)
25
+ ```yaml
26
+ Pipeline:
27
+ - inference
28
+ - planning
29
+ - execution
30
+ - bias-review
31
+ - ship-check
32
+ ```
33
33
 
34
- - **Stateless:** System UI components should NEVER have their own backend logic or hardcoded strings.
35
- - **Extendable:** Always allow users to pass `className` and `...props` to the base element.
34
+ ---
36
35
 
37
- ## 🤝 3. Handoff Pipeline
36
+ ## 🎛️ Dials (Hành vi)
37
+ ```yaml
38
+ Dials:
39
+ - id: strictness
40
+ ```
38
41
 
39
- 1. `engineering-standard`: Verify naming conventions.
40
- 2. `complete`: Output the Design System Report.
42
+ ---
41
43
 
42
- ## 📝 4. Output Format
44
+ ## 🛡️ Biases (Sửa lỗi mặc định)
45
+ ```yaml
46
+ Biases:
47
+ - id: missing-ui-states
48
+ ```
43
49
 
44
- Vui lòng trả kết quả bằng Tiếng Việt.
50
+ ---
45
51
 
46
- - **Tóm tắt (Summary):** Thư viện Component vừa cập nhật.
47
- - **Chi tiết (Changes):** Liệt kê các variant (màu sắc, kích cỡ).
52
+ ## 🛫 Ship Criteria
53
+ ```yaml
54
+ Rules:
55
+ - id: end-to-end-validation
56
+ ```