CSS Modern Features Agent Skill: Enforce Modern CSS Practices in AI Coding Agents
There's a new agent skill on GitHub called css-modern-features that enforces modern CSS practices based on your project's browser targets. It covers 57+ CSS features across color, layout, selectors, animation, typography, positioning, and component patterns.
How It Works
The skill hooks into AI coding agents and restricts CSS output to only modern, browser-target-appropriate features. For example, if your project targets modern browsers, it would prefer display: grid over float-based layouts, clamp() for fluid typography, and :has() for parent selection. You define the browser targets, and the skill adjusts which features are allowed.
Supported Agents
The skill works with:
- Claude Code
- Cursor
- Windsurf
- Codex
- Cline
- GitHub Copilot
Why This Matters
AI coding agents frequently generate outdated CSS (e.g., float, clearfix, vendor prefixes) because their training data includes old code. This skill forces them to stick to modern features, saving you from manual refactoring. It's particularly useful for teams maintaining codebases that must target specific browser versions (e.g., 'last 2 versions' via Browserslist).
Repo: github.com/rushenn/css-modern-features
The Reddit thread (linked below) has additional community discussion on customizing the feature set.
📖 Read the full source: r/ClaudeAI
👀 See Also
Running NemoClaw with Local vLLM: Setup Notes and Agent Engineering Observations
A developer documented running NVIDIA's NemoClaw sandboxed AI agent platform with a local Nemotron 9B v2 model via vLLM on WSL2. Key findings include inference routing details, parser compatibility issues, and observations about the agent engineering gap.
Travel Hacking Toolkit: AI Skills and MCP Servers for Points and Miles Search
A GitHub repository provides 7 markdown skills and 6 MCP servers that teach Claude Code and OpenCode to search award flights across 25+ mileage programs, compare cash prices, pull loyalty balances, and find hotels and ferries. Setup requires cloning the repo and running setup.sh.
LLM Skirmish: A Real-Time Strategy Game Benchmark for AI Coding Agents
LLM Skirmish is a benchmark where AI agents write code to play 1v1 real-time strategy games against each other. It uses a modified Screeps API and tests in-context learning across five tournament rounds.
Building a $6.4k Local LLM Server: TCO Breakdown vs API Costs
A developer shares a detailed total cost of ownership for a 4x MI100 local server running llama.cpp, compared to API equivalents including OpenAI and Z.AI coding plans.