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
ClawMetry: Open-Source Observability Dashboard for OpenClaw Agents
ClawMetry is an open-source observability dashboard for OpenClaw agents that provides live session activity, token cost tracking, memory file change detection, and stuck session alerts. It runs locally with pip install clawmetry and was built using OpenClaw itself.
Benchmark Results for Small Local and OpenRouter Models on Agentic Text-to-SQL Task
A developer tested multiple small local and OpenRouter models using a custom agentic text-to-SQL benchmark that converts English queries to SQL with debugging rounds. The benchmark includes 25 questions, runs in under 5 minutes, and reveals top performers like kimi-k2.5 and Qwen 3.5 variants.
Spec-Driven Development Workflow for Claude Code: Decomposition, Context Clearing, and Cost Control
A spec-driven development approach for Claude Code that uses two-dimensional decomposition, context clearing between steps, and specs written to disk to improve agent performance and reduce costs.
OpenClaw PARA skill organizes AI assistant files automatically
A developer created an OpenClaw skill that enforces the PARA method (Projects, Areas, Resources, Archives) for file organization, automatically sorting files into four structured folders instead of dumping everything in the root directory.