vibes-plug 2.11.0 → 3.9.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 (181) hide show
  1. package/.claude/rules/vibes-plug-core.md +5 -0
  2. package/.cursor/rules/vibes-plug-core.mdc +8 -3
  3. package/.cursorrules +9 -3
  4. package/AGENTS.md +25 -4
  5. package/CHANGELOG.md +151 -0
  6. package/CLAUDE.md +15 -8
  7. package/README.md +216 -641
  8. package/bin/vibes.mjs +1104 -0
  9. package/index.js +1 -1
  10. package/package.json +11 -3
  11. package/plugin.json +4 -3
  12. package/scripts/check-anti-slop.js +53 -0
  13. package/scripts/check-anti-slop.mjs +53 -0
  14. package/scripts/generate_swarm_gif.py +2 -2
  15. package/scripts/install.js +3 -1
  16. package/scripts/update_skills.js +1 -1
  17. package/scripts/update_skills.mjs +86 -0
  18. package/scripts/validate-skills.mjs +111 -0
  19. package/skills/accessibility-testing-expert/SKILL.md +117 -116
  20. package/skills/affective-computing-emotion-ai/SKILL.md +83 -0
  21. package/skills/agentic-coding-workflow-expert/SKILL.md +297 -0
  22. package/skills/agentic-memory-architect/SKILL.md +52 -0
  23. package/skills/agentic-micro-economy-architect/SKILL.md +92 -0
  24. package/skills/ai-llm-integration-expert/SKILL.md +330 -187
  25. package/skills/ai-media-generation-expert/SKILL.md +173 -172
  26. package/skills/ai-prompt-engineering-expert/SKILL.md +170 -50
  27. package/skills/ai-safety-governance-expert/SKILL.md +223 -0
  28. package/skills/angular-expert/SKILL.md +149 -148
  29. package/skills/anti-slop/SKILL.md +134 -0
  30. package/skills/api-design-expert/SKILL.md +4 -3
  31. package/skills/api-gateway-proxy-expert/SKILL.md +3 -2
  32. package/skills/app-analyzer-optimizer/SKILL.md +4 -3
  33. package/skills/apple-ecosystem-expert/SKILL.md +6 -5
  34. package/skills/astro-framework-expert/SKILL.md +201 -200
  35. package/skills/async-queue-temporal-expert/SKILL.md +218 -240
  36. package/skills/authentication-identity-expert/SKILL.md +79 -184
  37. package/skills/autonomous-red-teamer/SKILL.md +338 -203
  38. package/skills/autonomous-tdd-debugger/SKILL.md +6 -5
  39. package/skills/biome-linter-formatter-expert/SKILL.md +90 -89
  40. package/skills/blockchain-web3-expert/SKILL.md +116 -115
  41. package/skills/brainstorming/SKILL.md +392 -377
  42. package/skills/browser-automation-expert/SKILL.md +260 -222
  43. package/skills/bun-runtime-expert/SKILL.md +5 -4
  44. package/skills/chatbot-messaging-expert/SKILL.md +115 -114
  45. package/skills/ci-cd-devops-architect/SKILL.md +3 -2
  46. package/skills/cloud-hosting-expert/SKILL.md +5 -4
  47. package/skills/coderabbit/SKILL.md +5 -4
  48. package/skills/compliance-gdpr-privacy-expert/SKILL.md +3 -2
  49. package/skills/composable-mach-architect/SKILL.md +338 -0
  50. package/skills/cron-scheduler-expert/SKILL.md +5 -4
  51. package/skills/data-pipeline-etl-expert/SKILL.md +3 -2
  52. package/skills/data-telemetry-expert/SKILL.md +5 -4
  53. package/skills/data-visualization-expert/SKILL.md +155 -154
  54. package/skills/database-orm-expert/SKILL.md +102 -240
  55. package/skills/deep-research-analyst/SKILL.md +182 -0
  56. package/skills/dependency-upgrade-migrator/SKILL.md +11 -10
  57. package/skills/design-system-architect/SKILL.md +34 -3
  58. package/skills/desktop-electron-expert/SKILL.md +129 -128
  59. package/skills/documentation-site-expert/SKILL.md +60 -59
  60. package/skills/doku-mcp-server/SKILL.md +5 -4
  61. package/skills/doku-payment-gateway/SKILL.md +250 -232
  62. package/skills/domain-driven-design-expert/SKILL.md +3 -2
  63. package/skills/e2e-testing-expert/SKILL.md +5 -4
  64. package/skills/ecommerce-expert/SKILL.md +88 -87
  65. package/skills/email-notification-expert/SKILL.md +35 -7
  66. package/skills/ephemeral-generative-ui-architect/SKILL.md +88 -0
  67. package/skills/error-resilience-expert/SKILL.md +26 -4
  68. package/skills/event-driven-architect/SKILL.md +5 -4
  69. package/skills/feature-flag-analytics-expert/SKILL.md +3 -2
  70. package/skills/file-upload-media-expert/SKILL.md +5 -4
  71. package/skills/firebase-security-expert/SKILL.md +5 -4
  72. package/skills/form-validation-expert/SKILL.md +7 -6
  73. package/skills/frontier-ai-models-expert/SKILL.md +116 -0
  74. package/skills/fullstack-expert/SKILL.md +68 -144
  75. package/skills/gemini-agent-booster/SKILL.md +248 -172
  76. package/skills/geospatial-maps-expert/SKILL.md +81 -80
  77. package/skills/global-a11y-i18n-expert/SKILL.md +5 -4
  78. package/skills/glsl-shader-expert/SKILL.md +155 -71
  79. package/skills/go-programming-expert/SKILL.md +5 -4
  80. package/skills/graph-rag-knowledge-expert/SKILL.md +201 -159
  81. package/skills/graphql-apollo-expert/SKILL.md +5 -4
  82. package/skills/headless-cms-expert/SKILL.md +182 -181
  83. package/skills/hig/SKILL.md +5 -4
  84. package/skills/js-backend-expert/SKILL.md +219 -218
  85. package/skills/legacy-code-translator/SKILL.md +6 -5
  86. package/skills/llm-finops-router/SKILL.md +52 -0
  87. package/skills/local-slm-edge-ai-expert/SKILL.md +168 -167
  88. package/skills/logging-error-tracking-expert/SKILL.md +5 -4
  89. package/skills/mcp-server-architect/SKILL.md +316 -294
  90. package/skills/micro-frontend-architect/SKILL.md +5 -4
  91. package/skills/mobile-expo-expert/SKILL.md +5 -4
  92. package/skills/modern-css-native-expert/SKILL.md +190 -189
  93. package/skills/monorepo-architect/SKILL.md +5 -4
  94. package/skills/mpa-orchestrator/SKILL.md +41 -4
  95. package/skills/multi-agent-orchestration/SKILL.md +388 -254
  96. package/skills/mvc-expert/SKILL.md +5 -4
  97. package/skills/n8n-automation-expert/SKILL.md +90 -89
  98. package/skills/nextjs-app-router-expert/SKILL.md +3 -2
  99. package/skills/openapi-swagger-codegen-expert/SKILL.md +4 -3
  100. package/skills/payment-gateway-expert/SKILL.md +131 -128
  101. package/skills/pdf-document-generation-expert/SKILL.md +92 -91
  102. package/skills/performance-web-vitals/SKILL.md +5 -4
  103. package/skills/post-quantum-crypto-migrator/SKILL.md +3 -2
  104. package/skills/prd-architect/SKILL.md +85 -109
  105. package/skills/proactive-background-watcher/SKILL.md +5 -4
  106. package/skills/production-ready-hardener/SKILL.md +25 -27
  107. package/skills/pwa-offline-first-expert/SKILL.md +227 -185
  108. package/skills/pydantic-ai-expert/SKILL.md +162 -0
  109. package/skills/python-programming-expert/SKILL.md +5 -4
  110. package/skills/rate-limit-abuse-prevention/SKILL.md +5 -4
  111. package/skills/realtime-collaboration-expert/SKILL.md +3 -2
  112. package/skills/rich-text-editor-expert/SKILL.md +178 -177
  113. package/skills/rust-programming-expert/SKILL.md +5 -4
  114. package/skills/saas-architect/SKILL.md +155 -0
  115. package/skills/saas-billing/SKILL.md +394 -382
  116. package/skills/saas-multi-tenant/SKILL.md +7 -6
  117. package/skills/scalability-clean-code/SKILL.md +5 -4
  118. package/skills/search-engine-expert/SKILL.md +90 -89
  119. package/skills/self-healing-cloud-orchestrator/SKILL.md +3 -2
  120. package/skills/senior-frontend/SKILL.md +21 -18
  121. package/skills/senior-frontend/scripts/frontend_scaffolder.py +1 -1
  122. package/skills/seo/SKILL.md +4 -4
  123. package/skills/session-memory-manager/SKILL.md +129 -0
  124. package/skills/solidjs-expert/SKILL.md +81 -80
  125. package/skills/spa-orchestrator/SKILL.md +5 -4
  126. package/skills/sse-websocket-streaming-expert/SKILL.md +3 -2
  127. package/skills/state-management-expert/SKILL.md +5 -4
  128. package/skills/supabase-security-expert/SKILL.md +5 -4
  129. package/skills/svelte-sveltekit-expert/SKILL.md +92 -91
  130. package/skills/svg-animation-motion-expert/SKILL.md +3 -2
  131. package/skills/synthetic-data-finetuning-expert/SKILL.md +156 -0
  132. package/skills/tailwind-expert/SKILL.md +62 -5
  133. package/skills/tanstack-query-expert/SKILL.md +5 -4
  134. package/skills/tauri-expert/SKILL.md +5 -4
  135. package/skills/typescript-expert/SKILL.md +5 -4
  136. package/skills/ui-ux-pro-max/SKILL.md +7 -4
  137. package/skills/vector-db-rag-expert/SKILL.md +209 -208
  138. package/skills/vercel-ai-sdk-expert/SKILL.md +226 -0
  139. package/skills/voice-ai-realtime-agent/SKILL.md +243 -202
  140. package/skills/vue-frontend-expert/SKILL.md +5 -4
  141. package/skills/wasm-edge-computing-expert/SKILL.md +3 -2
  142. package/skills/web-3d-graphics-expert/SKILL.md +259 -82
  143. package/skills/web-game-engine-expert/SKILL.md +278 -50
  144. package/skills/web-scraper/SKILL.md +158 -157
  145. package/skills/website-design-cloner/SKILL.md +5 -4
  146. package/skills/webxr-ar-vr-expert/SKILL.md +105 -65
  147. package/skills/wordpress-headless-expert/SKILL.md +145 -144
  148. package/skills/zero-tech-debt-auditor/SKILL.md +115 -0
  149. package/skills/zero-to-prod-orchestrator/SKILL.md +281 -227
  150. package/skills/zero-trust-secret-vault/SKILL.md +3 -2
  151. package/BLUEPRINT.md +0 -309
  152. package/skills/ai-cost-token-optimizer/SKILL.md +0 -82
  153. package/skills/ai-evals-benchmark-expert/SKILL.md +0 -188
  154. package/skills/asisten-ramah/SKILL.md +0 -47
  155. package/skills/auto-doc-updater/SKILL.md +0 -220
  156. package/skills/autonomous-chaos-monkey/SKILL.md +0 -63
  157. package/skills/background-jobs-queue-expert/SKILL.md +0 -235
  158. package/skills/bootstrap-to-modern/SKILL.md +0 -94
  159. package/skills/database-migration-versioning-expert/SKILL.md +0 -90
  160. package/skills/edge-serverless-db-expert/SKILL.md +0 -99
  161. package/skills/mcp-client-orchestrator/SKILL.md +0 -76
  162. package/skills/mobile-push-notification-expert/SKILL.md +0 -71
  163. package/skills/monday-design-aesthetic/SKILL.md +0 -73
  164. package/skills/multiple-entry-points/SKILL.md +0 -91
  165. package/skills/project-context-mapper/SKILL.md +0 -85
  166. package/skills/saas-mvp-launcher/SKILL.md +0 -260
  167. package/skills/saas-transformer/SKILL.md +0 -500
  168. package/skills/saas-transformer/references/billing_integration_guide.md +0 -401
  169. package/skills/secure-fuzz-testing/SKILL.md +0 -207
  170. package/skills/self-evolving-memory-graph/SKILL.md +0 -91
  171. package/skills/session-context-loader/SKILL.md +0 -83
  172. package/skills/session-handoff-resume/SKILL.md +0 -164
  173. package/skills/skill-baru/SKILL.md +0 -178
  174. package/skills/supabase-migration/SKILL.md +0 -91
  175. package/skills/token-saver/SKILL.md +0 -119
  176. package/skills/ui-components-expert/SKILL.md +0 -166
  177. package/skills/vibe-code-gardener/SKILL.md +0 -181
  178. package/skills/visual-qa-vision-agent/SKILL.md +0 -71
  179. /package/skills/{saas-transformer → saas-architect}/references/feature_gating_patterns.md +0 -0
  180. /package/skills/{saas-transformer → saas-architect}/references/saas_transformation_checklist.md +0 -0
  181. /package/skills/{saas-transformer → saas-architect}/scripts/saas_transformation_scanner.py +0 -0
