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/scripts/generate-icons.mjs

@@ -0,0 +1,152 @@
+/**
+ * Generate simple placeholder icons for the extension
+ * Usage: node scripts/generate-icons.mjs
+ */
+
+import { writeFileSync, mkdirSync } from "fs";
+import { join, dirname } from "path";
+import { fileURLToPath } from "url";
+
+const __dirname = dirname(fileURLToPath(import.meta.url));
+
+// Minimal PNG generator (creates simple colored squares)
+function createPng(size, r, g, b) {
+  // PNG header
+  const signature = Buffer.from([137, 80, 78, 71, 13, 10, 26, 10]);
+
+  // IHDR chunk
+  const ihdrData = Buffer.alloc(13);
+  ihdrData.writeUInt32BE(size, 0); // width
+  ihdrData.writeUInt32BE(size, 4); // height
+  ihdrData.writeUInt8(8, 8); // bit depth
+  ihdrData.writeUInt8(2, 9); // color type (RGB)
+  ihdrData.writeUInt8(0, 10); // compression
+  ihdrData.writeUInt8(0, 11); // filter
+  ihdrData.writeUInt8(0, 12); // interlace
+
+  const ihdr = createChunk("IHDR", ihdrData);
+
+  // IDAT chunk (image data)
+  const rawData = [];
+  for (let y = 0; y < size; y++) {
+    rawData.push(0); // filter byte
+    for (let x = 0; x < size; x++) {
+      // Create a circle
+      const cx = size / 2;
+      const cy = size / 2;
+      const radius = size / 2 - 1;
+      const dist = Math.sqrt((x - cx) ** 2 + (y - cy) ** 2);
+
+      if (dist <= radius) {
+        // Inside circle - use the color
+        rawData.push(r, g, b);
+      } else {
+        // Outside circle - transparent (white for simplicity)
+        rawData.push(255, 255, 255);
+      }
+    }
+  }
+
+  // Use zlib-less compression (store method)
+  const compressed = deflateStore(Buffer.from(rawData));
+  const idat = createChunk("IDAT", compressed);
+
+  // IEND chunk
+  const iend = createChunk("IEND", Buffer.alloc(0));
+
+  return Buffer.concat([signature, ihdr, idat, iend]);
+}
+
+function createChunk(type, data) {
+  const length = Buffer.alloc(4);
+  length.writeUInt32BE(data.length);
+
+  const typeBuffer = Buffer.from(type);
+  const crc = crc32(Buffer.concat([typeBuffer, data]));
+
+  const crcBuffer = Buffer.alloc(4);
+  crcBuffer.writeUInt32BE(crc >>> 0);
+
+  return Buffer.concat([length, typeBuffer, data, crcBuffer]);
+}
+
+// Simple deflate store (no compression)
+function deflateStore(data) {
+  const blocks = [];
+  let offset = 0;
+
+  while (offset < data.length) {
+    const remaining = data.length - offset;
+    const blockSize = Math.min(65535, remaining);
+    const isLast = offset + blockSize >= data.length;
+
+    const header = Buffer.alloc(5);
+    header.writeUInt8(isLast ? 1 : 0, 0);
+    header.writeUInt16LE(blockSize, 1);
+    header.writeUInt16LE(blockSize ^ 0xffff, 3);
+
+    blocks.push(header);
+    blocks.push(data.subarray(offset, offset + blockSize));
+    offset += blockSize;
+  }
+
+  // Zlib header
+  const zlibHeader = Buffer.from([0x78, 0x01]);
+
+  // Adler32 checksum
+  const adler = adler32(data);
+  const adlerBuffer = Buffer.alloc(4);
+  adlerBuffer.writeUInt32BE(adler);
+
+  return Buffer.concat([zlibHeader, ...blocks, adlerBuffer]);
+}
+
+function adler32(data) {
+  let a = 1;
+  let b = 0;
+  for (let i = 0; i < data.length; i++) {
+    a = (a + data[i]) % 65521;
+    b = (b + a) % 65521;
+  }
+  return ((b << 16) | a) >>> 0; // Ensure unsigned
+}
+
+// CRC32 lookup table
+const crcTable = new Uint32Array(256);
+for (let i = 0; i < 256; i++) {
+  let c = i;
+  for (let j = 0; j < 8; j++) {
+    c = c & 1 ? 0xedb88320 ^ (c >>> 1) : c >>> 1;
+  }
+  crcTable[i] = c;
+}
+
+function crc32(data) {
+  let crc = 0xffffffff;
+  for (let i = 0; i < data.length; i++) {
+    crc = crcTable[(crc ^ data[i]) & 0xff] ^ (crc >>> 8);
+  }
+  return crc ^ 0xffffffff;
+}
+
+// Generate icons
+const sizes = [16, 32, 48, 128];
+const colors = {
+  black: [26, 26, 26],
+  gray: [156, 163, 175],
+  green: [34, 197, 94],
+};
+
+const iconsDir = join(__dirname, "..", "public", "icons");
+mkdirSync(iconsDir, { recursive: true });
+
+for (const [name, [r, g, b]] of Object.entries(colors)) {
+  for (const size of sizes) {
+    const png = createPng(size, r, g, b);
+    const filename = join(iconsDir, `icon-${name}-${size}.png`);
+    writeFileSync(filename, png);
+    console.log(`Created ${filename}`);
+  }
+}
+
+console.log("Done!");