ai-developer-skill-os 3.1.5 → 6.0.0-rc1

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 (108) hide show
  1. package/README.md +15 -19
  2. package/_template/BEHAVIOR_SPEC.md +96 -0
  3. package/docs/GOVERNANCE.md +1 -1
  4. package/fix_seeds.js +22 -0
  5. package/framework/KERNEL.md +83 -0
  6. package/framework/bias-library/cosmetic-refactor.md +21 -0
  7. package/framework/bias-library/enterprise-crud.md +21 -0
  8. package/framework/bias-library/fake-ui-slop.md +20 -0
  9. package/framework/bias-library/hallucinated-tools.md +20 -0
  10. package/framework/bias-library/missing-ui-states.md +19 -0
  11. package/framework/bias-library/over-indexing.md +20 -0
  12. package/framework/bias-library/swallow-errors.md +19 -0
  13. package/framework/bias-library/ui-only-security.md +17 -0
  14. package/framework/decision-primitives.md +47 -0
  15. package/framework/dial-library/complexity-budget.md +13 -0
  16. package/framework/dial-library/granularity.md +13 -0
  17. package/framework/dial-library/optimization-strategy.md +13 -0
  18. package/framework/dial-library/strictness.md +13 -0
  19. package/framework/rule-library/delegation-only.md +9 -0
  20. package/framework/rule-library/minimal-diff.md +9 -0
  21. package/migrate-to-v6.js +130 -0
  22. package/migrate.js +147 -0
  23. package/migrate.py +133 -0
  24. package/migrate_all.cjs +96 -0
  25. package/package.json +2 -2
  26. package/skills/qk-access-policy/SKILL.md +30 -42
  27. package/skills/qk-ai-builder/SKILL.md +32 -43
  28. package/skills/qk-api-lifecycle/SKILL.md +28 -62
  29. package/skills/qk-bug-resolution/SKILL.md +29 -66
  30. package/skills/qk-context-loader/SKILL.md +25 -44
  31. package/skills/qk-data-lifecycle/SKILL.md +25 -58
  32. package/skills/qk-db-optimizer/SKILL.md +25 -53
  33. package/skills/qk-design-to-code/SKILL.md +32 -48
  34. package/skills/qk-docs/SKILL.md +26 -52
  35. package/skills/qk-engineering-standard/SKILL.md +28 -59
  36. package/skills/qk-feature-delivery/SKILL.md +29 -64
  37. package/skills/qk-help/SKILL.md +30 -40
  38. package/skills/qk-orchestrator/SKILL.md +25 -51
  39. package/skills/qk-policy-engine/SKILL.md +24 -49
  40. package/skills/qk-production-release/SKILL.md +31 -48
  41. package/skills/qk-project-bootstrap/SKILL.md +32 -46
  42. package/skills/qk-project-health/SKILL.md +26 -54
  43. package/skills/qk-project-memory/SKILL.md +31 -38
  44. package/skills/qk-system-evolution/SKILL.md +25 -61
  45. package/skills/qk-ui-audit/SKILL.md +25 -56
  46. package/skills/qk-ui-system-builder/SKILL.md +30 -42
  47. package/skills/qk-validation-gate/SKILL.md +26 -57
  48. package/specs/contracts/behavior-contract.yaml +40 -0
  49. package/specs/expectations/qk-bug-resolution.yaml +35 -0
  50. package/specs/scenarios/fix-login-nullref.yaml +3 -0
  51. package/taste-skill/.claude-plugin/marketplace.json +20 -0
  52. package/taste-skill/.claude-plugin/plugin.json +19 -0
  53. package/taste-skill/.github/FUNDING.yml +1 -0
  54. package/taste-skill/.github/copilot-instructions.md +11 -0
  55. package/taste-skill/CHANGELOG.md +111 -0
  56. package/taste-skill/LICENSE +21 -0
  57. package/taste-skill/README.md +212 -0
  58. package/taste-skill/assets/.gitkeep +0 -0
  59. package/taste-skill/assets/readme-banner.webp +0 -0
  60. package/taste-skill/assets/readme-buttons/btn-agent-skills.webp +0 -0
  61. package/taste-skill/assets/readme-buttons/btn-changelog.webp +0 -0
  62. package/taste-skill/assets/readme-buttons/btn-mit.webp +0 -0
  63. package/taste-skill/assets/readme-buttons/btn-site.webp +0 -0
  64. package/taste-skill/assets/readme-buttons/btn-tools.webp +0 -0
  65. package/taste-skill/assets/readme-cta-tasteskill.svg +5 -0
  66. package/taste-skill/assets/sponsors/animations-dev.webp +0 -0
  67. package/taste-skill/assets/sponsors/emil-animations-dev.webp +0 -0
  68. package/taste-skill/assets/taste-skill-logo.png +0 -0
  69. package/taste-skill/assets/taste-skill-logo.webp +0 -0
  70. package/taste-skill/assets/vercel-oss-program-badge.svg +44 -0
  71. package/taste-skill/examples/floria-bottom.webp +0 -0
  72. package/taste-skill/examples/floria-full.webp +0 -0
  73. package/taste-skill/examples/floria-top.webp +0 -0
  74. package/taste-skill/research/README.md +8 -0
  75. package/taste-skill/research/laziness/README.md +25 -0
  76. package/taste-skill/research/laziness/findings/empirical-results.md +58 -0
  77. package/taste-skill/research/laziness/findings/references.md +20 -0
  78. package/taste-skill/research/laziness/remediation/architectural-patterns.md +55 -0
  79. package/taste-skill/research/laziness/remediation/parameter-tuning.md +44 -0
  80. package/taste-skill/research/laziness/remediation/prompt-engineering.md +52 -0
  81. package/taste-skill/research/laziness/remediation/reference-prompts.md +79 -0
  82. package/taste-skill/research/laziness/root-causes/cognitive-shortcuts.md +23 -0
  83. package/taste-skill/research/laziness/root-causes/output-limits.md +39 -0
  84. package/taste-skill/research/laziness/root-causes/rlhf-and-compute.md +27 -0
  85. package/taste-skill/research/laziness/root-causes/training-data-bias.md +28 -0
  86. package/taste-skill/scripts/build-emil-sponsor-row.mjs +41 -0
  87. package/taste-skill/scripts/convert-readme-assets-webp.mjs +142 -0
  88. package/taste-skill/scripts/process-readme-buttons.mjs +108 -0
  89. package/taste-skill/scripts/process-sponsor-badge.mjs +83 -0
  90. package/taste-skill/skill.sh +25 -0
  91. package/taste-skill/skills/brandkit/SKILL.md +798 -0
  92. package/taste-skill/skills/brutalist-skill/SKILL.md +92 -0
  93. package/taste-skill/skills/gpt-tasteskill/SKILL.md +74 -0
  94. package/taste-skill/skills/image-to-code-skill/SKILL.md +1228 -0
  95. package/taste-skill/skills/imagegen-frontend-mobile/SKILL.md +1465 -0
  96. package/taste-skill/skills/imagegen-frontend-web/SKILL.md +987 -0
  97. package/taste-skill/skills/llms.txt +13 -0
  98. package/taste-skill/skills/minimalist-skill/SKILL.md +85 -0
  99. package/taste-skill/skills/output-skill/SKILL.md +49 -0
  100. package/taste-skill/skills/redesign-skill/SKILL.md +178 -0
  101. package/taste-skill/skills/soft-skill/SKILL.md +98 -0
  102. package/taste-skill/skills/stitch-skill/DESIGN.md +121 -0
  103. package/taste-skill/skills/stitch-skill/SKILL.md +184 -0
  104. package/taste-skill/skills/taste-skill/SKILL.md +1206 -0
  105. package/taste-skill/skills/taste-skill-v1/SKILL.md +226 -0
  106. package/tests/behavior-conformance.test.js +151 -0
  107. package/_template/SKILL.md +0 -154
  108. package/tests/spec-compliance.test.js +0 -193
