Communitygithub.com

hairyf/tailwindcss

Tailwind CSS 유틸리티 우선 CSS 프레임워크입니다. 유틸리티 클래스로 웹 애플리케이션 스타일링, 반응형 디자인 구축, 테마 변수로 디자인 시스템 커스터마이징 시 사용하세요.

tailwindcss란 무엇인가요?

이 스킬은 Tailwind CSS 유틸리티 우선 CSS 프레임워크를 위한 것입니다. 웹 애플리케이션을 유틸리티 클래스로 스타일링하거나, 반응형 디자인을 구축하거나, 테마 변수를 사용하여 디자인 시스템을 사용자 정의할 때 사용합니다. Tailwind CSS는 미리 정의된 저수준 유틸리티 클래스를 제공하여 HTML 내에서 직접 스타일을 적용할 수 있게 해주므로, 별도의 CSS 파일을 작성할 필요 없이 빠르고 일관된 스타일링이 가능합니다. 주요 기능으로는 반응형 디자인을 위한 브레이크포인트, 다크 모드 지원, 사용자 정의 테마 및 플러그인 확장성 등이 포함되어 있습니다. 이 스킬은 Claude Code, Cursor, Codex 등 다양한 AI 에이전트 플랫폼에서 사용할 수 있으며, 프로젝트 설정 및 구성에 대한 지침을 제공합니다.

지원 대상~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/hairyf/skills/tree/main/skills/tailwindcss

즐겨 사용하는 AI에게 물어보기

이 에이전트 스킬이 미리 로드된 새 채팅을 엽니다.

문서

tailwindcss은(는) 무엇을 하나요?

Tailwind CSS 유틸리티 우선 CSS 프레임워크입니다. 유틸리티 클래스로 웹 애플리케이션 스타일링, 반응형 디자인 구축, 테마 변수로 디자인 시스템 커스터마이징 시 사용하세요.

Individual skills in this repo

This repo contains 1 individual skill — each has its own dedicated page.

관련 스킬