Screen Ruler Chrome Extension - Measure, Inspect & Edit the Web

kept by eddie oct 14

Screen Ruler is a free Chrome extension that lets developers measure, inspect, edit CSS, extract assets, and connect AI agents via MCP for live page manipulation.

Vanilla CSS is all you need
37signals builds complex web apps with vanilla CSS, no build tools, proving modern CSS features are sufficient for production.
also on Tailwind, #design, #productivity, #developer-tools
GitHub - shadcn-ui/lint: An agent-first linter for Tailwind design systems. Write design system rules that agents can verify.
@shadcn/lint is an agent-first linter that enforces Tailwind design‑system rules and provides agents with specific fix suggestions based on your components and theme.
also on Tailwind, #ai-coding, #developer-tools
How to Do AI-Assisted Engineering - by Gregor Ojstersek
Engineers and leaders from 15 companies share structured workflows for AI-assisted coding, emphasizing design-first approaches, rigorous review, and context discipline over ad-hoc prompting.
also on Windsurf, Cursor, Claude Code, #ai-coding, #productivity, #developer-tools
The Agent Skills Directory
Skills.sh provides a directory of reusable capabilities that can be installed with a single command to enhance AI coding agents like Claude Code, Cursor, and Copilot.
also on Windsurf, Cursor, Claude Code, #ai-coding, #developer-tools