@@ -1,80 +1,81 @@
1
- ---
2
- name: solidjs-expert
3
- description: "Expert guide for SolidJS 2 and SolidStart — fine-grained reactivity, signals, createResource, and server-first rendering / Panduan ahli SolidJS 2 dan SolidStart — reaktivitas fine-grained, signals, createResource, dan rendering server-first."
4
- author: "Roedy Rustam"
5
- ---
6
-
7
- # SolidJS Expert (2026 Edition)
8
-
9
- [English](#english) | [Bahasa Indonesia](#bahasa-indonesia)
10
-
11
- ---
12
-
13
- <a name="english"></a>
14
- ## English
15
-
16
- ### Orchestration & Integration
17
- - **`performance-web-vitals`**: SolidJS's top-tier runtime performance.
18
- - **`tailwind-expert`**: Tailwind CSS integration with SolidJS.
19
- - **`state-management-expert`**: Solid signals vs other state management patterns.
20
- - **`typescript-expert`**: Type-safe SolidJS components.
21
-
22
- ### Description
23
- Expert guide for SolidJS 2 and SolidStart, the fine-grained reactive framework with near-zero overhead. Covers signals (`createSignal`), derived state (`createMemo`), effects (`createEffect`), resources (`createResource`), stores, context, SolidStart routing, server functions, and migration patterns from React.
24
-
25
- ### Trigger Conditions
26
- - Building applications with SolidJS or SolidStart.
27
- - Choosing SolidJS for performance-critical interactive UIs.
28
- - Comparing SolidJS vs React for a new project.
29
- - Understanding fine-grained reactivity patterns.
30
-
31
- ---
32
-
33
- ### SolidJS Core
34
-
35
- ```tsx
36
- import { createSignal, createMemo, createEffect, createResource, For, Show } from 'solid-js';
37
-
38
- function TodoApp() {
39
- const [todos, setTodos] = createSignal<{ id: number; text: string; done: boolean }[]>([]);
40
- const [filter, setFilter] = createSignal<'all' | 'active' | 'done'>('all');
41
-
42
- const filtered = createMemo(() => {
43
- const f = filter();
44
- return f === 'all' ? todos() : todos().filter((t) => (f === 'done' ? t.done : !t.done));
45
- });
46
-
47
- const remaining = createMemo(() => todos().filter((t) => !t.done).length);
48
-
49
- createEffect(() => {
50
- document.title = `${remaining()} todos remaining`;
51
- });
52
-
53
- return (
54
- <div>
55
- <h1>Todos ({remaining()} remaining)</h1>
56
- <For each={filtered()}>
57
- {(todo) => <div classList={{ done: todo.done }}>{todo.text}</div>}
58
- </For>
59
- <Show when={todos().length > 0} fallback={<p>No todos yet!</p>}>
60
- <button onClick={() => setTodos([])}>Clear All</button>
61
- </Show>
62
- </div>
63
- );
64
- }
65
- ```
66
-
67
- ## Orchestration & Integration
68
- - `performance-web-vitals`, `tailwind-expert`, `typescript-expert`
69
-
70
- ---
71
-
72
- <a name="bahasa-indonesia"></a>
73
- ## Bahasa Indonesia
74
-
75
- ### Deskripsi
76
- Panduan ahli SolidJS 2 dan SolidStart, framework reaktif fine-grained dengan overhead hampir nol. Mencakup signals, derived state, effects, resources, stores, dan routing SolidStart.
77
-
78
- ### Kondisi Pemicu
79
- - Membangun aplikasi dengan SolidJS atau SolidStart.
80
- - Memilih SolidJS untuk UI interaktif yang kritis performa.
1
+ ---
2
+ name: solidjs-expert
3
+ description: "Expert guide for SolidJS 2 and SolidStart — fine-grained reactivity, signals, createResource, and server-first rendering / Panduan ahli SolidJS 2 dan SolidStart — reaktivitas fine-grained, signals, createResource, dan rendering server-first."
4
+ author: "Roedy Rustam"
5
+ version: "3.0.0"
6
+ ---
7
+
8
+ # SolidJS Expert (2026 Edition)
9
+
10
+ [English](#english) | [Bahasa Indonesia](#bahasa-indonesia)
11
+
12
+ ---
13
+
14
+ <a name="english"></a>
15
+ ## English
16
+
17
+ ### Orchestration & Integration
18
+ - **`performance-web-vitals`**: SolidJS's top-tier runtime performance.
19
+ - **`tailwind-expert`**: Tailwind CSS integration with SolidJS.
20
+ - **`state-management-expert`**: Solid signals vs other state management patterns.
21
+ - **`typescript-expert`**: Type-safe SolidJS components.
22
+
23
+ ### Description
24
+ Expert guide for SolidJS 2 and SolidStart, the fine-grained reactive framework with near-zero overhead. Covers signals (`createSignal`), derived state (`createMemo`), effects (`createEffect`), resources (`createResource`), stores, context, SolidStart routing, server functions, and migration patterns from React.
25
+
26
+ ### Trigger Conditions
27
+ - Building applications with SolidJS or SolidStart.
28
+ - Choosing SolidJS for performance-critical interactive UIs.
29
+ - Comparing SolidJS vs React for a new project.
30
+ - Understanding fine-grained reactivity patterns.
31
+
32
+ ---
33
+
34
+ ### SolidJS Core
35
+
36
+ ```tsx
37
+ import { createSignal, createMemo, createEffect, createResource, For, Show } from 'solid-js';
38
+
39
+ function TodoApp() {
40
+ const [todos, setTodos] = createSignal<{ id: number; text: string; done: boolean }[]>([]);
41
+ const [filter, setFilter] = createSignal<'all' | 'active' | 'done'>('all');
42
+
43
+ const filtered = createMemo(() => {
44
+ const f = filter();
45
+ return f === 'all' ? todos() : todos().filter((t) => (f === 'done' ? t.done : !t.done));
46
+ });
47
+
48
+ const remaining = createMemo(() => todos().filter((t) => !t.done).length);
49
+
50
+ createEffect(() => {
51
+ document.title = `${remaining()} todos remaining`;
52
+ });
53
+
54
+ return (
55
+ <div>
56
+ <h1>Todos ({remaining()} remaining)</h1>
57
+ <For each={filtered()}>
58
+ {(todo) => <div classList={{ done: todo.done }}>{todo.text}</div>}
59
+ </For>
60
+ <Show when={todos().length > 0} fallback={<p>No todos yet!</p>}>
61
+ <button onClick={() => setTodos([])}>Clear All</button>
62
+ </Show>
63
+ </div>
64
+ );
65
+ }
66
+ ```
67
+
68
+ ## Orchestration & Integration
69
+ - `performance-web-vitals`, `tailwind-expert`, `typescript-expert`
70
+
71
+ ---
72
+
73
+ <a name="bahasa-indonesia"></a>
74
+ ## Bahasa Indonesia
75
+
76
+ ### Deskripsi
77
+ Panduan ahli SolidJS 2 dan SolidStart, framework reaktif fine-grained dengan overhead hampir nol. Mencakup signals, derived state, effects, resources, stores, dan routing SolidStart.
78
+
79
+ ### Kondisi Pemicu
80
+ - Membangun aplikasi dengan SolidJS atau SolidStart.
81
+ - Memilih SolidJS untuk UI interaktif yang kritis performa.
@@ -1,7 +1,8 @@
1
1
  ---
2
2
  name: spa-orchestrator
3
3
  description: "Orchestrates Single-Page Application (SPA) architecture, integrating frontend state management with API-driven backends / Mengorkestrasi arsitektur Single-Page Application (SPA), mengintegrasikan state management frontend dengan backend berbasis API."
4
- author: "Roedy Rustam"
4
+ author: "Roedy Rustam"
5
+ version: "3.0.0"
5
6
  ---
6
7
 
7
8
  # Single-Page Application (SPA) Orchestrator (2026 Edition)
@@ -14,7 +15,7 @@ author: "Roedy Rustam"
14
15
  ## English
15
16
 
16
17
  ### Orchestration & Integration
17
- Connects and orchestrates with relevant domain skills like `modern-web-guidance`, `brainstorming`, `zero-to-prod-orchestrator`, and `project-context-mapper` to ensure cohesive execution.
18
+ Connects and orchestrates with relevant domain skills like `modern-web-guidance`, `brainstorming`, `zero-to-prod-orchestrator`, and `session-memory-manager` to ensure cohesive execution.
18
19
  - **MANDATORY**: Execute `modern-web-guidance` FIRST for all HTML/CSS and client-side JS tasks to ensure modern web standards.
19
20
 
20
21
  ### Description
@@ -258,7 +259,7 @@ export default defineConfig({
258
259
  ## Bahasa Indonesia
259
260
 
260
261
  ### Integrasi Orkestrasi
261
- Terhubung dan mengorkestrasi skill domain yang relevan seperti `modern-web-guidance`, `brainstorming`, `zero-to-prod-orchestrator`, dan `project-context-mapper` untuk memastikan eksekusi yang kohesif.
262
+ Terhubung dan mengorkestrasi skill domain yang relevan seperti `modern-web-guidance`, `brainstorming`, `zero-to-prod-orchestrator`, dan `session-memory-manager` untuk memastikan eksekusi yang kohesif.
262
263
  - **MANDATORY**: Eksekusi `modern-web-guidance` PERTAMA KALI untuk semua tugas HTML/CSS dan JS sisi klien guna memastikan standar web modern.
263
264
 
264
265
  ### Deskripsi
@@ -304,4 +305,4 @@ Gunakan plugin `TanStackRouterVite` untuk auto-generate route tree. Konfigurasi
304
305
  4. **Terms of Reference / Terms of Service** (`/terms`)
305
306
  5. **Privacy Policy** (`/privacy-policy`)
306
307
 
307
- These pages must be generated with standard boilerplate content that can later be customized to fit the specific application. Do not wait for the user to ask for them; they are a strict requirement for all web projects. / **WAJIB**: Otomatis buatkan halaman standar (About, Profile, Contact, Terms, Privacy Policy) pada setiap pembuatan aplikasi/website baru dengan konten boilerplate yang bisa disesuaikan nanti.
308
+ These pages must be generated with standard boilerplate content that can later be customized to fit the specific application. Do not wait for the user to ask for them; they are a strict requirement for all web projects. / **WAJIB**: Otomatis buatkan halaman standar (About, Profile, Contact, Terms, Privacy Policy) pada setiap pembuatan aplikasi/website baru dengan konten boilerplate yang bisa disesuaikan nanti.
@@ -1,7 +1,8 @@
1
1
  ---
2
2
  name: sse-websocket-streaming-expert
3
3
  description: "Expert guide for Server-Sent Events (SSE), WebSockets, and Streaming Architectures. Covers real-time data push, Socket.IO, Hono WebSocket, and AI response streaming / Panduan ahli streaming real-time."
4
- author: "Roedy Rustam"
4
+ author: "Roedy Rustam"
5
+ version: "3.0.0"
5
6
  ---
6
7
 
7
8
  # SSE, WebSocket & Streaming Expert
@@ -90,4 +91,4 @@ Saat aplikasi diskalakan ke beberapa server (horizontal scaling), pengguna yang
90
91
  ## Integrasi Orkestrasi
91
92
  - Melengkapi `js-backend-expert` atau `go-programming-expert` dengan kemampuan push real-time.
92
93
  - Sangat penting bagi `gemini-agent-booster` saat membangun antarmuka chat AI.
93
- - Terintegrasi dengan `api-gateway-proxy-expert` (pastikan NGINX/proxy tidak melakukan *buffering* pada koneksi streaming).
94
+ - Terintegrasi dengan `api-gateway-proxy-expert` (pastikan NGINX/proxy tidak melakukan *buffering* pada koneksi streaming).
@@ -1,7 +1,8 @@
1
1
  ---
2
2
  name: state-management-expert
3
3
  description: "Expert guide for modern client-side state management: Zustand, Jotai, Valtio, TanStack Store, Redux Toolkit, and server state patterns with TanStack Query / Panduan ahli untuk manajemen state client-side modern: Zustand, Jotai, Valtio, TanStack Store, Redux Toolkit, dan pola server state dengan TanStack Query."
4
- author: "Roedy Rustam"
4
+ author: "Roedy Rustam"
5
+ version: "3.0.0"
5
6
  ---
6
7
 
7
8
  # State Management Expert (Modern React Edition)
@@ -14,7 +15,7 @@ author: "Roedy Rustam"
14
15
  ## English
15
16
 
16
17
  ### 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
+ Connects and orchestrates with relevant domain skills like `brainstorming`, `zero-to-prod-orchestrator`, and `session-memory-manager` to ensure cohesive execution.
18
19
 
19
20
  ### Description
20
21
  Expert guide for selecting and implementing the right state management solution for React and Next.js applications. Covers **Zustand 5**, **Jotai 2**, **Valtio**, **TanStack Store**, and **Redux Toolkit 2**, with clear guidance on when to use each, proper separation of server state (TanStack Query) from client state, and advanced patterns like slices, persistence, and devtools integration.
@@ -255,7 +256,7 @@ export function StoreProvider({ children, initialUser }: Props) {
255
256
  ## Bahasa Indonesia
256
257
 
257
258
  ### Integrasi Orkestrasi
258
- Terhubung dan mengorkestrasi skill domain yang relevan seperti `brainstorming`, `zero-to-prod-orchestrator`, dan `project-context-mapper` untuk memastikan eksekusi yang kohesif.
259
+ Terhubung dan mengorkestrasi skill domain yang relevan seperti `brainstorming`, `zero-to-prod-orchestrator`, dan `session-memory-manager` untuk memastikan eksekusi yang kohesif.
259
260
 
260
261
  ### Deskripsi
261
262
  Panduan ahli untuk memilih dan mengimplementasikan solusi manajemen state yang tepat untuk aplikasi React dan Next.js. Mencakup **Zustand 5**, **Jotai 2**, **Valtio**, dan **Redux Toolkit 2**, dengan panduan pemilihan yang jelas, pemisahan server state (TanStack Query) dari client state, dan pola lanjutan seperti slices, persistensi, dan integrasi devtools.
@@ -275,4 +276,4 @@ Panduan ahli untuk memilih dan mengimplementasikan solusi manajemen state yang t
275
276
  - **Gunakan Jotai** untuk state atomik yang sangat granular dan reaktif.
276
277
  - **Hindari menyimpan data server di client state** — ini adalah sumber bug terbesar di aplikasi React.
277
278
  - **Selective subscription**: Selalu gunakan selector untuk menghindari re-render yang tidak perlu.
278
- - **DevTools**: Selalu integrasikan devtools di development untuk debugging yang efektif.
279
+ - **DevTools**: Selalu integrasikan devtools di development untuk debugging yang efektif.
@@ -1,7 +1,8 @@
1
1
  ---
2
2
  name: supabase-security-expert
3
3
  description: "Supabase security expert to audit RLS (Row Level Security), RBAC, relational databases, prevent data leakage, and utilize Supabase Linter / Ahli keamanan Supabase untuk audit RLS (Row Level Security), RBAC, database relasional, pencegahan kebocoran data, dan pemanfaatan Supabase Linter."
4
- author: "Roedy Rustam"
4
+ author: "Roedy Rustam"
5
+ version: "3.0.0"
5
6
  ---
6
7
 
7
8
  # Supabase Security Expert (2026 Edition — Auth v3 / PKCE)
@@ -14,7 +15,7 @@ author: "Roedy Rustam"
14
15
  ## English
15
16
 
16
17
  ### 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
+ Connects and orchestrates with relevant domain skills like `brainstorming`, `zero-to-prod-orchestrator`, and `session-memory-manager` to ensure cohesive execution.
18
19
 
19
20
  ### Description
20
21
  Expert guide for auditing and hardening Supabase applications. Covers Row Level Security (RLS), Supabase Auth v3 (PKCE flow), API key hygiene, data leakage prevention, Supabase Linter, and production security checklists.
@@ -203,7 +204,7 @@ USING (bucket_id = 'user-uploads' AND auth.uid()::text = (storage.foldername(nam
203
204
  ## Bahasa Indonesia
204
205
 
205
206
  ### Integrasi Orkestrasi
206
- Terhubung dan mengorkestrasi skill domain yang relevan seperti `brainstorming`, `zero-to-prod-orchestrator`, dan `project-context-mapper` untuk memastikan eksekusi yang kohesif.
207
+ Terhubung dan mengorkestrasi skill domain yang relevan seperti `brainstorming`, `zero-to-prod-orchestrator`, dan `session-memory-manager` untuk memastikan eksekusi yang kohesif.
207
208
 
208
209
  ### Deskripsi
209
210
  Panduan ahli untuk mengaudit dan mengeraskan aplikasi Supabase. Mencakup Row Level Security (RLS), Supabase Auth v3 (PKCE flow), kebersihan API key, pencegahan kebocoran data, Supabase Linter, dan checklist keamanan produksi.
@@ -246,4 +247,4 @@ Buat bucket penyimpanan privat (`public: false`) dengan batasan ukuran file dan
246
247
  - PKCE flow diaktifkan di klien Auth v3.
247
248
  - Bucket storage privat secara default.
248
249
  - Supabase Linter tidak ada isu kritis.
249
- - MFA diaktifkan untuk pengguna admin.
250
+ - MFA diaktifkan untuk pengguna admin.
@@ -1,91 +1,92 @@
1
- ---
2
- name: svelte-sveltekit-expert
3
- description: "Expert guide for Svelte 5 (Runes) and SvelteKit 2+ — fine-grained reactivity, server-first architecture, form actions, and SSR/SSG / Panduan ahli Svelte 5 (Runes) dan SvelteKit 2+ — reaktivitas fine-grained, arsitektur server-first, form actions, dan SSR/SSG."
4
- author: "Roedy Rustam"
5
- ---
6
-
7
- # Svelte & SvelteKit Expert (2026 Edition)
8
-
9
- [English](#english) | [Bahasa Indonesia](#bahasa-indonesia)
10
-
11
- ---
12
-
13
- <a name="english"></a>
14
- ## English
15
-
16
- ### Orchestration & Integration
17
- - **`tailwind-expert`**: Tailwind CSS v4 integration with SvelteKit.
18
- - **`performance-web-vitals`**: Svelte's compile-time optimizations and zero-overhead reactivity.
19
- - **`e2e-testing-expert`**: Playwright testing for SvelteKit applications.
20
- - **`typescript-expert`**: TypeScript integration with Svelte 5 Runes.
21
-
22
- ### Description
23
- Expert guide for building high-performance applications with Svelte 5 and SvelteKit 2+. Covers Runes (`$state`, `$derived`, `$effect`, `$props`), server-first architecture, form actions, load functions, streaming, SSR/SSG/ISR rendering modes, and migration from Svelte 4.
24
-
25
- ### Trigger Conditions
26
- - Building applications with Svelte or SvelteKit.
27
- - Migrating from Svelte 4 to Svelte 5 Runes.
28
- - Choosing between Svelte and React/Vue for a new project.
29
- - Implementing server-side rendering with SvelteKit.
30
-
31
- ---
32
-
33
- ### Svelte 5 Runes
34
-
35
- ```svelte
36
- <script lang="ts">
37
- // Svelte 5 Runes — fine-grained reactivity
38
- let count = $state(0);
39
- let doubled = $derived(count * 2);
40
-
41
- $effect(() => {
42
- console.log(`Count changed to ${count}`);
43
- });
44
-
45
- // Props with Runes
46
- let { title, onSubmit }: { title: string; onSubmit: (v: number) => void } = $props();
47
- </script>
48
-
49
- <h1>{title}</h1>
50
- <button onclick={() => count++}>Count: {count} (doubled: {doubled})</button>
51
- <button onclick={() => onSubmit(count)}>Submit</button>
52
- ```
53
-
54
- ### SvelteKit Server Patterns
55
-
56
- ```typescript
57
- // src/routes/posts/+page.server.ts
58
- import type { PageServerLoad, Actions } from './$types';
59
- import { fail } from '@sveltejs/kit';
60
-
61
- export const load: PageServerLoad = async ({ fetch }) => {
62
- const posts = await fetch('/api/posts').then((r) => r.json());
63
- return { posts };
64
- };
65
-
66
- export const actions: Actions = {
67
- create: async ({ request }) => {
68
- const data = await request.formData();
69
- const title = data.get('title');
70
- if (!title) return fail(400, { error: 'Title required' });
71
- // Create post...
72
- return { success: true };
73
- },
74
- };
75
- ```
76
-
77
- ## Orchestration & Integration
78
- - `tailwind-expert`, `performance-web-vitals`, `e2e-testing-expert`, `typescript-expert`
79
-
80
- ---
81
-
82
- <a name="bahasa-indonesia"></a>
83
- ## Bahasa Indonesia
84
-
85
- ### Deskripsi
86
- Panduan ahli untuk membangun aplikasi berperforma tinggi dengan Svelte 5 dan SvelteKit 2+. Mencakup Runes, arsitektur server-first, form actions, load functions, streaming, dan mode rendering SSR/SSG/ISR.
87
-
88
- ### Kondisi Pemicu
89
- - Membangun aplikasi dengan Svelte atau SvelteKit.
90
- - Migrasi dari Svelte 4 ke Svelte 5 Runes.
91
- - Memilih antara Svelte dan React/Vue untuk proyek baru.
1
+ ---
2
+ name: svelte-sveltekit-expert
3
+ description: "Expert guide for Svelte 5 (Runes) and SvelteKit 2+ — fine-grained reactivity, server-first architecture, form actions, and SSR/SSG / Panduan ahli Svelte 5 (Runes) dan SvelteKit 2+ — reaktivitas fine-grained, arsitektur server-first, form actions, dan SSR/SSG."
4
+ author: "Roedy Rustam"
5
+ version: "3.0.0"
6
+ ---
7
+
8
+ # Svelte & SvelteKit Expert (2026 Edition)
9
+
10
+ [English](#english) | [Bahasa Indonesia](#bahasa-indonesia)
11
+
12
+ ---
13
+
14
+ <a name="english"></a>
15
+ ## English
16
+
17
+ ### Orchestration & Integration
18
+ - **`tailwind-expert`**: Tailwind CSS v4 integration with SvelteKit.
19
+ - **`performance-web-vitals`**: Svelte's compile-time optimizations and zero-overhead reactivity.
20
+ - **`e2e-testing-expert`**: Playwright testing for SvelteKit applications.
21
+ - **`typescript-expert`**: TypeScript integration with Svelte 5 Runes.
22
+
23
+ ### Description
24
+ Expert guide for building high-performance applications with Svelte 5 and SvelteKit 2+. Covers Runes (`$state`, `$derived`, `$effect`, `$props`), server-first architecture, form actions, load functions, streaming, SSR/SSG/ISR rendering modes, and migration from Svelte 4.
25
+
26
+ ### Trigger Conditions
27
+ - Building applications with Svelte or SvelteKit.
28
+ - Migrating from Svelte 4 to Svelte 5 Runes.
29
+ - Choosing between Svelte and React/Vue for a new project.
30
+ - Implementing server-side rendering with SvelteKit.
31
+
32
+ ---
33
+
34
+ ### Svelte 5 Runes
35
+
36
+ ```svelte
37
+ <script lang="ts">
38
+ // Svelte 5 Runes — fine-grained reactivity
39
+ let count = $state(0);
40
+ let doubled = $derived(count * 2);
41
+
42
+ $effect(() => {
43
+ console.log(`Count changed to ${count}`);
44
+ });
45
+
46
+ // Props with Runes
47
+ let { title, onSubmit }: { title: string; onSubmit: (v: number) => void } = $props();
48
+ </script>
49
+
50
+ <h1>{title}</h1>
51
+ <button onclick={() => count++}>Count: {count} (doubled: {doubled})</button>
52
+ <button onclick={() => onSubmit(count)}>Submit</button>
53
+ ```
54
+
55
+ ### SvelteKit Server Patterns
56
+
57
+ ```typescript
58
+ // src/routes/posts/+page.server.ts
59
+ import type { PageServerLoad, Actions } from './$types';
60
+ import { fail } from '@sveltejs/kit';
61
+
62
+ export const load: PageServerLoad = async ({ fetch }) => {
63
+ const posts = await fetch('/api/posts').then((r) => r.json());
64
+ return { posts };
65
+ };
66
+
67
+ export const actions: Actions = {
68
+ create: async ({ request }) => {
69
+ const data = await request.formData();
70
+ const title = data.get('title');
71
+ if (!title) return fail(400, { error: 'Title required' });
72
+ // Create post...
73
+ return { success: true };
74
+ },
75
+ };
76
+ ```
77
+
78
+ ## Orchestration & Integration
79
+ - `tailwind-expert`, `performance-web-vitals`, `e2e-testing-expert`, `typescript-expert`
80
+
81
+ ---
82
+
83
+ <a name="bahasa-indonesia"></a>
84
+ ## Bahasa Indonesia
85
+
86
+ ### Deskripsi
87
+ Panduan ahli untuk membangun aplikasi berperforma tinggi dengan Svelte 5 dan SvelteKit 2+. Mencakup Runes, arsitektur server-first, form actions, load functions, streaming, dan mode rendering SSR/SSG/ISR.
88
+
89
+ ### Kondisi Pemicu
90
+ - Membangun aplikasi dengan Svelte atau SvelteKit.
91
+ - Migrasi dari Svelte 4 ke Svelte 5 Runes.
92
+ - Memilih antara Svelte dan React/Vue untuk proyek baru.
@@ -1,7 +1,8 @@
1
1
  ---
2
2
  name: svg-animation-motion-expert
3
3
  description: "Expert guide for web animations: SVG manipulation, Framer Motion 12+, GSAP 3, CSS Scroll-Driven Animations, and View Transitions API / Panduan ahli animasi web."
4
- author: "Roedy Rustam"
4
+ author: "Roedy Rustam"
5
+ version: "3.0.0"
5
6
  ---
6
7
 
7
8
  # SVG & Web Animation Motion Expert
@@ -112,4 +113,4 @@ Manfaatkan CSS modern (`animation-timeline: view()`) untuk mengikat animasi ke p
112
113
  ## Integrasi Orkestrasi
113
114
  - Bekerja sama dengan `ui-ux-pro-max` dan `monday-design-aesthetic` untuk menghidupkan desain statis.
114
115
  - Melengkapi `senior-frontend` dengan menangani lapisan pergerakan (motion layer) UI.
115
- - Terintegrasi dengan `seo-aeo-landing-page-writer` untuk merancang landing page yang memukau secara visual.
116
+ - Terintegrasi dengan `seo-aeo-landing-page-writer` untuk merancang landing page yang memukau secara visual.
@@ -0,0 +1,156 @@
1
+ ---
2
+ name: synthetic-data-finetuning-expert
3
+ description: "Expert guide for synthetic dataset generation, LLM-as-a-judge filtering, QLoRA fine-tuning (Unsloth), DPO alignment, and GGUF/Ollama export for local SLMs / Panduan ahli generasi data sintetis, fine-tuning QLoRA, DPO, dan ekspor GGUF/Ollama."
4
+ author: vibes-plug-swarm
5
+ version: "3.0.0"
6
+ ---
7
+
8
+ # Synthetic Data & Fine-Tuning Expert (Custom Domain SLMs)
9
+
10
+ [English](#english) | [Bahasa Indonesia](#bahasa-indonesia)
11
+
12
+ ---
13
+
14
+ <a name="english"></a>
15
+ ## English
16
+
17
+ ### Orchestration & Integration
18
+ Connects and orchestrates with domain skills like `local-slm-edge-ai-expert`, `ai-prompt-engineering-expert`, `ai-evals-benchmark-expert`, `python-programming-expert`, and `ai-cost-token-optimizer` to build high-performance, cost-effective domain models.
19
+
20
+ ### Description
21
+ Production-grade guide for generating synthetic training datasets, curating high-signal instruction pairs, executing Parameter-Efficient Fine-Tuning (QLoRA / LoRA) with **Unsloth** and Hugging Face TRL, performing Direct Preference Optimization (DPO), and quantizing custom Small Language Models (SLMs) to GGUF for edge or on-premise execution.
22
+
23
+ **Swarm Synergy:** Within the **AI Engineering Swarm**, this skill serves as the Model Specialization Lead. When frontier API costs or latency become prohibitive, it trains, aligns, and deploys hyper-efficient domain SLMs (1B–8B parameters) in Phase 4.
24
+
25
+ ### Trigger Conditions
26
+ - Generating domain-specific synthetic training data from seed documents, codebases, or APIs.
27
+ - Filtering low-quality or hallucinated synthetic data using LLM-as-a-judge curation pipelines.
28
+ - Fine-tuning open-weights models (Llama 3.3, Qwen 2.5, Mistral) on custom tasks using 4-bit QLoRA.
29
+ - Aligning model outputs using Direct Preference Optimization (DPO) to enforce specific response styles.
30
+ - Quantizing fine-tuned models to GGUF (q4_k_m, q8_0) for zero-latency local inference with Ollama or llama.cpp.
31
+
32
+ ### Synthetic Data & Fine-Tuning Lifecycle
33
+
34
+ ```
35
+ 1. SEED EXTRACTION & SYNTHESIS
36
+ [Raw Docs / Codebase] ──► [Frontier LLM / Distilabel] ──► Raw Instruction Pairs (10k+)
37
+
38
+ 2. QUALITY FILTERING (LLM-AS-A-JUDGE)
39
+ Raw Instruction Pairs ──► [Rubric Scorer / De-duplication] ──► Curated Gold Dataset (2k-5k)
40
+
41
+ 3. 4-BIT QLORA FINE-TUNING (UNSLOTH)
42
+ Base Model (e.g. Qwen 2.5-Coder) + LoRA Adapters ──► SFT / DPO Training Loop
43
+
44
+ 4. QUANTIZATION & LOCAL DEPLOYMENT
45
+ Merged 16-bit Weights ──► [llama.cpp GGUF Export] ──► Local Ollama Service (<50ms latency)
46
+ ```
47
+
48
+ ### Core Implementation Guidelines
49
+
50
+ #### 1. Synthetic Instruction Generation & Rejection Sampling
51
+ Use frontier models to generate input-output pairs with strict rejection criteria:
52
+ ```python
53
+ from pydantic import BaseModel, Field
54
+ from openai import OpenAI
55
+ import json
56
+
57
+ client = OpenAI()
58
+
59
+ class SyntheticInstructionPair(BaseModel):
60
+ user_instruction: str = Field(description="Realistic developer query")
61
+ input_context: str = Field(description="Code snippet or API contract")
62
+ ground_truth_response: str = Field(description="Flawless, production-grade output")
63
+ quality_score: int = Field(ge=1, le=5, description="Self-evaluated quality score")
64
+
65
+ def generate_synthetic_samples(seed_text: str) -> list[SyntheticInstructionPair]:
66
+ response = client.beta.chat.completions.parse(
67
+ model="gpt-4o-mini",
68
+ messages=[
69
+ {"role": "system", "content": "Generate 5 diverse, hard edge-case instruction pairs based on the seed code."},
70
+ {"role": "user", "content": seed_text}
71
+ ],
72
+ response_format=SyntheticInstructionPair,
73
+ )
74
+ # Filter out anything below score 4 (Rejection Sampling)
75
+ return [sample for sample in [response.choices[0].message.parsed] if sample.quality_score >= 4]
76
+ ```
77
+
78
+ #### 2. High-Speed 4-Bit QLoRA with Unsloth
79
+ Fine-tune on consumer GPUs (e.g., RTX 3090/4090 or single A10G) with 5x faster throughput:
80
+ ```python
81
+ from unsloth import FastLanguageModel
82
+ import torch
83
+ from trl import SFTTrainer
84
+ from transformers import TrainingArguments
85
+
86
+ # 1. Load Model & Tokenizer in 4-bit
87
+ max_seq_length = 2048
88
+ model, tokenizer = FastLanguageModel.from_pretrained(
89
+ model_name="unsloth/Qwen2.5-Coder-7B-Instruct-bnb-4bit",
90
+ max_seq_length=max_seq_length,
91
+ load_in_4bit=True,
92
+ )
93
+
94
+ # 2. Add LoRA Adapters
95
+ model = FastLanguageModel.get_peft_model(
96
+ model,
97
+ r=16,
98
+ target_modules=["q_proj", "k_proj", "v_proj", "o_proj", "gate_proj", "up_proj", "down_proj"],
99
+ lora_alpha=16,
100
+ lora_dropout=0, # Optimized 0 dropout for Unsloth
101
+ bias="none",
102
+ )
103
+
104
+ # 3. Supervised Fine-Tuning (SFT)
105
+ trainer = SFTTrainer(
106
+ model=model,
107
+ tokenizer=tokenizer,
108
+ train_dataset=dataset,
109
+ dataset_text_field="text",
110
+ max_seq_length=max_seq_length,
111
+ args=TrainingArguments(
112
+ per_device_train_batch_size=2,
113
+ gradient_accumulation_steps=4,
114
+ warmup_steps=10,
115
+ max_steps=100,
116
+ learning_rate=2e-4,
117
+ fp16=not torch.cuda.is_bf16_supported(),
118
+ bf16=torch.cuda.is_bf16_supported(),
119
+ logging_steps=1,
120
+ output_dir="outputs",
121
+ ),
122
+ )
123
+ trainer.train()
124
+ ```
125
+
126
+ #### 3. GGUF Export for Local Ollama Deployment
127
+ Export merged model to 4-bit or 8-bit quantized GGUF format:
128
+ ```python
129
+ # Save to 16bit or GGUF directly
130
+ model.save_pretrained_gguf("custom-domain-coder", tokenizer, quantization_method="q4_k_m")
131
+
132
+ # Generate Modelfile for Ollama:
133
+ # FROM ./custom-domain-coder-q4_k_m.gguf
134
+ # PARAMETER temperature 0.2
135
+ # SYSTEM You are an expert domain coder.
136
+ ```
137
+
138
+ ---
139
+
140
+ <a name="bahasa-indonesia"></a>
141
+ ## Bahasa Indonesia
142
+
143
+ ### Integrasi Orkestrasi
144
+ Terhubung dan mengorkestrasi skill domain yang relevan seperti `local-slm-edge-ai-expert`, `ai-prompt-engineering-expert`, `ai-evals-benchmark-expert`, `python-programming-expert`, dan `ai-cost-token-optimizer` untuk membangun model spesialis domain dengan performa tinggi dan biaya hemat.
145
+
146
+ ### Deskripsi
147
+ Panduan produksi untuk menghasilkan dataset pelatihan sintetis, mengurasi pasangan instruksi bernilai tinggi, mengeksekusi Parameter-Efficient Fine-Tuning (QLoRA / LoRA) dengan **Unsloth** dan Hugging Face TRL, menerapkan Direct Preference Optimization (DPO), dan mengkuantisasi Small Language Models (SLM) kustom ke format GGUF untuk inferensi lokal atau on-premise berlatensi ultra-rendah.
148
+
149
+ **Sinergi Swarm:** Di dalam **AI Engineering Swarm**, skill ini memegang peranan sebagai Pemimpin Spesialisasi Model. Ketika biaya API atau latensi model cloud frontier terlalu tinggi, skill ini melatih, menyelaraskan (*align*), dan men-deploy SLM domain yang sangat efisien (1B–8B parameter) pada Fase 4.
150
+
151
+ ### Kondisi Pemicu
152
+ - Menghasilkan data pelatihan sintetis spesifik domain dari dokumen panduan, codebase, atau skema API.
153
+ - Menyaring data sintetis berkualitas rendah menggunakan pipeline penilaian otomatis *LLM-as-a-judge*.
154
+ - Melakukan fine-tuning model berbobot terbuka (Llama 3.3, Qwen 2.5, Mistral) dengan QLoRA 4-bit secara hemat memori VRAM.
155
+ - Menyelaraskan respon model dengan Direct Preference Optimization (DPO) agar mematuhi aturan format dan gaya tertentu.
156
+ - Mengkuantisasi model hasil fine-tuning ke format GGUF (q4_k_m, q8_0) untuk inferensi lokal instan di Ollama atau llama.cpp.