4 entries
Keyword: chrome-extensionLink:Fudge
Fudge is a Model Context Protocol (MCP) server that connects AI coding tools to an indexed library of real website designs. It inspects typography, color palettes, spacing, and components, and converts live sites into implementation-ready design systems.
From X post: Tools for Designers in the AI Era: From Inspiration to Contract Signing
Link:Michael Vereb
The Copy Markdown browser extension includes a feature that extracts design tokens from live websites. By traversing the CSSOM, it exports color palettes, typography hierarchies, spacing, shadows, and CSS variables into structured DESIGN.md files.
From X post: Curated Directory of DESIGN.md Resources and AI-Ready Design Systems
Repository:per-simmons/clone-app-pat-pro-public
clone-app-pat-pro is a Claude Code skill designed to reproduce web applications from a URL with pixel-level precision. Instead of guessing from screenshots, it analyses live rendered code, extracts design tokens, downloads assets, and verifies copies using computed-style assertions.
245starsJavaScript
From Video: Opus 5.5 Review: Benchmarks, Pricing and Real-World Testing Against Fable 5.1 and GPT-6 Astra
Link:MagicPath
The 'Web Capture - HTML to React' Chrome extension by MagicPath captures HTML elements from websites and converts them into interactive React components. Captured components can subsequently be refined manually or modified using AI prompts on an interactive canvas.
4 of 4 shown
Do you have an interesting article, a video, or a tweet that belongs in our knowledge base? Write to us at office@webconsulting.at.
Parts of this content were created with the assistance of AI.
