frontend-perf
์ฑ๋ฅ ์ต์ ํ ์์ด์ ํธ. ํ๋ก ํธ์๋ ์ฑ๋ฅ์ ๋ถ์ํ๊ณ ์ต์ ํํฉ๋๋ค.
์ฑ๋ฅ ์ต์ ํ ์์ด์ ํธ. ํ๋ก ํธ์๋ ์ฑ๋ฅ์ ๋ถ์ํ๊ณ ์ต์ ํํฉ๋๋ค.
Inspect web pages for privacy, fingerprinting, and content blocker behavior. Use when user asks to 'check this site', 'inspect page', 'analyze trackers', 'test content blocker', or 'debug browser'.
Performance profiling principles. Measurement, analysis, and optimization techniques.
Web performance optimization and Core Web Vitals. Covers LCP, FID, CLS, code splitting, lazy loading, caching strategies, image optimization, and performance monitoring. Trigger: When optimizing performance, when improving Core Web Vitals, when implementing code splitting, when optimizing images, when setting up caching.
pprof usage and performance analysis. Use when profiling applications.
Debug Svelte application issues systematically. This skill helps diagnose and resolve Svelte-specific problems including reactivity failures, runes issues ($state, $derived, $effect), store subscription memory leaks, SSR hydration mismatches, and compiler warnings. Covers both Svelte 4 legacy patterns and Svelte 5 runes-based reactivity. Provides debugging tools like $inspect(), {@debug} tags, and svelte-check CLI usage.
Take screenshots of web pages using shot-scraper. Use when the user wants to capture screenshots, test web pages visually, generate documentation images, or verify page rendering. Supports viewport control, element selection, JavaScript execution, and various output formats.
Comprehensive guide to CPU and memory profiling in Node.js and Python for identifying bottlenecks and optimizing performance
Explain code operation, logic, and design clearly and systematically. Use when the user asks to explain code, understand how something works, what a function does, or requests logic analysis.
ใกใขใชๆงๆใฎ็ฃๆปใจๅๆใ็พๅจใฎใกใขใช็ถๆ ใ่ฉไพกใใๆ้ฉๅใใคใณใใ็นๅฎใUse when user wants to audit memory, check memory status, analyze memory configuration, or evaluate memory efficiency. Also use when user says ็ฃๆป, ใใงใใฏ, ๅๆ, ่ฉไพก, ็พ็ถ็ขบ่ช.
Structured debugging process for bugs. Reproduces, isolates, hypothesizes, tests, fixes minimally, and documents learnings.
Detect empty catch blocks and exception swallowing anti-patterns. Finds catch blocks that silently ignore errors without logging or rethrowing. Works across all languages. Use when user asks about error handling issues.
Review artifact scan results for reportable bug bounty findings. Analyzes archives, SQL dumps, binary databases, and source backups for secrets, code vulnerabilities, misconfigurations, and PII exposure. Focuses on high-confidence findings with clear security impact.
Use this skill when working with TypeScript/JavaScript files (.ts, .tsx, .js, .jsx, .mts, .cts, .mjs, .cjs) in Deno projects, or when the user asks about Deno-specific patterns, imports, configuration, testing, or tooling.
๋ฐ์ํ ๋์์ธ ๊ฒ์ฆ ์คํฌ. ๋ชจ๋ฐ์ผ/ํ๋ธ๋ฆฟ/๋ฐ์คํฌํฑ ๋ ์ด์์, ๋ธ๋ ์ดํฌํฌ์ธํธ ์ฌ์ฉ, ํฐ์น ์นํ์ฑ์ ๊ฒํ ํฉ๋๋ค. Use when: checking responsive design, verifying mobile layout, testing breakpoints, or reviewing media queries. Triggers: ๋ฐ์ํ ์ฒดํฌ, ๋ชจ๋ฐ์ผ ํ์ธ, ๋ธ๋ ์ดํฌํฌ์ธํธ ๊ฒ์ฌ, responsive check, mobile test, breakpoint review
Debug ASP.NET Core and .NET applications with systematic diagnostic approaches. This skill covers troubleshooting dependency injection container errors, middleware pipeline issues, Entity Framework Core query problems, configuration binding failures, authentication/authorization issues, and startup failures. Includes Visual Studio and VS Code debugging, dotnet-trace, dotnet-dump, dotnet-counters tools, Serilog configuration, Application Insights integration, and four-phase debugging methodology.
TypeScript/Reactใใใฉใผใใณในใฌใใฅใผในใญใซใๆธฌๅฎใใกใผในใใฎๆ้ฉๅ่ฆณ็นใงใณใผใใใฌใใฅใผใใใญใณใใจใณใ๏ผre-renderใใใณใใซใตใคใบ๏ผใใใใฏใจใณใ๏ผN+1ใใญใฃใใทใฅ๏ผใAPI๏ผใใคใญใผใใๅง็ธฎ๏ผใฎใใใฉใผใใณในๅ้กใๆคๅบใใใใใฉใผใใณในใฌใใฅใผใใ้ๅบฆๆนๅใใๆ้ฉๅใใงใใฏใใชใฉใฎใชใฏใจในใๆใซไฝฟ็จใ
Chrome ํ์ฅ ํ๋ก๊ทธ๋จ ๊ฐ๋ฐ ์ปจ์คํดํธ
Handle MoonBit bit-level parsing and pattern matching over BytesView slices, including using bytes[start:end] and bit patterns like [u1(i), u2(j), ..] or mixed-width fields. Use when extracting or validating packed fields from Bytes/BytesView with bit patterns.
Review OBS Studio plugins for correctness, memory safety, thread safety, and best practices. Audits module registration, callback implementations, resource cleanup, and common anti-patterns. Use when reviewing OBS plugin code or preparing for release.
Inspect and automate Obsidian using Chrome DevTools Protocol
Go performance optimizations including memory allocation reduction, efficient string building, I/O operations, and resource pooling. Use when optimizing Go code for speed or memory efficiency.
Analyze volatile memory (RAM) dumps for forensic investigation. Use when investigating malware infections, rootkits, process injection, credential theft, or any incident requiring analysis of system memory state. Supports Windows, Linux, and macOS memory images.