npm - @mandujs/mcp - Versions diffs - 0.12.2 → 0.13.0 - Mend

@mandujs/mcp 0.12.2 → 0.13.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 (141) hide show

package/README.md +367 -367
package/package.json +2 -2
package/src/activity-monitor.ts +847 -847
package/src/adapters/index.ts +20 -20
package/src/adapters/monitor-adapter.ts +100 -100
package/src/adapters/tool-adapter.ts +88 -88
package/src/executor/error-handler.ts +250 -250
package/src/executor/index.ts +22 -22
package/src/executor/tool-executor.ts +148 -148
package/src/hooks/config-watcher.ts +174 -174
package/src/hooks/index.ts +23 -23
package/src/hooks/mcp-hooks.ts +227 -227
package/src/index.ts +106 -106
package/src/logging/index.ts +15 -15
package/src/logging/mcp-transport.ts +134 -134
package/src/registry/index.ts +13 -13
package/src/registry/mcp-tool-registry.ts +298 -298
package/src/resources/skills/guides.ts +1136 -1136
package/src/resources/skills/index.ts +12 -12
package/src/resources/skills/loader.ts +218 -218
package/src/resources/skills/mandu-composition/SKILL.md +91 -91
package/src/resources/skills/mandu-composition/metadata.json +13 -13
package/src/resources/skills/mandu-composition/rules/_sections.md +26 -26
package/src/resources/skills/mandu-composition/rules/_template.md +77 -77
package/src/resources/skills/mandu-composition/rules/comp-arch-avoid-boolean-props.md +146 -146
package/src/resources/skills/mandu-composition/rules/comp-arch-compound-components.md +164 -164
package/src/resources/skills/mandu-composition/rules/comp-island-event.md +161 -161
package/src/resources/skills/mandu-composition/rules/comp-island-slot-split.md +167 -167
package/src/resources/skills/mandu-composition/rules/comp-pattern-children.md +149 -149
package/src/resources/skills/mandu-composition/rules/comp-state-context-interface.md +148 -148
package/src/resources/skills/mandu-composition/rules/comp-state-lift-state.md +150 -150
package/src/resources/skills/mandu-deployment/SKILL.md +92 -92
package/src/resources/skills/mandu-deployment/_sections.md +41 -41
package/src/resources/skills/mandu-deployment/_template.md +38 -38
package/src/resources/skills/mandu-deployment/metadata.json +13 -13
package/src/resources/skills/mandu-deployment/rules/deploy-build-bun.md +109 -109
package/src/resources/skills/mandu-deployment/rules/deploy-build-output.md +115 -115
package/src/resources/skills/mandu-deployment/rules/deploy-cicd-github.md +219 -219
package/src/resources/skills/mandu-deployment/rules/deploy-docker-bun.md +150 -150
package/src/resources/skills/mandu-deployment/rules/deploy-docker-compose.md +223 -223
package/src/resources/skills/mandu-deployment/rules/deploy-platform-fly.md +152 -152
package/src/resources/skills/mandu-deployment/rules/deploy-platform-render.md +179 -179
package/src/resources/skills/mandu-deployment/rules/deploy-platform-supabase.md +323 -323
package/src/resources/skills/mandu-deployment/rules/deploy-platform-vercel.md +140 -140
package/src/resources/skills/mandu-fs-routes/SKILL.md +82 -82
package/src/resources/skills/mandu-fs-routes/metadata.json +12 -12
package/src/resources/skills/mandu-fs-routes/rules/_sections.md +36 -36
package/src/resources/skills/mandu-fs-routes/rules/_template.md +69 -69
package/src/resources/skills/mandu-fs-routes/rules/routes-api-methods.md +65 -65
package/src/resources/skills/mandu-fs-routes/rules/routes-dynamic-param.md +93 -93
package/src/resources/skills/mandu-fs-routes/rules/routes-naming-page.md +55 -55
package/src/resources/skills/mandu-guard/SKILL.md +129 -129
package/src/resources/skills/mandu-guard/metadata.json +12 -12
package/src/resources/skills/mandu-guard/rules/_sections.md +36 -36
package/src/resources/skills/mandu-guard/rules/_template.md +82 -82
package/src/resources/skills/mandu-guard/rules/guard-config-rules.md +100 -100
package/src/resources/skills/mandu-guard/rules/guard-layer-direction.md +76 -76
package/src/resources/skills/mandu-guard/rules/guard-preset-mandu.md +81 -81
package/src/resources/skills/mandu-guard/rules/guard-validate-import.md +80 -80
package/src/resources/skills/mandu-hydration/SKILL.md +91 -91
package/src/resources/skills/mandu-hydration/metadata.json +12 -12
package/src/resources/skills/mandu-hydration/rules/_sections.md +31 -31
package/src/resources/skills/mandu-hydration/rules/_template.md +72 -72
package/src/resources/skills/mandu-hydration/rules/hydration-data-event.md +109 -109
package/src/resources/skills/mandu-hydration/rules/hydration-directive-use-client.md +55 -55
package/src/resources/skills/mandu-hydration/rules/hydration-island-setup.md +113 -113
package/src/resources/skills/mandu-hydration/rules/hydration-priority-visible.md +68 -68
package/src/resources/skills/mandu-performance/SKILL.md +85 -85
package/src/resources/skills/mandu-performance/metadata.json +14 -14
package/src/resources/skills/mandu-performance/rules/_sections.md +31 -31
package/src/resources/skills/mandu-performance/rules/_template.md +64 -64
package/src/resources/skills/mandu-performance/rules/perf-async-defer-await.md +103 -103
package/src/resources/skills/mandu-performance/rules/perf-async-parallel.md +95 -95
package/src/resources/skills/mandu-performance/rules/perf-bun-file.md +124 -124
package/src/resources/skills/mandu-performance/rules/perf-bun-serve.md +125 -125
package/src/resources/skills/mandu-performance/rules/perf-bundle-imports.md +80 -80
package/src/resources/skills/mandu-performance/rules/perf-bundle-island-lazy.md +145 -145
package/src/resources/skills/mandu-performance/rules/perf-cache-react.md +98 -98
package/src/resources/skills/mandu-performance/rules/perf-render-transitions.md +154 -154
package/src/resources/skills/mandu-security/SKILL.md +87 -87
package/src/resources/skills/mandu-security/metadata.json +13 -13
package/src/resources/skills/mandu-security/rules/_sections.md +31 -31
package/src/resources/skills/mandu-security/rules/_template.md +74 -74
package/src/resources/skills/mandu-security/rules/sec-auth-guard.md +127 -127
package/src/resources/skills/mandu-security/rules/sec-env-management.md +133 -133
package/src/resources/skills/mandu-security/rules/sec-input-validate.md +148 -148
package/src/resources/skills/mandu-security/rules/sec-protect-csrf.md +146 -146
package/src/resources/skills/mandu-security/rules/sec-protect-headers.md +138 -138
package/src/resources/skills/mandu-slot/SKILL.md +85 -85
package/src/resources/skills/mandu-slot/metadata.json +12 -12
package/src/resources/skills/mandu-slot/rules/_sections.md +36 -36
package/src/resources/skills/mandu-slot/rules/_template.md +63 -63
package/src/resources/skills/mandu-slot/rules/slot-basic-structure.md +38 -38
package/src/resources/skills/mandu-slot/rules/slot-ctx-response.md +56 -56
package/src/resources/skills/mandu-slot/rules/slot-guard-auth.md +59 -59
package/src/resources/skills/mandu-slot/rules/slot-http-methods.md +64 -64
package/src/resources/skills/mandu-styling/SKILL.md +154 -154
package/src/resources/skills/mandu-styling/_sections.md +43 -43
package/src/resources/skills/mandu-styling/_template.md +32 -32
package/src/resources/skills/mandu-styling/metadata.json +15 -15
package/src/resources/skills/mandu-styling/rules/style-component-compound.md +235 -235
package/src/resources/skills/mandu-styling/rules/style-component-slots.md +255 -255
package/src/resources/skills/mandu-styling/rules/style-component-tokens.md +205 -205
package/src/resources/skills/mandu-styling/rules/style-island-animations.md +272 -272
package/src/resources/skills/mandu-styling/rules/style-island-scoping.md +167 -167
package/src/resources/skills/mandu-styling/rules/style-island-variants.md +221 -221
package/src/resources/skills/mandu-styling/rules/style-perf-critical.md +209 -209
package/src/resources/skills/mandu-styling/rules/style-perf-purge.md +192 -192
package/src/resources/skills/mandu-styling/rules/style-setup-modules.md +162 -162
package/src/resources/skills/mandu-styling/rules/style-setup-panda.md +164 -164
package/src/resources/skills/mandu-styling/rules/style-setup-tailwind.md +170 -170
package/src/resources/skills/mandu-styling/rules/style-tailwind-v4-gotchas.md +179 -179
package/src/resources/skills/mandu-styling/rules/style-theme-darkmode.md +229 -229
package/src/resources/skills/mandu-testing/SKILL.md +99 -99
package/src/resources/skills/mandu-testing/metadata.json +13 -13
package/src/resources/skills/mandu-testing/rules/_sections.md +26 -26
package/src/resources/skills/mandu-testing/rules/_template.md +65 -65
package/src/resources/skills/mandu-testing/rules/test-component-island.md +195 -195
package/src/resources/skills/mandu-testing/rules/test-e2e-playwright.md +196 -196
package/src/resources/skills/mandu-testing/rules/test-mock-fetch.md +219 -219
package/src/resources/skills/mandu-testing/rules/test-slot-unit.md +192 -192
package/src/resources/skills/mandu-ui/SKILL.md +117 -117
package/src/resources/skills/mandu-ui/_sections.md +23 -23
package/src/resources/skills/mandu-ui/_template.md +32 -32
package/src/resources/skills/mandu-ui/metadata.json +13 -13
package/src/resources/skills/mandu-ui/rules/ui-accessibility-aria.md +232 -232
package/src/resources/skills/mandu-ui/rules/ui-accessibility-focus.md +238 -238
package/src/resources/skills/mandu-ui/rules/ui-composition-patterns.md +259 -259
package/src/resources/skills/mandu-ui/rules/ui-island-integration.md +258 -258
package/src/resources/skills/mandu-ui/rules/ui-radix-patterns.md +213 -213
package/src/resources/skills/mandu-ui/rules/ui-shadcn-setup.md +209 -209
package/src/resources/skills/recipes.ts +932 -932
package/src/tools/generate.ts +7 -4
package/src/tools/guard.ts +17 -4
package/src/tools/hydration.ts +10 -10
package/src/tools/project.ts +334 -334
package/src/tools/runtime.ts +497 -497
package/src/tools/seo.ts +417 -417
package/src/tools/spec.ts +80 -159
package/src/utils/project.ts +22 -12
package/src/utils/withWarnings.ts +83 -83

