vibes-plug 2.5.0 → 2.14.1

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 (187) hide show
  1. package/.claude/rules/vibes-plug-core.md +32 -0
  2. package/.cursor/rules/vibes-plug-core.mdc +51 -0
  3. package/.cursorrules +42 -0
  4. package/AGENTS.md +37 -7
  5. package/BLUEPRINT.md +319 -217
  6. package/CHANGELOG.md +170 -1
  7. package/CLAUDE.md +70 -0
  8. package/LICENSE +1 -1
  9. package/README.md +611 -415
  10. package/index.js +19 -0
  11. package/package.json +44 -8
  12. package/plugin.json +24 -7
  13. package/scripts/check-anti-slop.js +53 -0
  14. package/scripts/generate_swarm_gif.py +295 -0
  15. package/scripts/install.js +201 -0
  16. package/skills/accessibility-testing-expert/SKILL.md +116 -0
  17. package/skills/ai-llm-integration-expert/SKILL.md +192 -178
  18. package/skills/ai-media-generation-expert/SKILL.md +172 -0
  19. package/skills/ai-prompt-engineering-expert/SKILL.md +134 -0
  20. package/skills/angular-expert/SKILL.md +148 -0
  21. package/skills/anti-slop/SKILL.md +133 -0
  22. package/skills/api-design-expert/SKILL.md +6 -3
  23. package/skills/api-gateway-proxy-expert/SKILL.md +81 -0
  24. package/skills/app-analyzer-optimizer/SKILL.md +6 -3
  25. package/skills/apple-ecosystem-expert/SKILL.md +144 -141
  26. package/skills/astro-framework-expert/SKILL.md +200 -0
  27. package/skills/async-queue-temporal-expert/SKILL.md +189 -26
  28. package/skills/authentication-identity-expert/SKILL.md +78 -181
  29. package/skills/autonomous-red-teamer/SKILL.md +172 -28
  30. package/skills/autonomous-tdd-debugger/SKILL.md +70 -64
  31. package/skills/biome-linter-formatter-expert/SKILL.md +89 -0
  32. package/skills/blockchain-web3-expert/SKILL.md +115 -0
  33. package/skills/bootstrap-to-modern/SKILL.md +9 -6
  34. package/skills/brainstorming/SKILL.md +60 -52
  35. package/skills/browser-automation-expert/SKILL.md +197 -21
  36. package/skills/bun-runtime-expert/SKILL.md +7 -1
  37. package/skills/chatbot-messaging-expert/SKILL.md +114 -0
  38. package/skills/ci-cd-devops-architect/SKILL.md +45 -36
  39. package/skills/cloud-hosting-expert/SKILL.md +7 -1
  40. package/skills/coderabbit/SKILL.md +7 -1
  41. package/skills/compliance-gdpr-privacy-expert/SKILL.md +85 -0
  42. package/skills/cron-scheduler-expert/SKILL.md +303 -297
  43. package/skills/data-pipeline-etl-expert/SKILL.md +84 -0
  44. package/skills/data-telemetry-expert/SKILL.md +7 -1
  45. package/skills/data-visualization-expert/SKILL.md +154 -0
  46. package/skills/database-orm-expert/SKILL.md +165 -294
  47. package/skills/deep-research-analyst/SKILL.md +136 -0
  48. package/skills/dependency-upgrade-migrator/SKILL.md +300 -294
  49. package/skills/design-system-architect/SKILL.md +309 -260
  50. package/skills/desktop-electron-expert/SKILL.md +128 -0
  51. package/skills/documentation-site-expert/SKILL.md +59 -0
  52. package/skills/doku-mcp-server/SKILL.md +7 -1
  53. package/skills/doku-payment-gateway/SKILL.md +7 -1
  54. package/skills/domain-driven-design-expert/SKILL.md +82 -0
  55. package/skills/e2e-testing-expert/SKILL.md +7 -1
  56. package/skills/ecommerce-expert/SKILL.md +87 -0
  57. package/skills/email-notification-expert/SKILL.md +393 -360
  58. package/skills/error-resilience-expert/SKILL.md +506 -479
  59. package/skills/event-driven-architect/SKILL.md +7 -1
  60. package/skills/feature-flag-analytics-expert/SKILL.md +65 -45
  61. package/skills/file-upload-media-expert/SKILL.md +436 -430
  62. package/skills/firebase-security-expert/SKILL.md +7 -1
  63. package/skills/form-validation-expert/SKILL.md +406 -400
  64. package/skills/fullstack-expert/SKILL.md +184 -202
  65. package/skills/gemini-agent-booster/SKILL.md +173 -135
  66. package/skills/geospatial-maps-expert/SKILL.md +80 -0
  67. package/skills/global-a11y-i18n-expert/SKILL.md +7 -1
  68. package/skills/glsl-shader-expert/SKILL.md +158 -69
  69. package/skills/go-programming-expert/SKILL.md +21 -15
  70. package/skills/graph-rag-knowledge-expert/SKILL.md +200 -0
  71. package/skills/graphql-apollo-expert/SKILL.md +113 -107
  72. package/skills/headless-cms-expert/SKILL.md +181 -0
  73. package/skills/hig/SKILL.md +7 -1
  74. package/skills/js-backend-expert/SKILL.md +218 -216
  75. package/skills/legacy-code-translator/SKILL.md +70 -64
  76. package/skills/local-slm-edge-ai-expert/SKILL.md +167 -0
  77. package/skills/logging-error-tracking-expert/SKILL.md +343 -337
  78. package/skills/mcp-server-architect/SKILL.md +308 -194
  79. package/skills/micro-frontend-architect/SKILL.md +111 -105
  80. package/skills/mobile-expo-expert/SKILL.md +8 -2
  81. package/skills/modern-css-native-expert/SKILL.md +189 -0
  82. package/skills/monorepo-architect/SKILL.md +7 -1
  83. package/skills/mpa-orchestrator/SKILL.md +20 -1
  84. package/skills/multi-agent-orchestration/SKILL.md +254 -234
  85. package/skills/multiple-entry-points/SKILL.md +37 -1
  86. package/skills/mvc-expert/SKILL.md +7 -1
  87. package/skills/n8n-automation-expert/SKILL.md +89 -0
  88. package/skills/nextjs-app-router-expert/SKILL.md +148 -0
  89. package/skills/openapi-swagger-codegen-expert/SKILL.md +67 -0
  90. package/skills/payment-gateway-expert/SKILL.md +85 -1
  91. package/skills/pdf-document-generation-expert/SKILL.md +91 -0
  92. package/skills/performance-web-vitals/SKILL.md +7 -1
  93. package/skills/post-quantum-crypto-migrator/SKILL.md +57 -57
  94. package/skills/prd-architect/SKILL.md +182 -201
  95. package/skills/proactive-background-watcher/SKILL.md +67 -61
  96. package/skills/production-ready-hardener/SKILL.md +459 -456
  97. package/skills/pwa-offline-first-expert/SKILL.md +226 -0
  98. package/skills/pydantic-ai-expert/SKILL.md +161 -0
  99. package/skills/python-programming-expert/SKILL.md +407 -401
  100. package/skills/rate-limit-abuse-prevention/SKILL.md +376 -370
  101. package/skills/realtime-collaboration-expert/SKILL.md +55 -1
  102. package/skills/rich-text-editor-expert/SKILL.md +177 -0
  103. package/skills/rust-programming-expert/SKILL.md +7 -1
  104. package/skills/saas-architect/SKILL.md +154 -0
  105. package/skills/saas-billing/SKILL.md +7 -1
  106. package/skills/saas-multi-tenant/SKILL.md +7 -1
  107. package/skills/scalability-clean-code/SKILL.md +7 -1
  108. package/skills/search-engine-expert/SKILL.md +89 -0
  109. package/skills/secure-fuzz-testing/SKILL.md +7 -1
  110. package/skills/self-healing-cloud-orchestrator/SKILL.md +57 -57
  111. package/skills/senior-frontend/SKILL.md +139 -161
  112. package/skills/senior-frontend/scripts/frontend_scaffolder.py +1 -1
  113. package/skills/seo/SKILL.md +41 -17
  114. package/skills/session-memory-manager/SKILL.md +128 -0
  115. package/skills/solidjs-expert/SKILL.md +80 -0
  116. package/skills/spa-orchestrator/SKILL.md +20 -1
  117. package/skills/sse-websocket-streaming-expert/SKILL.md +93 -0
  118. package/skills/state-management-expert/SKILL.md +7 -1
  119. package/skills/supabase-security-expert/SKILL.md +7 -1
  120. package/skills/svelte-sveltekit-expert/SKILL.md +91 -0
  121. package/skills/svg-animation-motion-expert/SKILL.md +115 -0
  122. package/skills/synthetic-data-finetuning-expert/SKILL.md +155 -0
  123. package/skills/tailwind-expert/SKILL.md +88 -136
  124. package/skills/tanstack-query-expert/SKILL.md +7 -1
  125. package/skills/tauri-expert/SKILL.md +7 -1
  126. package/skills/typescript-expert/SKILL.md +12 -6
  127. package/skills/ui-ux-pro-max/SKILL.md +25 -3
  128. package/skills/vector-db-rag-expert/SKILL.md +175 -19
  129. package/skills/vercel-ai-sdk-expert/SKILL.md +181 -0
  130. package/skills/visual-qa-vision-agent/SKILL.md +70 -64
  131. package/skills/voice-ai-realtime-agent/SKILL.md +242 -0
  132. package/skills/vue-frontend-expert/SKILL.md +131 -125
  133. package/skills/wasm-edge-computing-expert/SKILL.md +97 -0
  134. package/skills/web-3d-graphics-expert/SKILL.md +262 -80
  135. package/skills/web-game-engine-expert/SKILL.md +281 -48
  136. package/skills/web-scraper/SKILL.md +157 -207
  137. package/skills/website-design-cloner/SKILL.md +179 -173
  138. package/skills/webxr-ar-vr-expert/SKILL.md +108 -63
  139. package/skills/wordpress-headless-expert/SKILL.md +144 -0
  140. package/skills/zero-to-prod-orchestrator/SKILL.md +65 -38
  141. package/skills/zero-trust-secret-vault/SKILL.md +87 -39
  142. package/.github/ISSUE_TEMPLATE/feature_request.md +0 -20
  143. package/.github/workflows/publish.yml +0 -20
  144. package/CONTRIBUTING.md +0 -199
  145. package/SECURITY.md +0 -21
  146. package/banner.png +0 -0
  147. package/skills/ai-cost-token-optimizer/SKILL.md +0 -52
  148. package/skills/asisten_ramah/SKILL.md +0 -41
  149. package/skills/auto-doc-updater/SKILL.md +0 -214
  150. package/skills/autonomous-chaos-monkey/SKILL.md +0 -63
  151. package/skills/autonomous-swarm-director/SKILL.md +0 -69
  152. package/skills/edge-serverless-db-expert/SKILL.md +0 -43
  153. package/skills/hyper-context-synthesizer/SKILL.md +0 -55
  154. package/skills/llm-cost-arbitrage-router/SKILL.md +0 -59
  155. package/skills/mcp-client-orchestrator/SKILL.md +0 -70
  156. package/skills/mobile-push-notification-expert/SKILL.md +0 -51
  157. package/skills/monday-design-aesthetic/SKILL.md +0 -67
  158. package/skills/project-context-mapper/SKILL.md +0 -79
  159. package/skills/saas-mvp-launcher/SKILL.md +0 -241
  160. package/skills/saas-transformer/SKILL.md +0 -489
  161. package/skills/saas-transformer/references/billing_integration_guide.md +0 -401
  162. package/skills/self-evolving-memory-graph/SKILL.md +0 -75
  163. package/skills/senior-fullstack/SKILL.md +0 -167
  164. package/skills/senior-fullstack/references/architecture_patterns.md +0 -160
  165. package/skills/senior-fullstack/references/development_workflows.md +0 -222
  166. package/skills/senior-fullstack/references/tech_stack_guide.md +0 -190
  167. package/skills/senior-fullstack/scripts/code_quality_analyzer.py +0 -114
  168. package/skills/senior-fullstack/scripts/fullstack_scaffolder.py +0 -114
  169. package/skills/senior-fullstack/scripts/project_scaffolder.py +0 -114
  170. package/skills/seo-aeo-landing-page-writer/SKILL.md +0 -97
  171. package/skills/seo-geo/SKILL.md +0 -188
  172. package/skills/session-context-loader/SKILL.md +0 -77
  173. package/skills/session-handoff-resume/SKILL.md +0 -158
  174. package/skills/skill_baru/SKILL.md +0 -172
  175. package/skills/supabase-migration/SKILL.md +0 -45
  176. package/skills/token-saver/SKILL.md +0 -119
  177. package/skills/ui-components-expert/SKILL.md +0 -280
  178. package/skills/ui-ux-pro-max/scripts/__pycache__/core.cpython-310.pyc +0 -0
  179. package/skills/ui-ux-pro-max/scripts/__pycache__/core.cpython-312.pyc +0 -0
  180. package/skills/ui-ux-pro-max/scripts/__pycache__/design_system.cpython-310.pyc +0 -0
  181. package/skills/ui-ux-pro-max/scripts/__pycache__/design_system.cpython-312.pyc +0 -0
  182. package/skills/ui_ux_expert/SKILL.md +0 -125
  183. package/skills/vibe-code-gardener/SKILL.md +0 -181
  184. package/vibes-swarm-demo.gif +0 -0
  185. /package/skills/{saas-transformer → saas-architect}/references/feature_gating_patterns.md +0 -0
  186. /package/skills/{saas-transformer → saas-architect}/references/saas_transformation_checklist.md +0 -0
  187. /package/skills/{saas-transformer → saas-architect}/scripts/saas_transformation_scanner.py +0 -0
