Automates iterative website development using Stitch MCP tools and a baton-passing loop pattern. Agents generate pages autonomously, maintain project context, and continue development through continuous improvement cycles.

디자인 팀은 수시간을 들여 UI 목업을 수동으로 제작합니다. Stitch Design 스킬은 텍스트 설명에서 고충실도 스크린 생성을 자동화하면서 디자인 시스템 일관성을 유지합니다.

모호한 UI 설명은 종종 AI 생성기에서 일관성 없는 결과를 만들어냅니다. 이 스킬은Rough 아이디어를 디자인 시스템 컨텍스트, 특정 구성 요소 이름, 명확한 페이지 레이아웃을 포함하는 구조화된 상세 프롬프트로 변환하여 더 높은 품질의 결과를 제공합니다.

Claude, Codex 및 Claude Code를 위한 AI 스킬

팀에서는 앱 화면에 대한 빠르고 일관된 튜토리얼 영상이 필요하지만, 수동 편집은 느립니다. 이 스킬은 화면 검색과 Remotion 구성을 자동화하여 전환 효과와 오버레이가 포함된 렌더링 준비가 된 영상을 생성합니다.

Stitch의 시각적 디자인을 TypeScript와 Tailwind CSS를 사용하여 깔끔하고 모듈화된 React 코드로 변환합니다. 자동 AST 검증으로 디자인 목업에서 수동 코딩을 제거하고 일관된 코드 품질을 보장합니다.

디자인 시스템은 종종 번역하기 어려운 기술적 CSS 값에 갇혀 있곤 합니다. 이 스킬은 시각 자산을 분석하여 자연어 설계 문서로 변환하여 일관된 UI 생성을 보장합니다.

Claude, Codex 및 Claude Code용 AI 스킬

접근 가능한 React 사용자 인터페이스를 구축하려면 shadcn/ui 패턴, 컴포넌트 설치 및 Tailwind 커스터마이징을 학습해야 합니다. 이 기술은 컴포넌트 설치, 유효성 검사가 포함된 폼 구현, 그리고 대화상자, 드롭다운, 테이블과 같은 접근 가능한 UI 패턴 생성을 위한 종합적인 가이드를 제공합니다.

레거시 코드는 유지보수와 확장이 어렵습니다. 이 스킬은 동작을 보존하면서 구조와 가독성을 개선하기 위해 검증된 리팩토링 기법을 적용합니다.

모호한 기능 아이디어를 구조화되고 프로덕션 준비가 완료된 PRD 로 변환합니다. 이 스킬은 명확한 요구사항, 사용자 스토리, 성공 지표를 통해 비즈니스 비전과 기술적 실행을 연결합니다.

Spring Boot 애플리케이션 작성에는 의존성 주입, 설정 관리, 보안 패턴에 대한 이해가 필요합니다. 이 스킬은 유지보수가 용이하고 안전하며 테스트 가능한 Spring Boot 애플리케이션 구축을 위한 전문가 지침을 제공합니다.

이 스킬은 GitHub CLI(gh) 에 대한 포괄적인 참조 문서를 제공하여, AI 어시스턴트가 저장소, 이슈, 풀 리퀘스트, Actions 등 GitHub 작업을 명령줄에서 실행할 수 있도록 합니다.

개발자들이 커밋 메시지를 작성하는 데 너무 많은 시간을 소비합니다. 이 기술은 git diff를 분석하고 표준화된 검색 가능한 커밋 메시지를 생성하여 기존 커밋 메시지 생성 프로세스를 자동화합니다.

수동 드로잉 없이 아이디어를 시각적 다이어그램으로 변환합니다. 전문적인 플로우차트, 마인드맵, 아키텍처 다이어그램을 편집 가능한 Excalidraw 파일로 생성합니다.

명확하고 구조화된 소프트웨어 문서를 작성하는 데 어려움을 겪고 계신가요? 이 스킬은 입증된 Diátaxis 프레임워크를 적용하여 튜토리얼, 사용법 가이드, 참조 문서 및 설명 문서를 생성합니다.

CI 상태를 수동으로 확인하고, 리뷰 피드백을 수집하며, 수정 사항을 푸시하는 작업은 반복적이고 시간이 많이 소요됩니다. 이 스킬은 전체 피드백-수정-대기-푸시 사이클을 자동화하므로 코드를 작성하는 동안 스킬이 PR 유지 관리를 처리합니다.

변경 사항의 코드 문제를 식별합니다. 이 기술은 체계적인 접근 방식을 사용하여 분기 변경 사항의 버그, 보안 취약점 및 코드 품질 문제를 체계적으로 검토합니다.

AI가 생성한 코드는 과도한 주석, 방어적 검사, 불필요한 패턴을 포함하는 경우가 많습니다. 이 스킬은 main 대비 git diff를 검토하고, 정당한 변경은 유지하면서 코드 슬롭을 체계적으로 제거합니다.

이 스킬은 Sentry 엔지니어링 관행을 따르는 GitHub 풀 리퀘스트 생성을 안내합니다. 브랜치 검증, 변경 사항 분석, PR 설명 작성을 위한 단계별 지침을 제공합니다. 이 스킬은 일관된 PR 형식을 보장하고 팀이 코드 검토 표준을 유지하는 데 도움이 됩니다.