@@ -1,64 +1,36 @@
1
1
  ---
2
2
  name: qk-project-health
3
- version: 3.1.5
4
- updated: 2026-07-02
5
- description: Kiểm toán toàn diện về Code Smells, Tech Debt, và Architecture.
6
- category: architecture
7
- behavior: static-analysis
8
- intent: review-code
9
- priority: medium
10
- tags: [audit, architecture, tech-debt, code-smell]
11
- 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]
3
+ category: maintenance
4
+ version: 6.0.0
17
5
  ---
18
6
 
19
- # 🛠️ qk-project-health - Standard Operating Procedure
7
+ # qk-project-health
20
8
 
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), Mã Lỗi Thời (Code Smells), và các rủi ro cấu trúc dài hạn.
9
+ ## Scope
10
+ - Comprehensive auditing of Code Smells, Tech Debt, and Architecture (Diagnose & Evaluate)
22
11
 
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).
35
-
36
- ## 🛡️ 3. Constraints & Rules
37
-
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").
40
-
41
- ## 🌳 3. Decision Tree
42
-
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.
47
-
48
- Are there components exceeding 500 lines?
49
- ├── YES → Flag as "God Object" and recommend splitting.
50
- └── NO → Pass.
12
+ ## Constraints
13
+ ```yaml
14
+ must:
15
+ - Analyze dependency graphs and code complexity metrics
16
+ - Highlight architectural anti-patterns
17
+ must_not:
18
+ - Rewrite major components without user consent
19
+ - Focus purely on stylistic lints (leave that to linter)
51
20
  ```
