#WebKit
75 related articles
·2 min
Bun: The All-in-One High-Performance JS Toolkit — Runtime, Bundler, and Package Manager
Bun combines a JS runtime, bundler, test runner, and package manager into one executable. Built on JavaScriptCore and Zig, it offers blazing-fast startup, native TypeScript support, and Node.js compatibility.
Read more →
·3 min
Pure CSS Popover Animations: A Complete Zero-JavaScript Guide
Learn how to build smooth open/close popover animations using the HTML popover attribute, CSS Anchor Positioning, and @starting-style — zero JavaScript needed.
Read more →
·6 min
Playwright E2E Builder: Engineering AI-Driven Web Automation Testing
Playwright E2E Builder is an AI Skill installed in Cursor that transforms UI automation from throwaway scripts into sustainable engineering assets through a four-step workflow, with built-in locator health checks.
Read more →
·7 min
Single-Responsibility Component Design: Learning Abstraction and Reuse from message-scroller
Through the practical case of the message-scroller component, this article delves into applying the Single Responsibility Principle in front-end component design—how to abstract scrolling logic independently and balance cost with long-term returns.
Read more →
·6 min
Playwright's Three Test Agents: A Deep Dive into Planner, Generator, and Healer
Playwright's three new Test Agents—Planner, Generator, and Healer—cover the full pipeline from test design to script generation and auto-repair, integrated with VS Code, Claude Code, and more.
Read more →
·3 min
Benchmarking Popular Claude Skill Libraries: A 5-Step Core Pattern for AI Agent Development
A deep-dive evaluation of Addy Osmani, Matt Pocock, and Gary Tan's skill libraries, distilling a 5-step Research→Prototype→Plan→Build→Test agent dev loop and why the best skill system is always your own.
Read more →
·4 min
Four Core Strategies for Building Effective Claude Code Agents
Master Claude Code agents with four core strategies: planning, verification, context management, and system evolution. Move beyond Vibe Coding to systematic AI development.
Read more →
·3 min
6 AI Testing Skills Covering the Full Workflow, Boosting Efficiency Several Times Over
6 AI Skills for test engineers: test case generation, PRD-to-XMind, JMeter scripts, Playwright automation, performance reports, and requirement checklists—completing 2-3 days of work in half a day.
Read more →
·3 min
Three-Layer Workflow Optimization for Claude Code: Requirements Extraction, HTML Specs, and Embedded Verification in Practice
Anthropic engineer Arno shares a Claude Code workflow: AI-driven requirements extraction, HTML specs over Markdown, and DOM-embedded verification to boost AI-assisted coding efficiency.
Read more →
·4 min
Kimi Code Advanced Tutorial: Video Understanding, Swarm Mode & ACP Protocol Practical Guide
In-depth guide to Kimi Code's advanced features: video understanding, Swarm parallel mode, ACP protocol IDE integration, Goal multi-round iteration, and Skills configuration with Claude Opus comparison data.
Read more →
·3 min
Playwright vs Selenium: Why More People Are Switching to Playwright
In-depth comparison of Playwright vs Selenium: DevTools protocol speed advantages, async support, smart locators, and AI/MCP integration to help you choose the right Web automation tool.
Read more →
·2 min
AI-Powered Playwright: A Beginner's Guide to Zero-Code Web Automation Testing
Compare Playwright vs Selenium, explore Playwright's DevTools Protocol speed advantages, smart locators, and AI integration via MCP for zero-code web automation testing.
Read more →
·3 min
Playwright vs Selenium In-Depth Comparison: A Test Automation Tool Selection Guide for the AI Era
In-depth comparison of Playwright vs Selenium covering DevTools Protocol, async performance, smart locators, and AI MCP integration to help you choose the best automation testing tool.
Read more →
·3 min
MCP vs Skills: Understanding the Key to AI Testing Efficiency
Understand the key differences between MCP (Model Context Protocol) and Skills through practical analogies and real testing scenarios to boost AI-driven test automation efficiency.
Read more →
·3 min
6 Must-Have MCPs for Claude Code: Upgrade It to a Full AI Development Workstation
6 essential MCPs for Claude Code: Playwright, File System, Sequential Thinking, Context7, GitHub, and Memos — upgrade your AI coding assistant into a complete development workstation.
Read more →
·2 min
CSS if() Statements and Custom Functions: Media Queries Are About to Change Dramatically
CSS is introducing if() statements and @function custom functions, revolutionizing how media queries are written. Learn about inline conditionals, custom responsive functions, and their impact.
Read more →
·3 min
Pure CSS Scroll-Driven Animations: No JavaScript Required
Learn how to implement CSS Scroll-driven Animations using animation-timeline and view() for pure CSS scroll fade effects, with animation-range tips and best practices.
Read more →
·3 min
AI-Powered Playwright: A Practical Guide to Zero-Code Web Automation Testing
Explore Playwright's core advantages including DevTools Protocol architecture, smart locators, and high-concurrency support, plus how to achieve zero-code automation testing with AI via MCP.
Read more →
·3 min
Must-Have Claude Code Plugins: 10 Plugins to Build a Complete Development Environment
10 curated Claude Code plugins covering automation, real-time docs, browser testing, design implementation, and security scanning, with installation order and configuration tips.
Read more →
·3 min
Claude Sonnet 4 Invents Its Own Browser Automation: The Wild Debugging Journey of a CSS Bug
Simon Willison shares how Claude Sonnet 4 (Fable) autonomously invented PyObjC screenshots, built a CORS server, and penetrated Shadow DOM to debug a CSS bug — revealing both tool-making power and security risks.
Read more →