css
30 articles about css in AI news
CLAUDE.md for Mobile: How One File Fixes Claude Code's CSS Blindspot
A specialized CLAUDE.md file fixes Claude Code's generic CSS by injecting mobile-specific rules, preventing iOS zoom, untappable buttons, and dark mode failures before shipping.
Qwen 3.8 Max Generates macOS Clone in Single HTML Pass
Qwen 3.8 Max generated a full macOS clone in HTML/CSS/JS in a single pass, demonstrating unusually high UI fidelity for a code generation model.
Google DeepMind Unveils Gemini-Powered Browser That Generates Websites in Real-Time
Google DeepMind has demonstrated a browser prototype powered by Gemini 3.1 Flash-Lite that generates complete HTML/CSS websites dynamically based on user prompts and navigation context, shifting from static page retrieval to on-demand interface generation.
Claude Code's Built-In Preview MCP: Instant Frontend Previews Without Configuration
Claude Code Desktop now includes a built-in MCP server for instant HTML/CSS/JS previews—no installation or configuration needed.
Chinese Models Claim Top-3 Front-End Design Spots
Chinese models Kimi and Qwen now hold two of the top three front-end design spots, sharing the podium with Anthropic's Claude. Parity signals a narrowing capability gap.
13,000+ MCP Servers Exist — Here's How to Find the Right One
MCP hit 13,000+ servers and 97M monthly SDK downloads. mcp-hub solves discovery with search and install commands. Install it now to stop guessing on npm.
Anthropic Ships Opus 5: Near-Fable Coding at Half Price
Anthropic launched Claude Opus 5 at $5/$25 per million tokens, matching Fable 5 on CursorBench at half cost. ARC-AGI 3 score 3x next-best; Claude Code v2.1.219 adds ops features.
How to Set Up CLAUDE.md: The Five-Question Framework That Makes Claude
Set up CLAUDE.md with `claude init` and the five-question framework (Who/What/Where/Why/How) to give Claude Code persistent project context, under 200 lines.
Use This Brand-Kit Script to Stop Claude Code from Generating Generic
Use brand-kit's generate.sh to front-load a brand guide before any frontend implementation, preventing Claude Code from defaulting to generic Tailwind patterns.
How a Real Next.js Team Used CLAUDE.md and Directus MCP to Ship 3x Faster
CLAUDE.md + Directus MCP cut correction loops 50% on a Next.js 15 storefront. One dev's real-world setup, rules, and cautionary tales.
Muxer: Open-Source Model Multiplexer Slashes Claude Code Costs by Routing
Muxer reduces Claude Code costs by multiplexing models per subtask via agent frontmatter and session hooks. Keep Fable/Opus for planning; route boilerplate to Haiku.
Apple's Safari 247 Ships Official MCP Server: Debug Websites from Claude Code
Apple's Safari 247 MCP server lets Claude Code inspect and debug live web pages. Install it via Homebrew and connect to debug rendering or JavaScript issues.
MACCHA: The File-Based Cross-Agent Brain That Makes Claude Code Remember
MACCHA solves Claude Code's cold-start problem with a file-based 7-tier memory system. Use it to persist preferences, project rules, and lessons across sessions without a daemon.
How to Write a CLAUDE.md That Actually Stops Bad Next.js Code
Write a CLAUDE.md with project rules and a 'What NOT to Do' section to prevent Next.js App Router mistakes like old Router usage and missing 'use client'. Keep it lean.
Use CLAUDE.md as External Working Memory
Use CLAUDE.md as external working memory: add Stack, Voice, Gotchas, and Current checkpoint sections to cut session restart time from 5–15 minutes to under 1 minute, per self-reported data.
Claude Code Users: Why Your Rules Get Ignored (And How to Fix It with CLAUDE.md)
Claude Code's CLAUDE.md enforces project rules, unlike Cursor's legacy .cursorrules. Structure with alwaysApply: true and split by domain.
Claude Copies Any UI From URL: Colors, Fonts, Layout
Claude can now copy any UI from a URL, extracting colors, fonts, and layout to rebuild the interface, per a demo by @HowToAI_. Anthropic has not officially confirmed the feature.
Gemini 3.5 Flash Generates Full Web OS in One Shot
Gemini 3.5 Flash generated a full web OS from one prompt in a single HTML file, showcasing one-shot generation of complex UI.
Nokia Deploys Agentic AI Agents Across Fixed Network Platforms
Nokia launched agentic AI agents across its fixed network platforms to automate troubleshooting and accelerate fiber deployment by 25%.
GPT-5.5 Demo Shows AI Generating Functional Excel-Like Spreadsheet
A user demonstrated GPT-5.5 creating a web-based spreadsheet with formatting and grid behavior. This showcases incremental progress in AI's ability to generate complex, interactive frontend code from natural language.
Claude Design's /artboard Command: A New Tool for UI-First Development
Claude Code users can now use the new /artboard command to generate UI mockups and component specs directly within their workflow, streamlining front-end development.
Stop Thinking 'Progressive Disclosure' for Claude Skills — Think
A mental model shift from 'progressive disclosure' to 'progressive discovery' makes building Claude Skills more intuitive by clarifying Claude's active role in finding what it needs.
Claude Code's Playwright MCP Server: Generate Web Tests from Natural Language
Claude Code now integrates with Playwright via MCP, letting you generate complete test automation from simple prompts without leaving your terminal.
Onlook: Open-Source AI Tool Edits React Code Visually, Hits 23.9K GitHub Stars
Onlook, an open-source desktop app, enables visual editing of live React and Next.js applications, with AI generating and writing code changes directly to the codebase. It has gained 23.9K GitHub stars, positioning itself as a free alternative to paid design tools like Figma.
From Vibe Code to Viable Product: The 6 Claude Code Prompts You're Missing
A developer's year-long journey reveals the critical prompts for edge cases, error states, and integrations that turn a 48-hour Claude Code MVP into a shippable product.
How to Force Claude Code to Ship 100-Performance Code with Google Lighthouse
A complete performance guardrail system that makes Claude Code validate every change against Lighthouse (100 score required) and optionally Google Analytics/Search Console before shipping.
Google DeepMind: Web Environment, Not Model Weights, Is Key AI Agent Attack Surface
Google DeepMind researchers present a systematic framework showing that the web environment itself—not just the model—is a primary attack surface for AI agents. In benchmarks, hidden prompt injections hijacked agents in up to 86% of scenarios, with memory poisoning attacks exceeding 80% success.
Developer Icons: Open-Source, Typed React Library for Tech Logos
Developer Icons, a new open-source library, offers fully-typed React components for tech logos with consistent design and optimization, eliminating the common hassle of mismatched SVG assets.
How to Fix Claude Code's Remote Control Issues and Get Visual Feedback
Practical solutions for Claude Code's remote control instability and lack of visual feedback when building UI components.
Claude Code Hooks: How to Auto-Format, Lint, and Test on Every Save
Configure hooks in .claude/settings.json to run prettier, eslint, and tests automatically, ensuring clean code without manual intervention.