CSS 현대 기능 에이전트 스킬: AI 코딩 에이전트에서 현대 CSS 관행 강제하기
GitHub에 css-modern-features라는 새로운 에이전트 스킬이 등장했습니다. 이 스킬은 프로젝트의 브라우저 타겟에 따라 최신 CSS 관행을 적용합니다. 색상, 레이아웃, 선택자, 애니메이션, 타이포그래피, 위치 지정 및 컴포넌트 패턴을 포함한 57개 이상의 CSS 기능을 다룹니다.
작동 방식
이 스킬은 AI 코딩 에이전트에 연동되어 CSS 출력을 최신 브라우저 타겟에 적합한 기능으로만 제한합니다. 예를 들어, 프로젝트가 최신 브라우저를 대상으로 하는 경우 float 기반 레이아웃 대신 display: grid를, 유동적 타이포그래피에는 clamp()를, 부모 선택에는 :has()를 선호합니다. 브라우저 타겟을 정의하면 스킬이 허용되는 기능을 조정합니다.
지원되는 에이전트
이 스킬은 다음 도구와 함께 작동합니다:
- Claude Code
- Cursor
- Windsurf
- Codex
- Cline
- GitHub Copilot
중요한 이유
AI 코딩 에이전트는 훈련 데이터에 오래된 코드가 포함되어 있기 때문에 float, clearfix, 벤더 접두사와 같은 구식 CSS를 자주 생성합니다. 이 스킬은 최신 기능만 사용하도록 강제하여 수동 리팩토링을 줄여줍니다. 특히 Browserslist를 통해 '마지막 2개 버전'과 같은 특정 브라우저 버전을 대상으로 해야 하는 코드베이스를 유지하는 팀에 유용합니다.
저장소: github.com/rushenn/css-modern-features
아래 링크된 Reddit 스레드에서 기능 세트 커스터마이징에 대한 추가 커뮤니티 토론을 확인할 수 있습니다.
📖 Read the full source: r/ClaudeAI
👀 See Also
Claude Code: AI로 구축한 프론트엔드를 실제 백엔드에 연결하는 방법
Claude Code로 멋진 프론트엔드를 만들 수 있지만, 종종 하드코딩된 데이터를 사용합니다. 실제 백엔드에 연결하는 네 가지 방법을 소개합니다: 원시 API, SDK, CLI, MCP.
GrapeRoot MCP 도구가 Claude 코드 토큰 사용량을 50-70% 감소시킵니다
한 개발자가 Claude Code를 사용하여 GrapeRoot라는 MCP 도구를 만들었습니다. 이 도구는 탐색된 파일을 추적하고 변경되지 않은 콘텐츠를 다시 읽지 않아 토큰 사용량을 50-70% 줄이고, 20달러 Claude Code 요금제를 2-3배 더 오래 사용할 수 있게 합니다.
M5 Max에서 Flash-MOE 벤치마크: Qwen3.5-397B로 12.99 토큰/초
3970억 파라미터 규모의 Qwen3.5 모델을 MacBook Pro M5 Max(128GB RAM)에서 로컬로 실행한 벤치마크 결과, 4비트 양자화와 cache-io-split 4 설정으로 초당 12.99 토큰을 달성했으며, 이는 원본 48GB 벤치마크보다 세 배 빠른 속도입니다.
에이전트메모리 V4는 LongMemEval 벤치마크에서 96.2%를 달성하며, 상용 AI 메모리 시스템을 능가했습니다.
agentmemory V4는 LongMemEval에서 96.2%의 점수를 기록하며, PwC Chronos(95.6%), Mastra(94.87%), OMEGA(93.2%) 등 여러 자금 지원을 받은 AI 메모리 회사들을 제쳤습니다. 이 시스템은 중급 게이밍 PC에서 16일 동안 단독으로 개발되었으며, 예산은 1,000달러였습니다.