Design e Frontend

Expert in building 3D experiences for the web - Three.js, React Three Fiber, Spline, WebGL, and interactive 3D scenes. Covers product configurators, 3D portfolios, immersive websites, and bringing depth to web experiences. Use when: 3D website, three.js, WebGL, react three fiber, 3D experience.

gotcha/learned 관찰에서 스킬 개선점을 추출하여 autoresearch로 연결하는 자기 개선 루프. 축적된 오답노트와 성공 패턴을 스킬에 매핑 → 체크리스트 자동 생성 → autoresearch 실행. gotcha-analyzer가 패턴 감지 후 이 스킬 실행을 제안합니다. /skill-evolve로 실행.

한국어↔영어 양방향 번역 스킬. 일반 텍스트, 기술 문서, 코드 주석, README, 커밋 메시지, i18n JSON/YAML 파일을 자연스럽게 번역합니다. "번역해줘", "translate", "한영 번역", "영한 번역", "i18n" 요청에 실행. /translate로 실행.

Fornece diretrizes de desenvolvimento frontend para aplicações Next.js + React 19 + shadcn/ui, incorporando padrões modernos como App Router, Server/Client Components, Server Actions e melhores práticas de TypeScript. Abrange a criação de páginas, componentes, formulários, estilização e busca de dados com otimização de desempenho.

Breadboard circuit mockups via HTML5 Canvas. Use when creating circuit layouts, visualizing 6502/retro electronics components, drawing breadboard diagrams, or designing vintage computer schematics with discrete parts.

Create and validate Claude Code skills with proper structure, checklists, and validation scripts. Use when creating a new skill, auditing existing skills, or ensuring skills meet quality standards. Generates complete skill scaffolds with SKILL.md, check scripts, guides, and templates.

Master iOS Human Interface Guidelines and SwiftUI patterns for building native iOS apps. Use when designing iOS interfaces, implementing SwiftUI views, or ensuring apps follow Apple's design principles.

Use when receiving two-stage review (spec compliance first, then code quality) feedback, before implementing suggestions, especially if feedback seems unclear or technically questionable - requires technical rigor and verification, not performative agreement or blind implementation.

Next.js architecture specialist. Use when designing Next.js applications,

Python resource management with context managers, cleanup patterns, and streaming. Use when managing connections, file handles, implementing cleanup logic, or building streaming responses with accumulated state.

Expert guide for creating effective prompts for Google Stitch AI UI design tool. Use when user wants to design UI/UX in Stitch, create app interfaces, generate mobile/web designs, or needs help crafting Stitch prompts. Covers prompt structure, specificity techniques, iteration strategies, and design-to-code workflows for Stitch by Google.

When the user wants to design, optimize, or audit masonry (Pinterest-style) layouts for content display. Also use when the user mentions "masonry layout," "masonry grid," "Pinterest layout," "waterfall layout," "brick layout," "varying height grid," "gallery layout," or "masonry SEO." For crawl and scroll UX, use site-crawlability.