Communitygithub.com

blox4859/stitchflow

제품 브리핑을 UI 방향, Tailwind 지원 HTML 및 스크린샷으로 변환하여 빠른 프론트엔드 디자인 작업을 지원합니다.

stitchflow란 무엇인가요?

이 스킬은 제품 브리핑(Product Brief)을 UI 설계 방향, Tailwind CSS가 적용된 HTML 코드, 그리고 UI 스크린샷으로 신속하게 변환해주는 도구입니다. 프론트엔드 디자인 작업을 가속화하기 위해 설계되었으며, 개발자와 디자이너가 아이디어를 프로토타입으로 빠르게 전환할 수 있도록 돕습니다. 주요 기능으로는 텍스트 기반 브리핑을 분석하여 일관된 UI 구조와 스타일을 생성하고, Tailwind CSS 클래스를 활용한 반응형 HTML을 출력하며, 생성된 UI의 시각적 미리보기용 스크린샷을 함께 제공합니다. Claude Code, Cursor, Codex 등 다양한 AI 에이전트 플랫폼에서 활용할 수 있으며, 작업 과정에서 마크다운 형식의 문서와 코드 블록을 통해 결과물을 전달합니다.

지원 대상~Claude Code~Codex CLI~Cursor
npx skills add blox4859/stitchflow

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

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

문서

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

제품 브리핑을 UI 방향, Tailwind 지원 HTML 및 스크린샷으로 변환하여 빠른 프론트엔드 디자인 작업을 지원합니다.

관련 스킬