52
21
 
53
- ## 🤝 4. Handoff Pipeline
54
-
55
- 1. `complete`: Output the Health Audit Report.
56
-
57
- ## 📝 5. Output Format
22
+ ## Policies
23
+ ```yaml
24
+ prefer:
25
+ - Structural and performance improvements over minor refactors
26
+ ```
58
27
 
59
- Vui lòng trả kết quả bằng Tiếng Việt.
28
+ ## Escalation
29
+ ```yaml
30
+ stop:
31
+ - The project lacks basic structure making analysis impossible
32
+ ```
60
33
 
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).
34
+ ## Output
35
+ - Health report and refactoring plan
36
+ ```
@@ -1,42 +1,35 @@
1
1
  ---
2
2
  name: qk-project-memory
3
- version: 3.1.5
4
- updated: 2026-07-02
5
- description: Lưu trữ và truy xuất ngữ cảnh dự án dài hạn qua các phiên làm việc.
6
- category: utilities
7
- behavior: static-analysis
8
- intent: maintain
9
- priority: low
10
- tags: [memory, context, storage]
11
- 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]
3
+ category: core
4
+ version: 6.0.0
17
5
  ---
18
6
 
19
- # 🛠️ qk-project-memory - Standard Operating Procedure
20
-
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.
22
-
23
- ## 🔄 1. Chain of Thought (SOP)
24
-
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.
29
-
30
- ## 🛡️ 2. Constraints & Rules
31
-
32
- - **Keep it small:** Do not write entire source files into memory. Only save abstract facts and rules.
33
-
34
- ## 🤝 3. Handoff Pipeline
35
-
36
- 1. `complete`: Output confirmation.
37
-
38
- ## 📝 4. Output Format
39
-
40
- Vui lòng trả kết quả bằng Tiếng Việt.
41
-
42
- - **Tóm tắt (Summary):** Đã ghi nhớ thông tin gì.
7
+ # qk-project-memory
8
+
9
+ ## Scope
10
+ - Storing and retrieving long-term project context across sessions (Collect)
11
+
12
+ ## Constraints
13
+ ```yaml
14
+ must:
15
+ - Organize context logically so it can be retrieved efficiently
16
+ - Update memory artifacts when major architectural decisions are made
17
+ must_not:
18
+ - Store sensitive user data or secrets in project memory
19
+ ```
20
+
21
+ ## Policies
22
+ ```yaml
23
+ prefer:
24
+ - Concise summaries over verbose logs for long-term memory
25
+ ```
26
+
27
+ ## Escalation
28
+ ```yaml
29
+ ask:
30
+ - To clarify contradictory information found in the project memory
31
+ ```
32
+
33
+ ## Output
34
+ - Updated memory artifacts
35
+ ```
@@ -1,71 +1,35 @@
1
1
  ---
