Add 260+ Claude Code skills from skills.sh

Complete collection of AI agent skills including:
- Frontend Development (Vue, React, Next.js, Three.js)
- Backend Development (NestJS, FastAPI, Node.js)
- Mobile Development (React Native, Expo)
- Testing (E2E, frontend, webapp)
- DevOps (GitHub Actions, CI/CD)
- Marketing (SEO, copywriting, analytics)
- Security (binary analysis, vulnerability scanning)
- And many more...

Synchronized from: https://skills.sh/

Co-Authored-By: Claude <noreply@anthropic.com>

dev-browser/extension/utils/logger.ts

@@ -0,0 +1,63 @@
+/**
+ * Logger utility for the dev-browser extension.
+ * Logs to console and optionally sends to relay server.
+ */
+
+export type LogLevel = "log" | "debug" | "error";
+
+export interface LogMessage {
+  method: "log";
+  params: {
+    level: LogLevel;
+    args: string[];
+  };
+}
+
+export type SendMessageFn = (message: unknown) => void;
+
+/**
+ * Creates a logger instance that logs to console and sends to relay.
+ */
+export function createLogger(sendMessage: SendMessageFn) {
+  function formatArgs(args: unknown[]): string[] {
+    return args.map((arg) => {
+      if (arg === undefined) return "undefined";
+      if (arg === null) return "null";
+      if (typeof arg === "object") {
+        try {
+          return JSON.stringify(arg);
+        } catch {
+          return String(arg);
+        }
+      }
+      return String(arg);
+    });
+  }
+
+  function sendLog(level: LogLevel, args: unknown[]): void {
+    sendMessage({
+      method: "log",
+      params: {
+        level,
+        args: formatArgs(args),
+      },
+    });
+  }
+
+  return {
+    log: (...args: unknown[]) => {
+      console.log("[dev-browser]", ...args);
+      sendLog("log", args);
+    },
+    debug: (...args: unknown[]) => {
+      console.debug("[dev-browser]", ...args);
+      sendLog("debug", args);
+    },
+    error: (...args: unknown[]) => {
+      console.error("[dev-browser]", ...args);
+      sendLog("error", args);
+    },
+  };
+}
+
+export type Logger = ReturnType<typeof createLogger>;

dev-browser/extension/utils/types.ts

@@ -0,0 +1,94 @@
+/**
+ * Types for extension-relay communication
+ */
+
+export type ConnectionState =
+  | "disconnected"
+  | "connecting"
+  | "connected"
+  | "reconnecting"
+  | "error";
+
+export type TabState = "connecting" | "connected" | "error";
+
+export interface TabInfo {
+  sessionId?: string;
+  targetId?: string;
+  state: TabState;
+  errorText?: string;
+}
+
+export interface ExtensionState {
+  tabs: Map<number, TabInfo>;
+  connectionState: ConnectionState;
+  currentTabId?: number;
+  errorText?: string;
+}
+
+// Messages from relay to extension
+export interface ExtensionCommandMessage {
+  id: number;
+  method: "forwardCDPCommand";
+  params: {
+    method: string;
+    params?: Record<string, unknown>;
+    sessionId?: string;
+  };
+}
+
+// Messages from extension to relay (responses)
+export interface ExtensionResponseMessage {
+  id: number;
+  result?: unknown;
+  error?: string;
+}
+
+// Messages from extension to relay (events)
+export interface ExtensionEventMessage {
+  method: "forwardCDPEvent";
+  params: {
+    method: string;
+    params?: Record<string, unknown>;
+    sessionId?: string;
+  };
+}
+
+// Log message from extension to relay
+export interface ExtensionLogMessage {
+  method: "log";
+  params: {
+    level: string;
+    args: string[];
+  };
+}
+
+export type ExtensionMessage =
+  | ExtensionResponseMessage
+  | ExtensionEventMessage
+  | ExtensionLogMessage;
+
+// Chrome debugger target info
+export interface TargetInfo {
+  targetId: string;
+  type: string;
+  title: string;
+  url: string;
+  attached?: boolean;
+}
+
+// Popup <-> Background messaging
+export interface GetStateMessage {
+  type: "getState";
+}
+
+export interface SetStateMessage {
+  type: "setState";
+  isActive: boolean;
+}
+
+export interface StateResponse {
+  isActive: boolean;
+  isConnected: boolean;
+}
+
+export type PopupMessage = GetStateMessage | SetStateMessage;