package/src/resources/skills/mandu-styling/rules/style-theme-darkmode.md CHANGED Viewed

@@ -1,229 +1,229 @@
----
-title: Dark Mode Implementation
-impact: MEDIUM
-impactDescription: User preference and accessibility support
-tags: styling, theme, darkmode, accessibility
----
-## Dark Mode Implementation
-**Impact: MEDIUM (User preference and accessibility support)**
-다크모드를 구현하여 사용자 선호도와 접근성을 지원하세요.
-## CSS Variables 기반 테마
-```css
-/* app/globals.css */
-@layer base {
-  :root {
-    --background: 0 0% 100%;
-    --foreground: 222.2 84% 4.9%;
-    --card: 0 0% 100%;
-    --card-foreground: 222.2 84% 4.9%;
-    --primary: 221.2 83.2% 53.3%;
-    --primary-foreground: 210 40% 98%;
-    --muted: 210 40% 96.1%;
-    --muted-foreground: 215.4 16.3% 46.9%;
-    --border: 214.3 31.8% 91.4%;
-  }
-  .dark {
-    --background: 222.2 84% 4.9%;
-    --foreground: 210 40% 98%;
-    --card: 222.2 84% 4.9%;
-    --card-foreground: 210 40% 98%;
-    --primary: 217.2 91.2% 59.8%;
-    --primary-foreground: 222.2 47.4% 11.2%;
-    --muted: 217.2 32.6% 17.5%;
-    --muted-foreground: 215 20.2% 65.1%;
-    --border: 217.2 32.6% 17.5%;
-  }
-}
-```
-## Tailwind dark: 활성화
-```typescript
-// tailwind.config.ts
-export default {
-  darkMode: "class",  // 또는 "media"
-  // ...
-};
-```
-## 테마 Provider Island
-```tsx
-// app/theme/client.tsx
-"use client";
-import { createContext, useContext, useEffect, useState } from "react";
-type Theme = "light" | "dark" | "system";
-interface ThemeContextValue {
-  theme: Theme;
-  setTheme: (theme: Theme) => void;
-  resolvedTheme: "light" | "dark";
-}
-const ThemeContext = createContext<ThemeContextValue | null>(null);
-export function ThemeProviderIsland({ children }: { children: React.ReactNode }) {
-  const [theme, setTheme] = useState<Theme>("system");
-  const [resolvedTheme, setResolvedTheme] = useState<"light" | "dark">("light");
-  useEffect(() => {
-    // 저장된 테마 복원
-    const stored = localStorage.getItem("theme") as Theme | null;
-    if (stored) {
-      setTheme(stored);
-    }
-  }, []);
-  useEffect(() => {
-    const root = document.documentElement;
-    if (theme === "system") {
-      const systemDark = window.matchMedia("(prefers-color-scheme: dark)").matches;
-      setResolvedTheme(systemDark ? "dark" : "light");
-      root.classList.toggle("dark", systemDark);
-    } else {
-      setResolvedTheme(theme);
-      root.classList.toggle("dark", theme === "dark");
-    }
-    localStorage.setItem("theme", theme);
-  }, [theme]);
-  // System 변경 감지
-  useEffect(() => {
-    if (theme !== "system") return;
-    const mq = window.matchMedia("(prefers-color-scheme: dark)");
-    const handler = (e: MediaQueryListEvent) => {
-      setResolvedTheme(e.matches ? "dark" : "light");
-      document.documentElement.classList.toggle("dark", e.matches);
-    };
-    mq.addEventListener("change", handler);
-    return () => mq.removeEventListener("change", handler);
-  }, [theme]);
-  return (
-    <ThemeContext.Provider value={{ theme, setTheme, resolvedTheme }}>
-      {children}
-    </ThemeContext.Provider>
-  );
-}
-export function useTheme() {
-  const context = useContext(ThemeContext);
-  if (!context) {
-    throw new Error("useTheme must be used within ThemeProviderIsland");
-  }
-  return context;
-}
-```
-## 테마 토글 컴포넌트
-```tsx
-// app/theme/toggle.tsx
-"use client";
-import { useTheme } from "./client";
-export function ThemeToggleIsland() {
-  const { theme, setTheme, resolvedTheme } = useTheme();
-  return (
-    <button
-      onClick={() => setTheme(resolvedTheme === "dark" ? "light" : "dark")}
-      className="p-2 rounded-md hover:bg-muted"
-      aria-label={`Switch to ${resolvedTheme === "dark" ? "light" : "dark"} mode`}
-    >
-      {resolvedTheme === "dark" ? "🌙" : "☀️"}
-    </button>
-  );
-}
-```
-## 플래시 방지 스크립트
-```tsx
-// app/layout.tsx
-export default function RootLayout({ children }) {
-  return (
-    <html lang="ko" suppressHydrationWarning>
-      <head>
-        {/* 다크모드 플래시 방지 */}
-        <script
-          dangerouslySetInnerHTML={{
-            __html: `
-              (function() {
-                const theme = localStorage.getItem('theme');
-                const prefersDark = window.matchMedia('(prefers-color-scheme: dark)').matches;
-                if (theme === 'dark' || (!theme && prefersDark)) {
-                  document.documentElement.classList.add('dark');
-                }
-              })();
-            `,
-          }}
-        />
-      </head>
-      <body>
-        <ThemeProviderIsland>
-          {children}
-        </ThemeProviderIsland>
-      </body>
-    </html>
-  );
-}
-```
-## Island 간 테마 동기화
-```tsx
-// useIslandEvent로 테마 변경 전파
-import { useIslandEvent } from "@mandujs/core/client";
-export function ThemeProviderIsland({ children }) {
-  const { emit } = useIslandEvent<{ theme: string }>("theme-change");
-  const [theme, setTheme] = useState("system");
-  const handleSetTheme = (newTheme: Theme) => {
-    setTheme(newTheme);
-    emit({ theme: newTheme });  // 다른 Island에 전파
-  };
-  // ...
-}
-// 다른 Island에서 수신
-export function AnotherIsland() {
-  useIslandEvent<{ theme: string }>("theme-change", (data) => {
-    console.log("Theme changed to:", data.theme);
-  });
-}
-```
-## 다크모드 특화 스타일
-```tsx
-// Tailwind dark: 접두사 사용
-<div className="bg-white dark:bg-gray-900">
-  <p className="text-gray-900 dark:text-gray-100">
-    Content
-  </p>
-</div>
-// 복잡한 경우 CSS Variables 활용
-<div className="bg-[hsl(var(--background))]">
-  {/* 자동으로 테마 반영 */}
-</div>
-```
-Reference: [Tailwind Dark Mode](https://tailwindcss.com/docs/dark-mode)
+---
+title: Dark Mode Implementation
+impact: MEDIUM
+impactDescription: User preference and accessibility support
+tags: styling, theme, darkmode, accessibility
+---
+## Dark Mode Implementation
+**Impact: MEDIUM (User preference and accessibility support)**
+다크모드를 구현하여 사용자 선호도와 접근성을 지원하세요.
+## CSS Variables 기반 테마
+```css
+/* app/globals.css */
+@layer base {
+  :root {
+    --background: 0 0% 100%;
+    --foreground: 222.2 84% 4.9%;
+    --card: 0 0% 100%;
+    --card-foreground: 222.2 84% 4.9%;
+    --primary: 221.2 83.2% 53.3%;
+    --primary-foreground: 210 40% 98%;
+    --muted: 210 40% 96.1%;
+    --muted-foreground: 215.4 16.3% 46.9%;
+    --border: 214.3 31.8% 91.4%;
+  }
+  .dark {
+    --background: 222.2 84% 4.9%;
+    --foreground: 210 40% 98%;
+    --card: 222.2 84% 4.9%;
+    --card-foreground: 210 40% 98%;
+    --primary: 217.2 91.2% 59.8%;
+    --primary-foreground: 222.2 47.4% 11.2%;
+    --muted: 217.2 32.6% 17.5%;
+    --muted-foreground: 215 20.2% 65.1%;
+    --border: 217.2 32.6% 17.5%;
+  }
+}
+```
+## Tailwind dark: 활성화
+```typescript
+// tailwind.config.ts
+export default {
+  darkMode: "class",  // 또는 "media"
+  // ...
+};
+```
+## 테마 Provider Island
+```tsx
+// app/theme/client.tsx
+"use client";
+import { createContext, useContext, useEffect, useState } from "react";
+type Theme = "light" | "dark" | "system";
+interface ThemeContextValue {
+  theme: Theme;
+  setTheme: (theme: Theme) => void;
+  resolvedTheme: "light" | "dark";
+}
+const ThemeContext = createContext<ThemeContextValue | null>(null);
+export function ThemeProviderIsland({ children }: { children: React.ReactNode }) {
+  const [theme, setTheme] = useState<Theme>("system");
+  const [resolvedTheme, setResolvedTheme] = useState<"light" | "dark">("light");
+  useEffect(() => {
+    // 저장된 테마 복원
+    const stored = localStorage.getItem("theme") as Theme | null;
+    if (stored) {
+      setTheme(stored);
+    }
+  }, []);
+  useEffect(() => {
+    const root = document.documentElement;
+    if (theme === "system") {
+      const systemDark = window.matchMedia("(prefers-color-scheme: dark)").matches;
+      setResolvedTheme(systemDark ? "dark" : "light");
+      root.classList.toggle("dark", systemDark);
+    } else {
+      setResolvedTheme(theme);
+      root.classList.toggle("dark", theme === "dark");
+    }
+    localStorage.setItem("theme", theme);
+  }, [theme]);
+  // System 변경 감지
+  useEffect(() => {
+    if (theme !== "system") return;
+    const mq = window.matchMedia("(prefers-color-scheme: dark)");
+    const handler = (e: MediaQueryListEvent) => {
+      setResolvedTheme(e.matches ? "dark" : "light");
+      document.documentElement.classList.toggle("dark", e.matches);
+    };
+    mq.addEventListener("change", handler);
+    return () => mq.removeEventListener("change", handler);
+  }, [theme]);
+  return (
+    <ThemeContext.Provider value={{ theme, setTheme, resolvedTheme }}>
+      {children}
+    </ThemeContext.Provider>
+  );
+}
+export function useTheme() {
+  const context = useContext(ThemeContext);
+  if (!context) {
+    throw new Error("useTheme must be used within ThemeProviderIsland");
+  }
+  return context;
+}
+```
+## 테마 토글 컴포넌트
+```tsx
+// app/theme/toggle.tsx
+"use client";
+import { useTheme } from "./client";
+export function ThemeToggleIsland() {
+  const { theme, setTheme, resolvedTheme } = useTheme();
+  return (
+    <button
+      onClick={() => setTheme(resolvedTheme === "dark" ? "light" : "dark")}
+      className="p-2 rounded-md hover:bg-muted"
+      aria-label={`Switch to ${resolvedTheme === "dark" ? "light" : "dark"} mode`}
+    >
+      {resolvedTheme === "dark" ? "🌙" : "☀️"}
+    </button>
+  );
+}
+```
+## 플래시 방지 스크립트
+```tsx
+// app/layout.tsx
+export default function RootLayout({ children }) {
+  return (
+    <html lang="ko" suppressHydrationWarning>
+      <head>
+        {/* 다크모드 플래시 방지 */}
+        <script
+          dangerouslySetInnerHTML={{
+            __html: `
+              (function() {
+                const theme = localStorage.getItem('theme');
+                const prefersDark = window.matchMedia('(prefers-color-scheme: dark)').matches;
+                if (theme === 'dark' || (!theme && prefersDark)) {
+                  document.documentElement.classList.add('dark');
+                }
+              })();
+            `,
+          }}
+        />
+      </head>
+      <body>
+        <ThemeProviderIsland>
+          {children}
+        </ThemeProviderIsland>
+      </body>
+    </html>
+  );
+}
+```
+## Island 간 테마 동기화
+```tsx
+// useIslandEvent로 테마 변경 전파
+import { useIslandEvent } from "@mandujs/core/client";
+export function ThemeProviderIsland({ children }) {
+  const { emit } = useIslandEvent<{ theme: string }>("theme-change");
+  const [theme, setTheme] = useState("system");
+  const handleSetTheme = (newTheme: Theme) => {
+    setTheme(newTheme);
+    emit({ theme: newTheme });  // 다른 Island에 전파
+  };
+  // ...
+}
+// 다른 Island에서 수신
+export function AnotherIsland() {
+  useIslandEvent<{ theme: string }>("theme-change", (data) => {
+    console.log("Theme changed to:", data.theme);
+  });
+}
+```
+## 다크모드 특화 스타일
+```tsx
+// Tailwind dark: 접두사 사용
+<div className="bg-white dark:bg-gray-900">
+  <p className="text-gray-900 dark:text-gray-100">
+    Content
+  </p>
+</div>
+// 복잡한 경우 CSS Variables 활용
+<div className="bg-[hsl(var(--background))]">
+  {/* 자동으로 테마 반영 */}
+</div>
+```
+Reference: [Tailwind Dark Mode](https://tailwindcss.com/docs/dark-mode)

package/src/resources/skills/mandu-testing/SKILL.md CHANGED Viewed

@@ -1,99 +1,99 @@
----
-name: mandu-testing
-description: |
-  Testing patterns for Mandu applications. Use when writing unit tests,
-  integration tests, or E2E tests. Triggers on test, spec, Bun test,
-  Playwright, or testing tasks.
-license: MIT
-metadata:
-  author: mandu
-  version: "1.0.0"
----
-# Mandu Testing
-Mandu 애플리케이션의 테스트 패턴 가이드. Bun test를 활용한 단위 테스트, slot 테스트, Island 컴포넌트 테스트, Playwright E2E 테스트를 다룹니다.
-## When to Apply
-Reference these guidelines when:
-- Writing unit tests for slots
-- Testing Island components
-- Setting up E2E tests with Playwright
-- Mocking external dependencies
-- Testing authentication flows
-## Rule Categories by Priority
-| Priority | Category | Impact | Prefix |
-|----------|----------|--------|--------|
-| 1 | Slot Testing | HIGH | `test-slot-` |
-| 2 | Component Testing | HIGH | `test-component-` |
-| 3 | E2E Testing | MEDIUM | `test-e2e-` |
-| 4 | Mocking | MEDIUM | `test-mock-` |
-## Quick Reference
-### 1. Slot Testing (HIGH)
-- `test-slot-unit` - Unit test slot handlers
-- `test-slot-guard` - Test guard authentication
-- `test-slot-integration` - Integration test with database
-### 2. Component Testing (HIGH)
-- `test-component-island` - Test Island components
-- `test-component-render` - Test rendering output
-- `test-component-interaction` - Test user interactions
-### 3. E2E Testing (MEDIUM)
-- `test-e2e-playwright` - Playwright setup and patterns
-- `test-e2e-auth` - Test authentication flows
-- `test-e2e-navigation` - Test page navigation
-### 4. Mocking (MEDIUM)
-- `test-mock-fetch` - Mock fetch requests
-- `test-mock-database` - Mock database operations
-## Bun Test Quick Start
-```bash
-# Run all tests
-bun test
-# Run specific test file
-bun test src/slots/user.test.ts
-# Watch mode
-bun test --watch
-# Coverage
-bun test --coverage
-```
-## Test File Convention
-```
-spec/slots/
-├── users.slot.ts
-├── users.slot.test.ts    # Slot tests
-app/
-├── dashboard/
-│   ├── client.tsx
-│   └── client.test.tsx   # Component tests
-tests/
-└── e2e/
-    └── auth.spec.ts      # E2E tests
-```
-## How to Use
-Read individual rule files for detailed explanations:
-```
-rules/test-slot-unit.md
-rules/test-component-island.md
-rules/test-e2e-playwright.md
-```
+---
+name: mandu-testing
+description: |
+  Testing patterns for Mandu applications. Use when writing unit tests,
+  integration tests, or E2E tests. Triggers on test, spec, Bun test,
+  Playwright, or testing tasks.
+license: MIT
+metadata:
+  author: mandu
+  version: "1.0.0"
+---
+# Mandu Testing
+Mandu 애플리케이션의 테스트 패턴 가이드. Bun test를 활용한 단위 테스트, slot 테스트, Island 컴포넌트 테스트, Playwright E2E 테스트를 다룹니다.
+## When to Apply
+Reference these guidelines when:
+- Writing unit tests for slots
+- Testing Island components
+- Setting up E2E tests with Playwright
+- Mocking external dependencies
+- Testing authentication flows
+## Rule Categories by Priority
+| Priority | Category | Impact | Prefix |
+|----------|----------|--------|--------|
+| 1 | Slot Testing | HIGH | `test-slot-` |
+| 2 | Component Testing | HIGH | `test-component-` |
+| 3 | E2E Testing | MEDIUM | `test-e2e-` |
+| 4 | Mocking | MEDIUM | `test-mock-` |
+## Quick Reference
+### 1. Slot Testing (HIGH)
+- `test-slot-unit` - Unit test slot handlers
+- `test-slot-guard` - Test guard authentication
+- `test-slot-integration` - Integration test with database
+### 2. Component Testing (HIGH)
+- `test-component-island` - Test Island components
+- `test-component-render` - Test rendering output
+- `test-component-interaction` - Test user interactions
+### 3. E2E Testing (MEDIUM)
+- `test-e2e-playwright` - Playwright setup and patterns
+- `test-e2e-auth` - Test authentication flows
+- `test-e2e-navigation` - Test page navigation
+### 4. Mocking (MEDIUM)
+- `test-mock-fetch` - Mock fetch requests
+- `test-mock-database` - Mock database operations
+## Bun Test Quick Start
+```bash
+# Run all tests
+bun test
+# Run specific test file
+bun test src/slots/user.test.ts
+# Watch mode
+bun test --watch
+# Coverage
+bun test --coverage
+```
+## Test File Convention
+```
+spec/slots/
+├── users.slot.ts
+├── users.slot.test.ts    # Slot tests
+app/
+├── dashboard/
+│   ├── client.tsx
+│   └── client.test.tsx   # Component tests
+tests/
+└── e2e/
+    └── auth.spec.ts      # E2E tests
+```
+## How to Use
+Read individual rule files for detailed explanations:
+```
+rules/test-slot-unit.md
+rules/test-component-island.md
+rules/test-e2e-playwright.md
+```

package/src/resources/skills/mandu-testing/metadata.json CHANGED Viewed

@@ -1,13 +1,13 @@
-{
-  "version": "1.0.0",
-  "organization": "Mandu Framework",
-  "date": "February 2026",
-  "abstract": "Mandu 애플리케이션 테스트 패턴 가이드. Bun test를 활용한 slot 단위/통합 테스트, Island 컴포넌트 테스트, Playwright E2E 테스트, 모킹 패턴을 다룹니다.",
-  "references": [
-    "https://bun.sh/docs/cli/test",
-    "https://playwright.dev/docs/intro",
-    "https://testing-library.com/docs/react-testing-library/intro",
-    "https://kentcdodds.com/blog/write-tests"
-  ],
-  "tags": ["testing", "bun-test", "playwright", "e2e", "unit", "mandu"]
-}
+{
+  "version": "1.0.0",
+  "organization": "Mandu Framework",
+  "date": "February 2026",
+  "abstract": "Mandu 애플리케이션 테스트 패턴 가이드. Bun test를 활용한 slot 단위/통합 테스트, Island 컴포넌트 테스트, Playwright E2E 테스트, 모킹 패턴을 다룹니다.",
+  "references": [
+    "https://bun.sh/docs/cli/test",
+    "https://playwright.dev/docs/intro",
+    "https://testing-library.com/docs/react-testing-library/intro",
+    "https://kentcdodds.com/blog/write-tests"
+  ],
+  "tags": ["testing", "bun-test", "playwright", "e2e", "unit", "mandu"]
+}