2
2
  name: qk-system-evolution
3
- version: 3.1.5
4
- updated: 2026-07-02
5
- description: Cập nhật an toàn các thư viện dependencies, di chuyển frameworks và quản lý quá trình rollback.
6
- category: operations
7
- behavior: maintenance
8
- intent: maintain
9
- priority: high
10
- tags: [upgrade, migration, devops, dependencies]
11
- 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]
3
+ category: infrastructure
4
+ version: 6.0.0
17
5
  ---
18
6
 
19
- # 🛠️ qk-system-evolution - Standard Operating Procedure
7
+ # qk-system-evolution
20
8
 
21
- > **Goal:** Quản lý 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ố.
9
+ ## Scope
10
+ - Safely updating dependencies, migrating frameworks, and managing rollbacks (Plan & Execute)
22
11
 
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
- - **Mandatory Dry Run:** Create a temporary branch (e.g., `git checkout -b upgrade-dry-run`).
33
- - Update dependencies and run Codemods on this branch.
34
- - Fix Breaking Changes and pass the Validation Gate. Merge only if safe.
35
- 4. **Verify (System Test):**
36
- - Reinstall dependencies cleanly (`npm ci` or `yarn install`).
37
- - Run the build process to ensure the system compiles.
38
-
39
- ## 🛡️ 3. Constraints & Rules
40
-
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.
44
-
45
- ## 🌳 3. Decision Tree
46
-
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.
51
-
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.
12
+ ## Constraints
13
+ ```yaml
14
+ must:
15
+ - Check compatibility matrices before upgrading dependencies
16
+ - Provide a rollback plan for major framework updates
17
+ must_not:
18
+ - Perform destructive migrations without a backup strategy
57
19
  ```
58
20
 
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.
63
-
64
- ## 📝 5. Output Format
21
+ ## Policies
22
+ ```yaml
23
+ prefer:
24
+ - Incremental updates over 'big bang' migrations
25
+ ```
65
26
 
