Devotd Github
新着コーディングエージェント

ngocanhnckh/renderlint — ブラウザ画面の視覚的欠陥チェック

ngocanhnckh/renderlint は実際のブラウザでウェブ画面を検査し、はみ出し、コントラスト不足、要素の重なり、レスポンシブエラーを見つける JavaScript ツールである。

リポジトリ情報ngocanhnckh/renderlint ↗

ngocanhnckh/renderlint は実際のブラウザでウェブ画面を検査し、はみ出し、コントラスト不足、要素の重なり、レスポンシブエラーを見つける JavaScript ツールである。

GitHub の説明: Lint the rendered UI: catches overflowing text, low contrast, overlaps, broken responsive layouts, emoji icons and more in any web framework. Built for AI coding agents.

スター
★ 105
フォーク
23
言語
JavaScript
ライセンス
MIT
原文を見る ↗GitHub で見る ↗

ngocanhnckh/renderlint は実際のブラウザにウェブアプリを起動し、画面の視覚的欠陥を探す検査ツールである。文字がカードの外にはみ出す、テキストのコントラストが低い、要素同士が重なるといった問題と、特定の画面幅で崩れるレイアウトを調べる。リポジトリの説明では、どのウェブフレームワークでも利用でき、コーディングエージェントが作成した画面を検査するよう設計されていると明かしている。新しいバージョンやリリースの情報は示されていない。リポジトリの言語は JavaScript で、MIT ライセンスで公開されている。

ソースコードだけを見るのではなく、ブラウザが実際に描画した画面を確認예방点が核心である。ドキュメントによると、複数の画面サイズとダークモードを検査し、発見した問題の位置と画面のキャプチャ、修正の方向を報告する。ログイン状態を接続して検査する方法も説明されている。ブラウザ自動化や Storybook の検査との統合方法もドキュメントに含まれており、UI コンポーネントやログイン後に表示される画面を検査するフローを用意できる。これはドキュメントに記載された機能の範囲であり、すべてのアプリケーションで同じように動作することが保証されているわけではない。

このツールの用途は、レンダリングされた画面で目視できる欠陥を見つけることに限られる。提供された情報には検出精度や処理時間に関する測定値はない。したがって画面のキャプチャと問題の位置から修正対象を見つける目的には活用できるが、画面品質全般を評価したり他の検証を置き換えたりすると判断できる根拠は乏しい。