Visual verification of a running page through Chrome's DevTools Protocol, capturing screenshots and measuring the rendered DOM. Use when a frontend change can only be confirmed once rendered, for layout, spacing, alignment, overflow, or theme tokens.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
wellwelwel/weslley.io☆ 132026년 10월 26일 업데이트
Authoritative engineering reference covering code conventions, comments, TypeScript type rules, testing, and commit messages. Use before writing or changing any source file, and when suggesting a commit message.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
wellwelwel/weslley.io☆ 132026년 10월 26일 업데이트
Responsive image generation and audit through a deterministic hook. It encodes every declared master into AVIF and WebP at the widths devices actually render, detects drift between masters and their generated variants, and pairs with the Picture component so pages serve the smallest fitting source. Use when adding, changing, or auditing raster images.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
wellwelwel/weslley.io☆ 132026년 10월 26일 업데이트
Design engineering principles for making interfaces feel polished. Use when building UI, reviewing frontend code, or working on any visual detail, from animations, hover states, shadows, borders, and typography to optical alignment and tabular numbers.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
wellwelwel/weslley.io☆ 132026년 10월 26일 업데이트