본문으로 건너뛰기
RAISE LAB

SKILL

화면·사용 흐름 설계

제품의 화면 디자인 기준과 사용 흐름을 두 개의 설계 문서로 정리합니다.

회원v1.0Opus 5, Sonnet 5

UX 를 두 문서로 나눠 적는 BMAD 스킬입니다. 어떻게 보이는지는 DESIGN.md, 어떻게 동작하는지는 EXPERIENCE.md 가 맡습니다. 이런 때 사용하세요 - 화면을 만들기 전에 디자인 기준과 사용 흐름을 정할 때 - 목업이나 와이어프레임의 기준 문서가 필요할 때 결과물 - DESIGN.md: 색·글꼴·모서리·여백·컴포넌트 값과 사용 규칙 - EXPERIENCE.md: 정보 구조, 문구, 상태, 인터랙션, 접근성 기준, 주요 흐름 필요한 도구 - BMAD 실행 환경이 필요합니다. 「BMAD 설치·다음 단계 안내」(bmad) 스킬로 프로젝트에 먼저 설치하세요(설치에 uv 필요). 사용 범위와 제한 - 클로드가 취향을 먼저 내놓지 않고 질문으로 사용자의 방향을 끌어냅니다. 보여 주는 편이 나을 때만 후보를 그립니다. - 코드를 만들지 않습니다. 화면 코드에 디자인을 반영하려면 「웹 화면 디자인 정하기」를 함께 쓰세요. - 부르는 말: "create UX specifications", "UX 좀 잡자" 원본·제작 - 원본: BMAD-METHOD 공식 저장소(github.com/bmad-code-org/BMAD-METHOD) · 제작: BMad Code · 라이선스: MIT

필요한 것 함께 설치할 스킬 bmad

원본 변경 2026년 10월 17일 · 정보 확인 2026년 10월 19일 · RAISE LAB 실행 확인 전

설치하기

아래 버튼으로 프롬프트를 복사해 내 클로드에 붙여넣으면 클로드가 받아서 설치합니다. 원문은 원본 저장소에서 먼저 볼 수 있습니다.

원본 저장소 열기 (새 탭에서 열림)github.com/bmad-code-org/BMAD-METHOD

어디에 설치되나요

모든 프로젝트에서 쓰려면 내 컴퓨터의 ~/.claude/skills 에, 지금 프로젝트에서만 쓰려면 그 프로젝트의 .claude/skills 에 넣습니다. 프롬프트로 설치하면 어느 쪽에 넣을지 클로드가 물어봅니다.

같은 이름의 스킬이 이미 있으면 지우지 않고 백업해 두도록 프롬프트에 적혀 있습니다. 새 판이 나오면 같은 프롬프트를 다시 붙여넣으세요.

출처와 라이선스

이 스킬은 아래 공개 저작물에서 왔습니다. 원문을 고치지 않고 그대로 실었습니다.

bmad-code-org/BMAD-METHOD · skills/bmad-ux (MIT)

BMad Method 공식 저장소의 skills/bmad-ux 을 2026-09-20 에 받아 왔습니다(커밋 f033e70, 업스트림 표기 6.13.0-next). 라이선스는 MIT 이고, 저장소 LICENSE 에 상표 고지가 함께 붙어 있습니다 — BMad™·BMad Method™·BMad Core™ 는 BMad Code, LLC 의 상표입니다. 이 패키지는 그 스킬을 쓰라고 드리는 것이지 상표 사용권을 드리는 것이 아닙니다.

공식 갱신 경로는 npx skills update 입니다. 이 패키지는 위 시점의 사본이라 자동으로 최신이 되지 않습니다.

라이선스 전문 보기
MIT License

Copyright (c) 2025 BMad Code, LLC

This project incorporates contributions from the open source community.
See [CONTRIBUTORS.md](CONTRIBUTORS.md) for contributor attribution.

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.

TRADEMARK NOTICE:
BMad™, BMad Method™, and BMad Core™ are trademarks of BMad Code, LLC, covering all
casings and variations (including BMAD, bmad, BMadMethod, BMAD-METHOD, etc.). The use of
these trademarks in this software does not grant any rights to use the trademarks
for any other purpose. See [TRADEMARK.md](TRADEMARK.md) for detailed guidelines.

포함된 파일

assets/color-themes.md1.1 KB
assets/design-directions.md1.0 KB
assets/design-example-editorial.md7.2 KB
assets/design-example-mobile.md4.8 KB
assets/design-example-shadcn.md6.2 KB
assets/excalidraw-wireframe.md1.9 KB
assets/experience-example-mobile.md5.0 KB
assets/experience-example-shadcn.md9.1 KB
assets/headless-schemas.md2.6 KB
assets/key-screens.md2.1 KB
assets/validation-report-template.html10.7 KB
customize.toml4.5 KB
module-manifest.toml155 B
NOTICE.md2.3 KB
README.md1.9 KB
references/creative-tools.md1.9 KB
references/design-md-spec.md3.2 KB
references/headless.md2.3 KB
references/validate.md6.6 KB
SKILL.md10.9 KB

파일 확인값 b7598740b87a91cf…

변경 내역

최초 배포 (BMAD-METHOD 6.13.0-next · 커밋 f033e70 원문 그대로)