@@ -1,10 +1,10 @@
1
1
  ---
2
2
  name: glsl-shader-expert
3
- description: "Expert guide for writing custom GLSL shaders (Vertex/Fragment) for WebGL using Three.js and Babylon.js. Covers shader materials, post-processing, noise, and performance optimization."
4
- author: "Roedy Rustam"
3
+ description: "Expert guide for modern web shaders: Three Shading Language (TSL), WebGPU WGSL, Compute Shaders, and WebGL GLSL in Three.js and Babylon.js. Covers procedural generation, compute kernels, and post-processing / Panduan ahli shader web modern: TSL, WGSL, Compute Shader, dan GLSL."
4
+ author: "vibes-plug-swarm"
5
5
  ---
6
6
 
7
- # GLSL Shader Expert (WebGL 3D Graphics)
7
+ # Modern Web Shader Expert (TSL, WGSL, Compute Shaders & GLSL)
8
8
 
9
9
  [English](#english) | [Bahasa Indonesia](#bahasa-indonesia)
10
10
 
@@ -13,89 +13,178 @@ author: "Roedy Rustam"
13
13
  <a name="english"></a>
14
14
  ## English
15
15
 
16
+ ### Orchestration & Integration
17
+ Connects and orchestrates with relevant domain skills:
18
+ - `web-3d-graphics-expert` — WebGPU/WebGL scene rendering and NodeMaterial binding.
19
+ - `web-game-engine-expert` — Physics simulations, particle systems, and VFX materials.
20
+ - `ui-ux-pro-max` — Modern visual effects, glassmorphism, and screen-space distortion.
21
+ - `performance-web-vitals` — GPU profiling, draw call reduction, and compute shader optimization.
22
+
16
23
  ### Description
17
- Production-grade guidance for writing and integrating custom GLSL (OpenGL Shading Language) shaders into web applications using **Three.js** (`ShaderMaterial` / `RawShaderMaterial`) or **Babylon.js** (`ShaderMaterial`). Focuses on creating advanced visual effects, custom lighting models, procedural textures (noise), and post-processing passes.
24
+ Production-grade guidance for authoring, compiling, and optimizing GPU shaders for modern web applications. Focuses on the cutting-edge **TSL (Three Shading Language)** node system which cross-compiles to both **WGSL (WebGPU)** and **GLSL (WebGL2)**, standalone **WGSL Compute Shaders** for parallel processing (particles, boids, simulation), and legacy **GLSL** optimization.
18
25
 
19
26
  ### Trigger Conditions
20
27
  Activate this skill when the user is:
21
- - Asking to create custom materials that standard PBR materials cannot achieve.
22
- - Writing Vertex or Fragment shaders in GLSL.
23
- - Implementing procedural generation (e.g., Perlin noise, Simplex noise) on the GPU.
24
- - Creating post-processing effects or screen-space shaders.
25
- - Optimizing GPU performance by moving CPU calculations to vertex shaders.
26
-
27
- ### Core Concepts
28
-
29
- #### 1. The Graphics Pipeline
30
- Understand the flow:
31
- 1. **Vertex Shader:** Runs for every vertex. Used to manipulate geometry (position) and pass data (varyings) to the fragment shader. Must set `gl_Position`.
32
- 2. **Fragment Shader:** Runs for every pixel (fragment). Used to determine color. Must set `gl_FragColor`.
33
-
34
- #### 2. Three.js `ShaderMaterial` Example
35
- ```javascript
36
- import * as THREE from 'three';
37
-
38
- const vertexShader = `
39
- varying vec2 vUv;
40
- void main() {
41
- vUv = uv;
42
- // Standard projection
43
- gl_Position = projectionMatrix * modelViewMatrix * vec4(position, 1.0);
44
- }
45
- `;
46
-
47
- const fragmentShader = `
48
- uniform float uTime;
49
- varying vec2 vUv;
50
- void main() {
51
- // Simple animated color based on UV coordinates and time
52
- vec3 color = vec3(vUv.x, vUv.y, sin(uTime) * 0.5 + 0.5);
53
- gl_FragColor = vec4(color, 1.0);
54
- }
55
- `;
56
-
57
- const material = new THREE.ShaderMaterial({
58
- vertexShader,
59
- fragmentShader,
60
- uniforms: {
61
- uTime: { value: 0 }
62
- }
28
+ - Writing custom shader materials in Three.js or Babylon.js.
29
+ - Refactoring legacy GLSL shaders to Three Shading Language (TSL) or WebGPU WGSL.
30
+ - Implementing WebGPU Compute Shaders (`@compute` workgroups, storage buffers).
31
+ - Creating procedural VFX: fluid simulations, volumetric clouds, noise-based terrain, or holographic shields.
32
+ - Designing post-processing screen passes (bloom, chromatic aberration, SSAO/GTAO, depth of field).
33
+ - Optimizing GPU bottlenecks, thread divergence, or ALU instruction counts.
34
+
35
+ ---
36
+
37
+ ### Modern Web Shader Paradigms (2026)
38
+
39
+ | Paradigm | Target API | Key Advantages | When to Use |
40
+ | :--- | :--- | :--- | :--- |
41
+ | **TSL (Three Shading Language)** | WebGPU + WebGL2 | Cross-compiles node trees to WGSL and GLSL; type-safe JavaScript/TypeScript syntax. | Default standard for modern Three.js (r170+) materials and post-processing. |
42
+ | **WGSL (WebGPU Shading Language)** | WebGPU native | Direct GPU memory access, structured storage buffers, atomic operations. | Raw WebGPU apps, Babylon.js WebGPU compute, custom WebGPU pipelines. |
43
+ | **Compute Shaders** | WebGPU | General-purpose GPU (GPGPU) computing; runs without rasterization or vertex buffers. | 100,000+ particle systems, cloth physics, fluid simulation, GPU boids. |
44
+ | **GLSL (ES 3.0)** | WebGL2 fallback | Universal device compatibility on legacy hardware. | Legacy Three.js/Babylon.js projects and fallback pipelines. |
45
+
46
+ ---
47
+
48
+ ### 1. Three Shading Language (TSL) Node System
49
+
50
+ TSL replaces string-concatenated GLSL with modular, type-safe node expressions that Three.js automatically compiles to WGSL on WebGPU and GLSL on WebGL2.
51
+
52
+ ```typescript
53
+ import * as THREE from 'three/webgpu';
54
+ import { Fn, float, vec3, color, uv, time, positionLocal, sin, uniform } from 'three/tsl';
55
+
56
+ // Define custom dynamic uniforms
57
+ const uFrequency = uniform(3.0);
58
+ const uSpeed = uniform(1.5);
59
+
60
+ // Reusable TSL shader function (Node-based)
61
+ const waterWave = Fn(([freq, spd]) => {
62
+ const coord = uv();
63
+ const wave = sin(coord.x.mul(freq).add(time.mul(spd)))
64
+ .add(sin(coord.y.mul(freq).add(time.mul(spd))))
65
+ .mul(0.5);
66
+ return wave;
63
67
  });
68
+
69
+ // Vertex Position displacement in TSL
70
+ const displacedPosition = Fn(() => {
71
+ const wave = waterWave(uFrequency, uSpeed);
72
+ const newPos = positionLocal.add(vec3(0.0, wave.mul(0.2), 0.0));
73
+ return newPos;
74
+ });
75
+
76
+ // Create Node Material
77
+ const oceanMaterial = new THREE.MeshStandardNodeMaterial();
78
+ oceanMaterial.positionNode = displacedPosition();
79
+ oceanMaterial.colorNode = Fn(() => {
80
+ const wave = waterWave(uFrequency, uSpeed);
81
+ const baseColor = color(0x004488);
82
+ const foamColor = color(0x88eeff);
83
+ return baseColor.mix(foamColor, wave.add(0.5));
84
+ })();
64
85
  ```
65
- *Note: In the render loop, you must update `material.uniforms.uTime.value += delta;`*
66
86
 
67
- #### 3. Best Practices for Shaders
68
- - **Avoid Branching:** GPU threads run in lockstep (warps/wavefronts). `if/else` statements can cause significant performance drops. Prefer mathematical functions like `step()`, `smoothstep()`, `mix()`, and `clamp()`.
69
- - **Precision:** Explicitly declare float precision (`precision mediump float;` or `highp` if necessary). Use `mediump` for colors/UVs to save performance, particularly on mobile.
70
- - **Use Uniforms Wisely:** Only pass data that changes per frame or per object as uniforms.
87
+ ---
88
+
89
+ ### 2. WebGPU Compute Shaders (GPGPU Parallel Processing)
90
+
91
+ Compute shaders run arbitrary mathematical workloads across thousands of GPU threads simultaneously:
92
+
93
+ ```typescript
94
+ import * as THREE from 'three/webgpu';
95
+ import { Fn, float, vec3, uniform, storage, instanceIndex } from 'three/tsl';
96
+
97
+ const PARTICLE_COUNT = 65536;
98
+
99
+ // Create GPU Storage Buffers
100
+ const positionBuffer = new THREE.StorageBufferAttribute(new Float32Array(PARTICLE_COUNT * 3), 3);
101
+ const velocityBuffer = new THREE.StorageBufferAttribute(new Float32Array(PARTICLE_COUNT * 3), 3);
102
+
103
+ const posStorage = storage(positionBuffer, 'vec3', PARTICLE_COUNT);
104
+ const velStorage = storage(velocityBuffer, 'vec3', PARTICLE_COUNT);
105
+
106
+ // TSL Compute Kernel (executes per particle on GPU)
107
+ const computeParticles = Fn(() => {
108
+ const index = instanceIndex;
109
+ const pos = posStorage.element(index);
110
+ const vel = velStorage.element(index);
111
+
112
+ // Update position based on velocity
113
+ pos.addAssign(vel.mul(0.016));
114
+
115
+ // Bounce off boundaries [-5, 5]
116
+ vel.y.assign(pos.y.lessThan(-5.0).select(vel.y.abs(), vel.y));
117
+ vel.y.assign(pos.y.greaterThan(5.0).select(vel.y.abs().negate(), vel.y));
118
+ })().compute(PARTICLE_COUNT);
119
+
120
+ // In the render loop:
121
+ // renderer.compute(computeParticles);
122
+ // renderer.render(scene, camera);
123
+ ```
71
124
 
72
125
  ---
73
126
 
74
- ### Integration with Other Skills (MANDATORY)
75
- This skill works best when combined with:
76
- - `web-3d-graphics-expert` — For setting up the core WebGL scene in Three.js/Babylon.js.
77
- - `web-game-engine-expert` — For linking shader uniforms with physics data (e.g., impact ripples).
78
- - `ui-ux-pro-max` — For ensuring shader visual effects match the modern Web design tokens.
127
+ ### 3. High-Performance Shader Rules (GPU Architecture)
128
+
129
+ 1. **Eliminate Branching Divergence:**
130
+ - GPU threads execute in lockstep warps (NVIDIA: 32 threads, AMD/Apple: 32-64 threads).
131
+ - If threads inside the same warp take different branches in an `if/else`, both paths are evaluated serially, destroying throughput.
132
+ - **Use Math Primitives:** Replace branches with `step()`, `smoothstep()`, `mix()`, `clamp()`, or `select()`.
133
+ ```glsl
134
+ // BAD: Divergent GPU branch
135
+ if (vDepth > 0.5) { color = vec3(1.0); } else { color = vec3(0.0); }
136
+
137
+ // GOOD: Branchless step function
138
+ color = vec3(step(0.5, vDepth));
139
+ ```
79
140
 
80
- ### Referenced By Orchestrators (MANDATORY)
81
- - `brainstorming` — Add to "3D & Graphics" or "UI/UX & Design Systems".
82
- - `zero-to-prod-orchestrator` — Phase 5 (Frontend / WebGL Implementation).
141
+ 2. **Precision Management:**
142
+ - Always specify precision for mobile GPUs.
143
+ - Use `mediump` (16-bit float) for colors, normal vectors, and UVs to gain 2x arithmetic throughput and save bandwidth.
144
+ - Reserve `highp` (32-bit float) for world-space coordinates and depth calculations.
145
+
146
+ 3. **Precompute on CPU or Vertex Shader:**
147
+ - Never compute values in the fragment shader (millions of pixels) that are constant across the mesh or linear across vertices.
148
+ - Move matrix inversions, static lighting directions, or uniform transformations to the CPU or Vertex stage.
83
149
 
84
150
  ---
85
151
 
86
152
  <a name="bahasa-indonesia"></a>
87
153
  ## Bahasa Indonesia
88
154
 
155
+ ### Integrasi Orkestrasi
156
+ Terhubung dan mengorkestrasi skill domain yang relevan:
157
+ - `web-3d-graphics-expert` — Rendering scene WebGPU/WebGL dan integrasi NodeMaterial.
158
+ - `web-game-engine-expert` — Simulasi fisika, sistem partikel, dan material efek game.
159
+ - `ui-ux-pro-max` — Efek visual modern, glassmorphism, dan distorsi screen-space.
160
+ - `performance-web-vitals` — Profiling GPU, optimasi draw call, dan compute shader.
161
+
89
162
  ### Deskripsi
90
- Panduan ahli untuk menulis dan mengintegrasikan shader GLSL khusus ke dalam aplikasi web menggunakan **Three.js** atau **Babylon.js**. Mencakup pembuatan *Vertex Shader*, *Fragment Shader*, efek visual prosedural, dan optimasi GPU.
163
+ Panduan produksi untuk menulis, mengompilasi, dan mengoptimalkan shader GPU untuk aplikasi web modern. Fokus pada sistem node **TSL (Three Shading Language)** yang dapat dikompilasi silang menjadi **WGSL (WebGPU)** dan **GLSL (WebGL2)**, **Compute Shader WGSL** mandiri untuk pemrosesan paralel GPU skala masif (partikel, boids, simulasi cairan), dan optimasi **GLSL**.
91
164
 
92
165
  ### Kondisi Pemicu
93
- - Saat pengguna ingin membuat efek visual kustom (seperti air, hologram, distorsi) yang tidak bisa dilakukan oleh material standar.
94
- - Menulis kode GLSL untuk *ShaderMaterial*.
95
- - Mengoptimalkan performa grafis dengan memindahkan komputasi CPU ke GPU.
96
-
97
- ### Panduan Singkat
98
- - **Vertex vs Fragment:** *Vertex shader* mengatur posisi dan memanipulasi geometri (`gl_Position`), sedangkan *Fragment shader* mengatur pewarnaan setiap pixel (`gl_FragColor`).
99
- - **Hindari If/Else:** CPU sangat cepat dalam percabangan (`if/else`), tetapi GPU sangat lambat. Gunakan fungsi interpolasi matematika bawaan GLSL seperti `step()`, `smoothstep()`, dan `mix()`.
100
- - **Gunakan Uniforms:** Gunakan `uniforms` untuk mengirim data dari JavaScript (seperti waktu, posisi mouse, atau tekstur) ke dalam shader. Update nilai uniform ini di dalam *render loop*.
101
- - **Presisi (Precision):** Gunakan `precision mediump float;` secara default untuk menyeimbangkan performa dan kualitas visual, terutama untuk optimalisasi *mobile*.
166
+ Aktifkan skill ini ketika pengguna:
167
+ - Menulis *custom shader material* pada Three.js atau Babylon.js.
168
+ - Merefaktor shader GLSL lama menjadi Three Shading Language (TSL) atau WebGPU WGSL.
169
+ - Mengimplementasikan WebGPU Compute Shader (`@compute` workgroups, storage buffers).
170
+ - Membuat efek visual prosedural (simulasi air, awan volumetrik, medan prosedural, perisai hologram).
171
+ - Merancang *post-processing passes* (bloom, chromatic aberration, SSAO, depth of field).
172
+ - Mengatasi bottleneck GPU, *thread divergence*, atau instruksi ALU berlebih.
173
+
174
+ ---
175
+
176
+ ### Prinsip Utama Shader Modern
177
+
178
+ 1. **Adopsi TSL (Three Shading Language)**:
179
+ - Hindari menulis shader dalam bentuk *string concatenation* GLSL mentah pada proyek modern. Gunakan TSL (`Fn`, `color`, `uv`, `positionLocal`). TSL menjaga keamanan tipe (type-safety) dan otomatis menghasilkan WGSL atau GLSL sesuai runtime.
180
+
181
+ 2. **GPGPU dengan Compute Shader**:
182
+ - Manfaatkan WebGPU Compute Shader untuk kalkulasi ribuan partikel atau simulasi matematika tanpa melalui tahap rasterisasi atau vertex buffer tradisional.
183
+
184
+ 3. **Aturan Anti-Branching (Branchless Shader)**:
185
+ - GPU mengeksekusi instruksi dalam kelompok thread (*warp/wavefront*). Percabangan `if/else` yang tidak seragam akan memaksa GPU mengeksekusi kedua cabang secara berurutan (*branch penalty*).
186
+ - Gunakan fungsi matematika seperti `step()`, `smoothstep()`, dan `mix()` alih-alih percabangan logika kondisional.
187
+
188
+ 4. **Manajemen Presisi**:
189
+ - Gunakan `mediump` (16-bit float) untuk warna, koordinat UV, dan vektor normal untuk melipatgandakan kecepatan komputasi pada GPU smartphone.
190
+ - Gunakan `highp` (32-bit float) hanya untuk posisi ruang dunia (*world space*) dan perhitungan kedalaman (*depth*).
@@ -1,10 +1,10 @@
1
1
  ---
2
2
  name: go-programming-expert
3
- description: "Expert-level skill for Go programming (Go 1.23/1.24+). Covers high-performance microservices, concurrency patterns, sqlc, net/http, Gin/Echo/Fiber, gRPC, and testing in English and Indonesian."
4
- author: "Roedy Rustam"
3
+ description: "Expert-level skill for Go programming (Go 1.25+). Covers high-performance microservices, concurrency patterns, sqlc, net/http, Gin/Echo/Fiber, gRPC, and testing in English and Indonesian."
4
+ author: "Roedy Rustam"
5
5
  ---
6
6
 
7
- # Go Programming Expert (Go 1.24 Edition)
7
+ # Go Programming Expert (Go 1.25 Edition)
8
8
 
9
9
  [English](#english) | [Bahasa Indonesia](#bahasa-indonesia)
10
10
 
@@ -13,11 +13,14 @@ author: "Roedy Rustam"
13
13
  <a name="english"></a>
14
14
  ## English
15
15
 
16
+ ### Orchestration & Integration
17
+ Connects and orchestrates with relevant domain skills like `brainstorming`, `zero-to-prod-orchestrator`, and `project-context-mapper` to ensure cohesive execution.
18
+
16
19
  ### Description
17
- Expert-level Go development for building high-performance microservices, APIs, and CLI tools. Covers **Go 1.24** features (range-over-func iterators, generic type aliases, weak pointers), structured logging with `slog`, `net/http` with the new ServeMux patterns, Gin/Echo/Fiber frameworks, sqlc for type-safe SQL, gRPC, and production testing patterns.
20
+ Expert-level Go development for building high-performance microservices, APIs, and CLI tools. Covers **Go 1.25** features (range-over-func iterators, generic type aliases, weak pointers), structured logging with `slog`, `net/http` with the new ServeMux patterns, Gin/Echo/Fiber frameworks, sqlc for type-safe SQL, gRPC, and production testing patterns.
18
21
 
19
22
  ### Trigger Conditions
20
- - Writing Go 1.23+ / 1.24+ microservices or APIs.
23
+ - Writing Go 1.24+ / 1.25+ microservices or APIs.
21
24
  - Implementing concurrency patterns with goroutines, channels, and `sync` primitives.
22
25
  - Using structured logging with `log/slog`.
23
26
  - Building HTTP servers with `net/http` ServeMux (Go 1.22+) or Gin/Echo/Fiber.
@@ -25,9 +28,9 @@ Expert-level Go development for building high-performance microservices, APIs, a
25
28
  - Implementing gRPC services with protobuf.
26
29
  - Writing Go tests with the standard `testing` package + `testify`.
27
30
 
28
- ### Go 1.24 — Key Features
31
+ ### Go 1.25 — Key Features
29
32
 
30
- #### Range-Over-Func (Go 1.22 → Stable in 1.24)
33
+ #### Range-Over-Func (Go 1.22 → Stable in 1.24/1.25)
31
34
  Range over custom iterators — enables functional-style collection operations:
32
35
  ```go
33
36
  // Define an iterator function
@@ -52,7 +55,7 @@ for n := range Fibonacci() {
52
55
  }
53
56
  ```
54
57
 
55
- #### Generic Type Aliases (Go 1.24)
58
+ #### Generic Type Aliases (Go 1.24/1.25)
56
59
  ```go
57
60
  // Type alias with generic parameters
58
61
  type Set[T comparable] = map[T]struct{}
@@ -62,7 +65,7 @@ type Result[T any] = struct{ Value T; Err error }
62
65
  var s Set[string] = make(map[string]struct{})
63
66
  ```
64
67
 
65
- #### Weak Pointers (Go 1.24)
68
+ #### Weak Pointers (Go 1.24/1.25)
66
69
  ```go
67
70
  import "weak"
68
71
 
@@ -250,24 +253,27 @@ func TestGetUser(t *testing.T) {
250
253
  <a name="bahasa-indonesia"></a>
251
254
  ## Bahasa Indonesia
252
255
 
256
+ ### Integrasi Orkestrasi
257
+ Terhubung dan mengorkestrasi skill domain yang relevan seperti `brainstorming`, `zero-to-prod-orchestrator`, dan `project-context-mapper` untuk memastikan eksekusi yang kohesif.
258
+
253
259
  ### Deskripsi
254
- Panduan Go tingkat ahli untuk membangun microservices, API, dan CLI tool berkinerja tinggi. Mencakup fitur **Go 1.24** (range-over-func, generic type alias, weak pointer), structured logging dengan `slog`, ServeMux `net/http` dengan pola baru (Go 1.22+), framework Gin/Echo/Fiber, sqlc untuk SQL type-safe, gRPC, dan pola pengujian produksi.
260
+ Panduan Go tingkat ahli untuk membangun microservices, API, dan CLI tool berkinerja tinggi. Mencakup fitur **Go 1.25** (range-over-func, generic type alias, weak pointer), structured logging dengan `slog`, ServeMux `net/http` dengan pola baru (Go 1.22+), framework Gin/Echo/Fiber, sqlc untuk SQL type-safe, gRPC, dan pola pengujian produksi.
255
261
 
256
262
  ### Kondisi Pemicu
257
- - Menulis microservices atau API Go 1.23+/1.24+.
263
+ - Menulis microservices atau API Go 1.24+/1.25+.
258
264
  - Mengimplementasikan pola konkurensi dengan goroutine, channel, dan primitif `sync`.
259
265
  - Menggunakan structured logging dengan `log/slog`.
260
266
  - Membangun HTTP server dengan ServeMux `net/http` (Go 1.22+) atau Gin/Echo/Fiber.
261
267
  - Menulis SQL type-safe dengan **sqlc** atau GORM.
262
268
  - Mengimplementasikan layanan gRPC dengan protobuf.
263
269
 
264
- ### Go 1.24 — Fitur Utama
270
+ ### Go 1.25 — Fitur Utama
265
271
 
266
- #### Range-Over-Func (Stabil di 1.24)
267
- Go 1.24 menstabilkan range over iterator function — memungkinkan koleksi gaya fungsional yang idiomatis tanpa mengekspos slice internal.
272
+ #### Range-Over-Func (Stabil di 1.24/1.25)
273
+ Go 1.24/1.25 menstabilkan range over iterator function — memungkinkan koleksi gaya fungsional yang idiomatis tanpa mengekspos slice internal.
268
274
 
269
275
  #### Generic Type Alias
270
- Go 1.24 memungkinkan alias tipe dengan parameter generic, meningkatkan komposibilitas tipe.
276
+ Go 1.24/1.25 memungkinkan alias tipe dengan parameter generic, meningkatkan komposibilitas tipe.
271
277
 
272
278
  #### Weak Pointer
273
279
  `weak.Make()` membuat pointer lemah yang tidak mencegah GC mengumpulkan objek — berguna untuk cache.
@@ -0,0 +1,200 @@
1
+ ---
2
+ name: graph-rag-knowledge-expert
3
+ description: "Expert guide for Knowledge Graphs, GraphRAG, Microsoft GraphRAG, Neo4j Text2Cypher, multi-hop relational retrieval, and hybrid vector-graph search / Panduan ahli Knowledge Graph, GraphRAG, dan pencarian relasional multi-hop."
4
+ author: "Roedy Rustam"
5
+ ---
6
+
7
+ # GraphRAG & Knowledge Graph Expert (2026 Edition)
8
+
9
+ [English](#english) | [Bahasa Indonesia](#bahasa-indonesia)
10
+
11
+ ---
12
+
13
+ <a name="english"></a>
14
+ ## English
15
+
16
+ ### Description
17
+ Expert guide for implementing Knowledge Graph-augmented Retrieval (GraphRAG), solving the fatal weaknesses of vector search: multi-hop reasoning, relationship discovery, and global corpus understanding. Covers Microsoft GraphRAG, Neo4j Text2Cypher, FalkorDB, and hybrid Vector + Graph retrieval pipelines.
18
+
19
+ ### Trigger Conditions
20
+ - Complex multi-hop queries where entities are linked through multiple intermediate nodes.
21
+ - High hallucination rate using standard vector RAG on interconnected data.
22
+ - Global corpus queries requiring domain-wide thematic summarization across thousands of documents.
23
+ - Enterprise knowledge bases containing explicitly structured relational entities (e.g., organizations, code dependencies, regulatory rules).
24
+
25
+ ---
26
+
27
+ ## 1. Why GraphRAG Over Pure Vector Search?
28
+
29
+ | Capability | Pure Vector Search (RAG) | GraphRAG (Graph + Vector) |
30
+ | :--- | :--- | :--- |
31
+ | **Direct Similarity ("What is X?")** | 🟢 Fast, accurate | 🟢 High accuracy |
32
+ | **Multi-Hop Traversal ("How does X affect Z via Y?")** | 🔴 Blind (returns fragmented chunks) | 🟢 Explores interconnected graph edges |
33
+ | **Global Corpus Query ("What are the main themes across all documents?")** | 🔴 Fails (limited to Top-K chunks) | 🟢 Hierarchical Community Summaries |
34
+ | **Hallucination Rate on Complex Queries** | 🔴 Moderate to High (context stitching) | 🟢 Grounded in explicit knowledge edges |
35
+
36
+ ---
37
+
38
+ ## 2. Production Recipe: Text2Cypher Knowledge Graph Querying (TypeScript)
39
+
40
+ Using Neo4j with deterministic schema introspection, preventing arbitrary syntax hallucinations.
41
+
42
+ ```typescript
43
+ // text2cypher.ts - Safe Neo4j Query Generation & Execution
44
+ import neo4j, { Driver } from 'neo4j-driver';
45
+ import { generateText } from 'ai';
46
+ import { openai } from '@ai-sdk/openai';
47
+
48
+ export class GraphRAGService {
49
+ private driver: Driver;
50
+
51
+ constructor(uri: string, user: string, pass: string) {
52
+ this.driver = neo4j.driver(uri, neo4j.auth.basic(user, pass));
53
+ }
54
+
55
+ // 1. Fetch live Graph Schema to ground the LLM
56
+ private async getGraphSchema(): Promise<string> {
57
+ const session = this.driver.session();
58
+ try {
59
+ const result = await session.run(`
60
+ CALL apoc.meta.schema() YIELD value
61
+ RETURN value
62
+ `);
63
+ return JSON.stringify(result.records[0]?.get('value') || {});
64
+ } finally {
65
+ await session.close();
66
+ }
67
+ }
68
+
69
+ // 2. Synthesize strict read-only Cypher query
70
+ public async queryGraph(userQuestion: string): Promise<any[]> {
71
+ const schema = await this.getGraphSchema();
72
+
73
+ const { text: cypherQuery } = await generateText({
74
+ model: openai('gpt-4o-mini'),
75
+ system: `
76
+ You are an expert Neo4j Cypher generator.
77
+ Generate ONLY valid, read-only CYPHER queries based on this schema:
78
+ ${schema}
79
+
80
+ Rules:
81
+ - Never generate CREATE, MERGE, DELETE, or SET statements.
82
+ - Always use parameterization where appropriate.
83
+ - Output ONLY the raw Cypher query, without markdown or backticks.
84
+ `,
85
+ prompt: `Translate this question into Cypher: ${userQuestion}`,
86
+ });
87
+
88
+ const sanitizedCypher = cypherQuery.trim().replace(/^```cypher|```$/g, '');
89
+
90
+ // 3. Execute with read-only transaction
91
+ const session = this.driver.session({ defaultAccessMode: neo4j.session.READ });
92
+ try {
93
+ const res = await session.run(sanitizedCypher);
94
+ return res.records.map((r) => r.toObject());
95
+ } finally {
96
+ await session.close();
97
+ }
98
+ }
99
+
100
+ public async close(): Promise<void> {
101
+ await this.driver.close();
102
+ }
103
+ }
104
+ ```
105
+
106
+ ---
107
+
108
+ ## 3. Production Recipe: Entity & Relation Extraction (Python)
109
+
110
+ ```python
111
+ # graph_extractor.py - Structured Entity & Relation Extraction
112
+ from typing import List
113
+ from pydantic import BaseModel, Field
114
+ import instructor
115
+ from openai import OpenAI
116
+
117
+ client = instructor.from_openai(OpenAI())
118
+
119
+ class Entity(BaseModel):
120
+ name: str = Field(description="Normalized entity name, uppercase")
121
+ type: str = Field(description="ORGANIZATION, PERSON, TECHNOLOGY, CONCEPT, LOCATION")
122
+ description: str = Field(description="Summary of entity role")
123
+
124
+ class Relationship(BaseModel):
125
+ source_entity: str
126
+ target_entity: str
127
+ relation_type: str = Field(description="USES, DEVELOPS, OWNS, LOCATED_IN, DEPENDS_ON")
128
+ weight: float = Field(default=1.0, ge=0.0, le=1.0)
129
+ description: str
130
+
131
+ class KnowledgeGraph(BaseModel):
132
+ entities: List[Entity]
133
+ relationships: List[Relationship]
134
+
135
+ def extract_knowledge_graph(document_text: str) -> KnowledgeGraph:
136
+ """Extracts entities and relationships from raw text into structured schema."""
137
+ return client.chat.completions.create(
138
+ model="gpt-4o-mini",
139
+ response_model=KnowledgeGraph,
140
+ messages=[
141
+ {
142
+ "role": "system",
143
+ "content": (
144
+ "Extract all named entities and factual relationships between them. "
145
+ "Ensure entity names are canonicalized and relationships are directed."
146
+ ),
147
+ },
148
+ {"role": "user", "content": document_text},
149
+ ],
150
+ temperature=0.0,
151
+ )
152
+ ```
153
+
154
+ ---
155
+
156
+ ## 4. Microsoft GraphRAG: Hierarchical Communities
157
+
158
+ For high-level summaries ("Summarize all technical debts reported across the system"):
159
+ 1. **Extraction**: Chunk documents ➔ Extract Entities & Relationships.
160
+ 2. **Clustering**: Apply **Leiden Algorithm** to detect hierarchical communities (Level 0: Micro, Level 1: Sub-domain, Level 2: Macro domain).
161
+ 3. **Summarization**: LLM generates pre-computed summaries for each community cluster.
162
+ 4. **Global Search**: Query runs across pre-computed community summaries in parallel, eliminating the need to read millions of tokens at inference time.
163
+
164
+ ---
165
+
166
+ ## Orchestration & Integration
167
+
168
+ - **`vector-db-rag-expert`**: For hybrid dense-vector similarity search combined with graph path discovery.
169
+ - **`database-orm-expert`**: For maintaining transactional relational mappings alongside graph stores.
170
+ - **`ai-llm-integration-expert`**: Connects reasoning models to multi-hop graph context.
171
+ - **`search-engine-expert`**: For keyword lexical indexing of graph node attributes.
172
+
173
+ ---
174
+
175
+ <a name="bahasa-indonesia"></a>
176
+ ## Bahasa Indonesia
177
+
178
+ ### Deskripsi
179
+ Panduan ahli untuk mengimplementasikan Knowledge Graph-augmented Retrieval (GraphRAG) guna mengatasi kelemahan mendasar vector search murni: pemikiran multi-hop, penemuan relasi entitas tersembunyi, dan pemahaman korpus global. Mencakup Microsoft GraphRAG, Neo4j Text2Cypher, FalkorDB, dan pipeline pencarian hibrida Vector + Graph.
180
+
181
+ ### Kondisi Pemicu
182
+ - Kueri kompleks multi-hop di mana entitas saling terhubung melalui beberapa simpul perantara.
183
+ - Tingkat halusinasi tinggi saat menggunakan RAG vektor standar pada data relasional yang rumit.
184
+ - Kueri korpus global yang membutuhkan ringkasan tematik menyeluruh di ribuan dokumen.
185
+ - Knowledge base enterprise dengan entitas terstruktur eksplisit (organisasi, dependensi kode, regulasi).
186
+
187
+ ### Ringkasan Strategi GraphRAG
188
+ 1. **Mengapa GraphRAG?**: Pencarian vektor murni buta terhadap lintasan relasi multi-hop. GraphRAG menautkan entitas melalui edge terarah sehingga model dapat menavigasi dependensi secara deterministik.
189
+ 2. **Text2Cypher yang Aman**: Menghasilkan kueri Cypher Neo4j read-only berdasarkan schema meta yang diinjeksi secara ketat tanpa izin write (`CREATE`, `MERGE`, `DELETE`).
190
+ 3. **Ekstraksi Terstruktur**: Menggunakan Pydantic / Instructor untuk mengekstrak entitas dan relasi berkualifikasi tipe tinggi langsung dari teks bebas.
191
+ 4. **Komunitas Hirarkis (Microsoft GraphRAG)**: Algoritma Leiden untuk mengelompokkan simpul menjadi komunitas mikro hingga makro, memungkinkan kueri global tanpa membaca jutaan token saat inferensi.
192
+
193
+ ---
194
+
195
+ ## Integrasi Orkestrasi
196
+
197
+ - **`vector-db-rag-expert`**: Untuk pencarian kesamaan vektor padat hibrida yang digabungkan dengan traversal graf.
198
+ - **`database-orm-expert`**: Untuk pemetaan data transaksional relasional bersama penyimpanan graf.
199
+ - **`ai-llm-integration-expert`**: Menghubungkan model penalaran ke konteks graf multi-hop.
200
+ - **`search-engine-expert`**: Pengindeksan leksikal kata kunci untuk atribut simpul graf.