New OpenClaw skill for the community members: ๐ช๐ต๐ฎ๐ ๐ง๐ต๐ถ๐ ๐ฆ๐ธ๐ถ๐น๐น ๐๐ผ๐ฒ๐ You give it a URL. It gives you: {domain}.md โ the complete Design Map (exact colors, type scale, spacing, shadows, radii, grid) + Taste DNA (WHY the designer made each choice and what they rejected) {domain}.json โ machine-parseable version for downstream tools Not vibes. Not "clean and modern." Actual px values, hex codes, and design trade-offs. Example: Run /taste https://linear.app and you'll get the exact font hierarchy, the 8px spacing rhythm, the shadow layering strategy, and WHY Linear chose monochrome icons over colorful ones. ๐ช๐ต๐ ๐ง๐ต๐ถ๐ ๐๐
๐ถ๐๐๐ AI coding agents are terrible at design. They default to Inter font, blue buttons, 8px border-radius, and a card grid. Every AI-generated landing page looks the same because the agent has no taste โ it just picks defaults. The Taste skill fixes this. Instead of "make it look good," you say "use the design DNA from stripe.com." The agent gets exact tokens AND understands the design philosophy behind them. Core insight: Design tokens alone are useless. "Spacing is 8px" means nothing. "Spacing is 8px because the designer chose readable rhythm over data density" โ that's what makes an AI generate good design for a DIFFERENT page. ๐๐ผ๐ ๐๐ ๐ช๐ผ๐ฟ๐ธ๐ Phase 1 โ Capture: Playwright browser loads the URL, takes viewport + full-page screenshots, runs DOM extraction (colors, typography, spacing, cards, grids, effects). Phase 2 โ 4-Step Analysis Pipeline: Step 1 (Measure): 20 categories of precise measurements from the screenshot + DOM Step 2 (Pattern): Detect systematic rules (8px grid? 1.25ร type scale? accent used only on CTAs?) Step 3 (Taste): 4 design trade-offs โ what they chose AND what they rejected. At least one must be a restraint trade-off (something they deliberately didn't do) Step 4 (Observer): Critique everything. Delete generic claims. Converge to 3-4 bulletproof principles. Anti-Slop Enforcement: The pipeline actively rejects "clean," "modern," "sleek," "elegant" โ banned at the grep level. If it passes through, the file fails audit.