The latest articles on DEV Community by @xggja (@gqf). https://dev.to/gqf https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F4207449%2F9a8aa45a-d45c-4e50-ac97-615acfbe1799.jpg https://dev.to/gqf en @xggja Mon, 26 Oct 2026 00:18:21 +0000 https://dev.to/gqf/i-built-rea-websites-a-research-first-skill-for-understanding-website-design-513n https://dev.to/gqf/i-built-rea-websites-a-research-first-skill-for-understanding-website-design-513n <p>A website’s design goes beyond its first screenshot. Navigation changes on scroll, images respond to the cursor, typography shifts between viewports, and animations depend on specific triggers.</p> <p>I’ve published REA Websites, a Codex skill that helps investigate those details and preserve the findings for future development.</p> <p><a href="https://github.com/gjaekz/rea-websites" rel="noopener noreferrer">Explore REA Websites on GitHub</a><br> What it does<br> The skill guides an agent through website research using <a href="https://github.com/morluto/rea" rel="noopener noreferrer">Reverse Engineer Anything (REA)</a>.</p> <p>Its checklist covers 16 areas, including:</p> <ul> <li>Layout, spacing, typography, and color systems</li> <li>Navigation, buttons, and cursor interactions</li> <li>Scrolling, animations, and page transitions</li> <li>Photography, galleries, and responsive behavior</li> <li>Accessibility and observable performance The output is a reusable knowledge base: an index, coverage report, color palette, recreation guide, and supporting notes and captures where available. Evidence matters Findings distinguish between verified, inferred, estimated, and unknown details.</li> </ul> <p>For example, a color extracted from inspected CSS has a different evidential basis from a color sampled from a screenshot. The documentation preserves that distinction.<br> Research first. Build when requested.<br> Completing research does not automatically start implementation.</p> <p>When you explicitly request a build, the skill uses the saved findings as a reference. Your branding, content, and creative direction guide the result.<br> Install REA first<br> You must install the upstream reverse-engineer-anything skill on your computer and connect REA MCP to your agent before using REA Websites for research.</p> <p>REA Websites provides the workflow instructions and research references. REA supplies the investigation tools.</p> <p>Installation instructions and example prompts are available in the repository README.</p> <p>The project is available under the MIT license. Feedback and contributions are welcome.</p> ai webdev opensource productivity