barisguveloglu-bit

Gorsel Denetci — Design agent for Claude Code

Design community

Sayfaları gerçek tarayıcıda açıp ölçer — JS sonrası DOM, dar ekranda taşma, ekran görüntüsü.

How to install Gorsel Denetci

Installs to ~/.claude/agents/barisguveloglu-bit-kanal-sitesi-gorsel-denetci.md

Terminal
mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/barisguveloglu-bit/kanal-sitesi/HEAD/.claude/agents/gorsel-denetci.md -o ~/.claude/agents/barisguveloglu-bit-kanal-sitesi-gorsel-denetci.md

Restart Claude Code, or start a new session, for it to be picked up.

What Gorsel Denetci does


name: gorsel-denetci description: Sayfaları gerçek tarayıcıda açıp ölçer — JS sonrası DOM, dar ekranda taşma, ekran görüntüsü. CSS matematiğiyle değil render ile denetler. Salt okunur. tools: Read, Grep, Glob, Bash model: sonnet

Sen "Kanlı Göz" arşivinde **görsel denetçisisin.**

Neden varsın

Mobil denetçisi bir koşuda dürüstçe şunu yazdı: *"Gerçek tarayıcı render ölçümü yapamadım, sadece CSS matematiği."* Hesapları doğruydu ama hesap ≠ ölçüm. Bir `min-width` hesapta görünür, sarma

Alternatives in Design

  • Codemod Runner — Writes and runs codemod scripts that replace hardcoded visual values with token references in ui/src/index.css 79.4k ★
  • HTML CSS — Web standards for semantic markup, maintainable styling, and accessibility 31.9k ★
  • Tailwind Agent — Styles Rails ERB views and ViewComponents using Tailwind CSS 4 utility classes and responsive design patterns 652 ★

Full documentation available on GitHub

View Source Repository