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
HN SOTA: 해커 뉴스 댓글로 코딩 모델 인기 추적하기
HN SOTA는 매일 업데이트되는 파이프라인으로, Hacker News 댓글을 스크래핑하고 Gemini를 사용하여 OpenRouter 목록에서 코딩 모델을 식별하며, 언급당 감정을 공개 Google 시트에 기록합니다. 10일 이동 창에서 언급 수가 가장 많은 상위 10개 모델이 표시됩니다.
BusyDog Desktop: Mac용 P2P 네트워킹을 갖춘 로컬 AI 에이전트
BusyDog Desktop는 Mac에서 Claude를 직접 실행하는 로컬 AI 에이전트로, 파일 읽기/쓰기, 터미널 명령 실행, 브라우저 제어, 그리고 Hyperswarm DHT와 맞춤형 BDP 프로토콜을 사용한 P2P 네트워크를 통해 다른 에이전트와 연결할 수 있습니다.
운명: 동양 전통 점성술을 활용한 결정적 운세 예측을 위한 클로드 코드 플러그인
Destiny는 사용자의 여덟 자(八子) 생년월일시, 오늘의 일주(日柱), 그리고 주역 괘를 결정론적으로 계산(Python)한 후, Claude를 활용하여 운세 해설을 생성하는 Claude Code 플러그인입니다 — LLM이 지어낸 점성술이 아닙니다.
syntaqlite 구축: AI 지원으로 만든 SQLite 개발 도구 프로젝트
라릿 마간티는 8년 동안 원했던 SQLite용 개발자 도구 세트인 syntaqlite를 AI 코딩 에이전트를 사용하여 3개월 동안 구축했습니다. 이 프로젝트는 400개 이상의 문법 규칙을 포함하는 SQLite의 조밀한 C 코드베이스를 적응시키는 SQLite와 정확히 같은 방식으로 SQL을 파싱하는 작업이 필요했습니다.