66
- Vui lòng trả kết quả bằng Tiếng Việt.
27
+ ## Escalation
28
+ ```yaml
29
+ stop:
30
+ - Critical dependencies are completely incompatible with the target framework version
31
+ ```
67
32
 
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.
33
+ ## Output
34
+ - Migration scripts, updated package files, and rollback plans
35
+ ```
@@ -1,66 +1,35 @@
1
1
  ---
2
2
  name: qk-ui-audit
3
- version: 3.1.5
4
- updated: 2026-07-02
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) và hiệu suất.
6
- category: validation
7
- behavior: static-analysis
8
- intent: review-code
9
- priority: medium
10
- tags: [ui, audit, frontend, a11y, responsive]
11
- 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]
3
+ category: qa
4
+ version: 6.0.0
17
5
  ---
18
6
 
19
- # 🛠️ qk-ui-audit - Standard Operating Procedure
7
+ # qk-ui-audit
20
8
 
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).
9
+ ## Scope
10
+ - UI consistency, accessibility (A11y), responsiveness, and performance auditing (Evaluate)
22
11
 
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.
37
-
38
- ## 🛡️ 3. Constraints & Rules
39
-
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.
42
-
43
- ## 🌳 3. Decision Tree
44
-
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.
49
-
50
- Does the component have clickable `<div>` elements?
51
- ├── YES → Deduct A11y score. Recommend using `<button>` or adding roles.
52
- └── NO → Pass.
12
+ ## Constraints
13
+ ```yaml
14
+ must:
15
+ - Check UI against established design tokens and guidelines
16
+ - Verify ARIA roles and contrast ratios
17
+ must_not:
18
+ - Ignore mobile viewport constraints
53
19
  ```
54
20
 
55
- ## 🤝 4. Handoff Pipeline
56
-
57
- 1. `complete`: Generate the UI Audit Report.
58
-
59
- ## 📝 5. Output Format
21
+ ## Policies
22
+ ```yaml
23
+ prefer:
24
+ - Identifying systemic UI issues over isolated pixel tweaks
25
+ ```
60
26
 
61
- Vui lòng trả kết quả bằng Tiếng Việt.
27
+ ## Escalation
28
+ ```yaml
29
+ stop:
30
+ - UI components completely lack semantic structure
31
+ ```
62
32
 
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.
33
+ ## Output
34
+ - UI audit report with actionable fixes
35
+ ```
@@ -1,47 +1,35 @@
1
1
  ---
2
2
  name: qk-ui-system-builder
3
- version: 3.1.5
4
- updated: 2026-07-02
5
- description: Xây dựng và duy trì Design Systems, Token extraction, và các thư viện UI dùng chung.
6
3
  category: frontend
7
- behavior: development
8
- intent: implement-feature
9
- priority: medium
10
- tags: [design-system, tokens, shared-components, storybook]
11
- 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]
4
+ version: 6.0.0
17
5
  ---
18
6
 
