다들 알림 자동화를 정말 잘 만들어왔더라고! 실제로 유용하게 활용할 수 있을 것 같은 아이디어를 보다 보니 문득 업무에서도 비슷한 방식으로 줄일 수 있는 반복 작업이 있지 않을까 생각하게 됐어.
나는 회사에서 학습 앱(iOS/Android/PC데스크탑)과 상품 판매용 웹 사이트를 동시에 운영하고 있어서, 모바일·태블릿·PC 등 다양한 기기 환경과 화면 크기에 맞춰 매번 테스트할 게 정말 많거든. 그런데 동료들이 오류 제보(QA)를 할 때 날것의 텍스트로 중구난방 적다 보니 정보가 누락되거나 플랫폼별 제약 사항이 헷갈려서 개발팀과 소통할 때 시간이 꽤 걸리는 게 늘 아쉬운 반복 작업이었어.
마침 이번 주 숙제가 터미널 명령어(Command)와 에이전트(Agent) 규칙을 마크다운 문서로 작성해 보는 거였잖아? 근데 터미널에서 나 혼자 명령어를 실행하는 것보다, 내가 미리 정리해 둔 기준서들(내부 서비스 UI 용어 표준, 시스템 제약, AI 프롬프트 설계, QA 작성 기준)과 플랫폼별 QA 예시 파일들을 분석하고, QA 작성 과정에서 업데이트된 정책서와 프롬프트를 실시간으로 덧붙여서 개발자 표준 문서로 자동 정제해 주는 간단한 웹 화면을 만들면 팀원들이 브라우저에서 함께 쓸 수 있어서 훨씬 실용적이겠다는 생각이 들더라고.
비록 개발자는 아니지만, 클로드의 도움을 받아 요즘 핫하다는 스택(shadcn/ui, Tailwind v4)으로 나만의 작은 업무 자동화 서비스를 직접 만들어 보면 재밌겠다는 마음으로 이 프로젝트를 시작하게 됐어! (아직은 완전 초보 단계야 ㅎㅎ)
2.
작업 중인 기능들 (작업 ing...)
•
날것의 내용를 표준 문서로 자동 정제 : 기획자가 입력창에 "비번 바꿀 때 팝업 끄면 앱 팅김"이라고 대충 쓰면, AI가 알아서 테스트한 기기 환경을 매핑하고 사전 조건, 재현 절차, 기대 결과 구조로 예쁘게 뜯어고쳐 줘.
•
실시간 알림 연결 : 업무 담당자를 지정하면 해당 사람에게 자동으로 알림이 가고, 수정 완료 시 작성자에게 다시 자동 알림이 가는 일종의 자동화 워크플로우를 심어보려고 해.
3.
현재 상황 및 Next Step
지금은 클로드가 짜준 코드로 대략적인 웹 화면 입력 폼까지는 띄워놓은 상태야! 아직 완성된 건 절대 아니고, 백엔드 연동이나 알림 로직은 계속 디벨롭해야 해. 😂
지금 단계에서는 내가 입력한 날것의 문장을 AI가 헛소리 안 하고 각 플랫폼과 기기 규칙에 맞게 얼마나 잘 필터링하는지 프롬프트를 다듬는 데 집중하고 있어.
혹시 나처럼 업무 소통에 쓰는 대시보드나 웹 화면 만들어 본 사람 있어? 화면 UI나 단계를 구성할 때 참고할 만한 기획/디자인 꿀팁이나 노하우가 있다면 댓글로 편하게 공유해 주면 너무 고마울 것 같아😍
'Clauders' 구독하기
사이트를 구독하면 새 포스트 등 최신 업데이트를 알림과 메일로 가장 먼저 받아보실 수 있습니다.
Slashpage에 가입하고 'Clauders'을 구독하세요!
구독
1
4
윤
윤태섭
오우 거의 서비스 하나를 만들었네
나중에 백엔드랑 디비까지 연결하고 배포하면 팀원들이 깜짝 놀라겠네 자랑스럽다
ui 구성은 claude deisng, 그리고 내가 외부자료실에 공유한 오픈소스도 있고
나는 나만의 디자인 시스템을 만들어서 테마별로 관리해
서비스 유형별로 - 프론트, 어드민 등등 있기도 하고
경험치가 누적되면 자기만의 취향이 생길거고 그걸 디자인 시스템 화 해도 될거같은데 사실 이건 너무 벅차고 오래걸려서
