총 397건 · 필터: AI KIT
시각적 인터페이스를 디자인하거나, 디자인 시스템을 만들거나, 구성 요소 라이브러리를 구축하거나, 전문가의 시각적 디자인, 상호작용 패턴, 접근성을 고려해야 하는 사용자 대면 미학을 개선할 때 이 에이전트를 사용하세요. 구체적으로: <example> 컨텍스트: 제품 팀은 완전한 디자인 시스템이 필요합니다
UI/UX 디자인을 검토하고, 시각적 인터페이스를 평가하며, 웹 구성 요소의 사용성 문제를 감사하고, 접근성 준수를 점검하거나, 디자인 미학을 비판할 때 적극적으로 사용하세요. 사용자가 스크린샷, 모의 파일, CSS, HTML, 디자인 토큰을 공유하거나 시각적 피드백을 요청할 때 호출합니다
시니어 UI 디자이너를 위한 UI 디자인 시스템 툴킷에는 디자인 토큰 생성, 구성 요소 문서화, 반응형 디자인 계산, 개발자 핸드오프 도구 등이 포함됩니다. 디자인 시스템을 만들고, 시각적 일관성을 유지하며, 디자인-개발 협업을 촉진하는 데 사용하세요.
UI/UX 디자인 인텔리전스. 스타일 50개, 팔레트 21개, 글꼴 페어링 50개, 차트 20개, 스택 9개(React, Next.js, Vue, Svelte, Swift)UI, React 네이티브, 플러터, 테일윈드, shadcn/UI). 행동: 계획, 구축, 생성, 설계, 구현, 검토, 수정, 개선, 최적화, 향상, 리팩터링, UI/UX 코드 확인. 프로젝트:
주소모아의 시각적 디자인을 담당합니다. 브랜드 일관성(#DC5581)을 유지합니다.
주소모아 사용자 경험을 분석하고 개선합니다. 사용자 흐름, 접근성, 반응형 디자인을 검토합니다.
C#/.NET 빌드 오류 해결사. NuGet 패키지 충돌, .NET 런타임 버전 비호환, MSBuild 오류, EF Core 마이그레이션 문제를 진단하고 수정합니다.
UI와 비즈니스 로직을 깔끔하게 분리해야 하는 PowerShell 자동화 도구를 위해 데스크톱 그래픽 인터페이스(WinForms, WPF, Metro 스타일 대시보드) 또는 터미널 사용자 인터페이스(TUI)를 설계하거나 구축할 때 사용하세요. 구체적으로:\n\n<example>\n문맥: IT 팀은 성숙한 Active Directory를 보유하고 있습니다
현대 프론트엔드 웹 기술(React, Tailwind CSS, shadcn/ui)을 사용하여 정교한 다중 컴포넌트 claude.ai HTML 아티팩트를 만드는 도구 모음. 상태 관리, 라우팅, 또는 shadcn/ui 컴포넌트가 필요한 복잡한 아티팩트에 사용하세요 - 단순한 단일 파일 HTML/JSX 아티팩트에는 사용하지 마세요.
현대 프론트엔드 웹 기술(React, Tailwind CSS, shadcn/UI)을 사용하여 정교한 멀티 컴포넌트 claude.ai HTML 아티팩트를 생성하는 도구 모음입니다. 단순한 단일 파일 HTML/JSX 아티팩트가 아닌 상태 관리, 라우팅 또는 shadcn/UI 구성 요소가 필요한 복잡한 아티팩트에 사용하세요.
크롬, 파이어폭스, 크로스 브라우저 확장 등 실제 문제를 해결하는 브라우저 확장 프로그램 구축 전문가. 확장 아키텍처, 매니페스트 v3, 콘텐츠 스크립트, 팝업 UI, 수익 창출 전략, 크롬 웹 스토어 퍼블리싱을 다룹니다. 사용 시기: 브라우저 확장, 크롬 확장, 파이어폭스 추가
정규 표현과 문법을 사용하여 LLM 출력을 제어하고, 유효한 JSON/XML/코드 생성을 보장하며, 구조화된 형식을 적용하고, Microsoft Research의 제한된 생성 프레임워크인 Guidance를 통해 다단계 워크플로우를 구축합니다
로드 상태, 오류 처리 및 데이터 가져오기를 위한 최신 React UI 패턴. UI 구성 요소를 구축하거나, 비동기 데이터를 처리하거나, UI 상태를 관리할 때 사용하세요.
Bolt 프레임워크를 사용하여 Python, JavaScript, Java에서 Slack 앱을 구축하세요. 풍부한 UI, 인터랙티브 구성 요소, 슬래시 명령, 이벤트 처리, OAuth 설치 흐름 및 워크플로 빌더 통합을 위한 블록 키트를 다룹니다. 생산에 필요한 Slack 앱의 모범 사례에 집중하세요. 사용할 때: 슬랙 B
C++ 빌드 오류, CMake 문제, 링커 문제를 점진적으로 수정하세요. 최소한의 수술적 수정을 위해 cpp-build-resolver 에이전트를 호출합니다.
Go 빌드 오류, 수의사 경고, 린터 문제를 점진적으로 수정하세요. 최소한의 수술적 수정을 위해 Go-build-resolver 에이전트를 호출합니다.
빌드 및 TypeScript 오류 해결 전문가. 빌드 실패나 타입 오류 발생 시 능동적으로 사용하세요. 최소한의 변경으로 빌드/타입 오류만 수정하며 아키텍처 변경 없이 빌드를 빠르게 통과시킵니다.
C++, CMake, 컴파일 오류 해결 전문가. 최소한의 변경으로 빌드 오류, 링커 문제, 템플릿 오류를 수정합니다. C++ 빌드 실패 시 사용하세요.
Go 빌드, vet, 컴파일 오류 해결 전문가. 최소한의 변경으로 빌드 오류, go vet 문제, 린터 경고를 수정합니다. Go 빌드 실패 시 사용하세요.
Java/Maven/Gradle 빌드, 컴파일, 의존성 오류 해결 전문가. 최소한의 변경으로 빌드 오류, Java 컴파일러 오류, Maven/Gradle 문제를 수정합니다. Java 또는 Spring Boot 빌드 실패 시 사용하세요.