19
- # 🛠️ qk-ui-system-builder - Standard Operating Procedure
20
-
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.
22
-
23
- ## 🔄 1. Chain of Thought (SOP)
24
-
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.
31
-
32
- ## 🛡️ 2. Constraints & Rules
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.
36
-
37
- ## 🤝 3. Handoff Pipeline
38
-
39
- 1. `engineering-standard`: Verify naming conventions.
40
- 2. `complete`: Output the Design System Report.
41
-
42
- ## 📝 4. Output Format
43
-
44
- Vui lòng trả kết quả bằng Tiếng Việt.
45
-
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ỡ).
7
+ # qk-ui-system-builder
8
+
9
+ ## Scope
10
+ - Building and maintaining Design Systems and shared UI tokens (Plan & Execute)
11
+
12
+ ## Constraints
13
+ ```yaml
14
+ must:
15
+ - Extract reusable design tokens (colors, spacing, typography)
16
+ - Ensure components are accessible (A11y)
17
+ must_not:
18
+ - Create duplicate tokens for the same visual value
19
+ ```
20
+
21
+ ## Policies
22
+ ```yaml
23
+ prefer:
24
+ - Composable components over rigid layouts
25
+ ```
26
+
27
+ ## Escalation
28
+ ```yaml
29
+ stop:
30
+ - Design tokens conflict with existing design guidelines
31
+ ```
32
+
33
+ ## Output
34
+ - UI component library or Design System tokens
35
+ ```
@@ -1,67 +1,36 @@
1
1
  ---
2
2
  name: qk-validation-gate
3
- version: 3.1.5
4
- updated: 2026-07-02
5
- description: Cổng kiểm tra chất lượng bắt buộc (Test, Lint, Security).
6
- category: validation
7
- behavior: validation
8
- intent: validate
9
- priority: critical
10
- tags: [ci, testing, linting, security, gatekeeper]
11
- platforms: [claude-code, cursor, windsurf, gemini-cli]
12
- trigger: Triggered automatically as the final step in a pipeline, or manually when the user asks to "check the code".
13
- inputs: [Modified files]
14
- outputs: [Validation Report (Pass/Fail)]
15
- allowed_tools: [run_command, grep_search]
16
- pipeline: [analyze, validate, complete]
3
+ category: qa
4
+ version: 6.0.0
17
5
  ---
18
6
 
19
- # 🛠️ qk-validation-gate - Standard Operating Procedure
7
+ # qk-validation-gate
20
8
 
21
- > **Goal:** Hoạt động như một "Người Gác Cổng" (Gatekeeper). Đảm bảo không có lỗi cú pháp, vi phạm bảo mật, hoặc code rác nào lọt qua trước khi báo cáo hoàn thành.
9
+ ## Scope
10
+ - Mandatory quality checks (Test, Lint, Security) before merge/commit (Evaluate)
22
11
 
23
- ## 🔄 1. Chain of Thought (SOP)
24
-
25
- 1. **Analyze (Static Sweep):**
26
- - Use `grep_search` to scan modified files for garbage code: `console.log(`, `debugger;`, `// TODO`, `@ts-ignore`.
27
- - Scan for hardcoded secrets: `API_KEY=`, `Bearer ey...`.
28
- 2. **Validate (Automated Checks):**
29
- - Run the Linter: `npm run lint` or `eslint .`.
30
- - Run the Type Checker: `tsc --noEmit`.
31
- - Run the Tests: `npm run test` (if applicable).
32
- 3. **Complete (Report & Auto-fix):**
33
- - If minor lint errors exist, attempt an auto-fix (`npm run lint --fix`).
34
- - If tests fail, report the exact failure to the user. Do NOT pretend it passed.
35
-
36
- ## 🛡️ 3. Constraints & Rules
37
-
38
- - **Zero Tolerance:** A failed test or a TypeScript error means the Gate is FAILED. Do not ignore errors.
39
- - **No Force:** Never use `--force` or `--no-verify` flags.
40
- - **Real Execution:** You MUST run the actual CLI commands using `run_command` and wait for the output.
41
-
42
- ## 🌳 3. Decision Tree
43
-
44
- ```text
45
- Did `npm run lint` return errors?
46
- ├── YES → Are they auto-fixable?
47
- │ ├── YES → Run `npm run lint --fix`.
48
- │ └── NO → Manually fix the file and re-run.
49
- └── NO → Proceed to Type Checking.
50
-
51
- Did `tsc --noEmit` return errors?
52
- ├── YES → Fix the TypeScript types. Do NOT use `any` as a shortcut.
53
- └── NO → GATE PASSED.
12
+ ## Constraints
13
+ ```yaml
14
+ must:
15
+ - Verify acceptance criteria and test coverage
16
+ - Fail early if critical errors or lint violations are found
17
+ must_not:
18
+ - Approve incomplete work or failing tests
19
+ - Bypass security scans
54
20
  ```
55
21
 
56
- ## 🤝 4. Handoff Pipeline
57
-
58
- 1. `complete`: Once all checks pass, output the Validation Report.
59
-
60
- ## 📝 5. Output Format
22
+ ## Policies
23
+ ```yaml
24
+ prefer:
25
+ - Automated testing over manual verification
26
+ ```
61
27
 
62
- Vui lòng trả kết quả bằng Tiếng Việt.
28
+ ## Escalation
29
+ ```yaml
30
+ stop:
31
+ - Artifact is absent or tests are failing
32
+ ```
63
33
 
64
- - **Tóm tắt (Summary):** 🛡️ Đã chạy các cổng kiểm định (Lint, Test, Type).
65
- - **Chi tiết (Changes):** Liệt kê các lệnh đã chạy và kết quả.
66
- - **Xác thực (Verification):** Ghi rõ PASS (Xanh) hoặc FAIL (Đỏ).
67
- - **Rủi ro (Risks):** Có phát hiện code rác / comment tạm thời không.
34
+ ## Output
35
+ - Pass/Fail decision and validation report
36
+ ```
@@ -0,0 +1,40 @@
1
+ # Tập hợp tất cả các Behavior Contracts của hệ thống
2
+ # Đây là "Source of Truth" để các bài test đối chiếu.
3
+
4
+ bug-resolution:
5
+ must:
6
+ - ask_for_logs_when_missing
7
+ - avoid_large_refactor
8
+ - preserve_api
9
+ prefer:
10
+ - smallest_change
11
+ - deterministic_fix
12
+ never:
13
+ - invent_root_cause
14
+ - fabricate_test_result
15
+
16
+ feature-delivery:
17
+ must:
18
+ - minimize_scope
19
+ - preserve_behavior
20
+ - verify_regression
21
+ - handle_ui_states
22
+ prefer:
23
+ - clean_code
24
+ never:
25
+ - redesign_architecture
26
+ - rewrite_core_module
27
+
28
+ access-policy:
29
+ must:
30
+ - block_api
31
+ - enforce_rbac
32
+ never:
33
+ - ui_only_security
34
+
35
+ engineering-standard:
36
+ must:
37
+ - maintain_readability
38
+ - pass_linter
39
+ never:
40
+ - change_business_logic
@@ -0,0 +1,35 @@
1
+ behavior: qk-bug-resolution
2
+
3
+ must:
4
+ - gather_context_before_proposing
5
+ - require_stack_trace
6
+ - minimize_scope
7
+ - preserve_public_api
8
+ - evaluate_regression_risk
9
+ - communicate_user_intent
10
+ - ask_only_necessary_questions
11
+ - explain_decisions_in_user_language
12
+
13
+ prefer:
14
+ - write_reproduction_steps
15
+ - identify_root_cause
16
+ - add_regression_test
17
+
18
+ must_not:
19
+ - rewrite_module
20
+ - refactor_unrelated_code
21
+ - change_architecture
22
+ - guess_cause_without_evidence
23
+ - expose_internal_contract
24
+ - expose_internal_policy
25
+ - expose_internal_reasoning
26
+ - quote_yaml_sections
27
+
28
+ evidence:
29
+ - stack_trace_or_log
30
+ - related_source_code
31
+
32
+ completion:
33
+ - patch_provided
34
+ - risk_summary_provided
35
+ - verification_checklist_provided
@@ -0,0 +1,3 @@
1
+ scenario_id: fix-login-nullref
2
+ description: "Một API production bị lỗi NullReferenceException sau khi merge."
3
+ expected_behavior: qk-bug-resolution
@@ -0,0 +1,20 @@
1
+ {
2
+ "name": "taste-skill",
3
+ "description": "Taste skill library for Claude Code — frontend design, image-to-code, and aesthetic skills",
4
+ "owner": {
5
+ "name": "leonxlnx",
6
+ "email": ""
7
+ },
8
+ "plugins": [
9
+ {
10
+ "name": "taste-skill",
11
+ "description": "Frontend design taste skills including brutalist, minimalist, soft, redesign, stitch, and more",
12
+ "version": "1.0.0",
13
+ "source": "./",
14
+ "author": {
15
+ "name": "leonxlnx",
16
+ "email": ""
17
+ }
18
+ }
19
+ ]
20
+ }
@@ -0,0 +1,19 @@
1
+ {
2
+ "name": "taste-skill",
3
+ "description": "Frontend design taste skills including brutalist, minimalist, soft, redesign, stitch, and more",
4
+ "version": "1.0.0",
5
+ "author": {
6
+ "name": "leonxlnx",
7
+ "email": ""
8
+ },
9
+ "homepage": "https://github.com/leonxlnx/taste-skill",
10
+ "repository": "https://github.com/leonxlnx/taste-skill",
11
+ "license": "MIT",
12
+ "keywords": [
13
+ "skills",
14
+ "frontend",
15
+ "design",
16
+ "taste",
17
+ "ui"
18
+ ]
19
+ }
@@ -0,0 +1 @@
1
+ github: Leonxlnx