flex-grid-flow
✓유연하고 반응성이 뛰어난 인터페이스를 위한 프레임워크에 구애받지 않는 디자인 철학입니다. 레이아웃 사고, 유연한 타이포그래피/간격 수학, 적응형 색상 및 엄격한 규칙을 다룹니다. SCSS와 Tailwind의 적용 범위가 동일합니다.
SKILL.md
A thinking framework for building responsive interfaces. This skill applies to any stack: React, Vue, Astro, Svelte, 11ty, plain HTML, Tailwind, SCSS, or vanilla CSS.
Common misconception: mobile layouts should center all content. Reality:
Not everything needs to be fluid. Choose based on the project:
유연하고 반응성이 뛰어난 인터페이스를 위한 프레임워크에 구애받지 않는 디자인 철학입니다. 레이아웃 사고, 유연한 타이포그래피/간격 수학, 적응형 색상 및 엄격한 규칙을 다룹니다. SCSS와 Tailwind의 적용 범위가 동일합니다. 출처: oerlellijk/design-system-skill.
인용 가능한 정보
AI/검색 인용용 안정적인 필드와 명령어.
- 설치 명령어
npx skills add https://github.com/oerlellijk/design-system-skill --skill flex-grid-flow- 카테고리
- </>개발 도구
- 인증됨
- ✓
- 최초 등록
- 2026-02-01
- 업데이트
- 2026-02-18
빠른 답변
flex-grid-flow이란?
유연하고 반응성이 뛰어난 인터페이스를 위한 프레임워크에 구애받지 않는 디자인 철학입니다. 레이아웃 사고, 유연한 타이포그래피/간격 수학, 적응형 색상 및 엄격한 규칙을 다룹니다. SCSS와 Tailwind의 적용 범위가 동일합니다. 출처: oerlellijk/design-system-skill.
flex-grid-flow 설치 방법은?
터미널 또는 명령줄 도구(Terminal, iTerm, Windows Terminal 등)를 엽니다 이 명령어를 복사하여 실행합니다: npx skills add https://github.com/oerlellijk/design-system-skill --skill flex-grid-flow 설치 후 스킬은 자동으로 AI 코딩 환경에 설정되어 Claude Code나 Cursor에서 사용할 수 있습니다
소스 저장소는 어디인가요?
https://github.com/oerlellijk/design-system-skill
상세
- 카테고리
- </>개발 도구
- 출처
- skills.sh
- 최초 등록
- 2026-02-01