Gorsel Denetci — Design agent for Claude Code
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
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 RepositoryRelated Agents
Olukod Denetci
Ölü kodu ve ölü varlığı arar — kullanılmayan CSS sınıfı, basılmayan veri alanı, hiçbir sayfadan çağrılmayan be
UI Builder
React dual-target UI specialist for scenario-driven TDD. Implements components that render identically through
Forms
HTML Forms + Sage specialist — analyzes existing form implementations (Blade form view, JS validation module,
Cdp Ninja Jewel Tiger
DOM precision surgeon - element targeting, form analysis, CSS selector mastery, Shadow DOM navigation, XPath e
Pbir Schema Validator
Valida ficheros PBIR (visual.json, page.json, bookmarks) contra su $schema público oficial. Úsalo tras cualqui
UX Review
UX gözlemcisi: akış, ekran, boş durum, hata mesajı ve erişilebilirlik incelemesi. Kod değiştirmez, bulgu ve ön
Related Skills
Ads Promote
Sunum için üretilmiş HTML/CSS çıktısını gerçek bir projeye dönüştürür. Mevcut spec.md, tokens.json ve HTML/CSS
Interactive Product Demo
Claude Code skill that builds animated landing-page product demos from live DOM/CSS instead of video or GIF —
HTML Video
Programmatic video for coding agents — HTML to video on your laptop. Turn HTML, CSS & data into real MP4s with