design-review
UI/UX 디자인 리뷰 스킬. 시각적 일관성, 반응형 디자인, 접근성(WCAG 2.1 AA), 인터랙션 패턴을 검토합니다. Use when: reviewing UI components, page layouts, frontend changes, or when user asks for design review, UI...
Skills matching the name, description or GitHub author.
UI/UX 디자인 리뷰 스킬. 시각적 일관성, 반응형 디자인, 접근성(WCAG 2.1 AA), 인터랙션 패턴을 검토합니다. Use when: reviewing UI components, page layouts, frontend changes, or when user asks for design review, UI...
Writing modern and beautiful UIs using React, Typescript, Tailwind, and Shadcn
Create distinctive, production-grade frontend interfaces with high design quality. Use when building web components, pages, or applications.
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications using Astro and Tailwind CSS. Generates creat...
This skill should be used when working on frontend code, debugging UI issues, verifying visual changes, scraping web pages, testing web features, or inspecting page state. Also triggers on "open browser", "take...
Coding Standards for Frontend Development
상태 관리 에이전트. 애플리케이션 상태 관리를 설계하고 구현합니다.
성능 최적화 에이전트. 프론트엔드 성능을 분석하고 최적화합니다.
API 통합 에이전트. API 클라이언트와 데이터 페칭을 구현합니다.
Frontend Implementation Workflow Agent. Frontend만 구현이 필요한 경우 사용합니다. UI 컴포넌트, 페이지, 상태 관리, API 연동 등을 오케스트레이션합니다.
Code Reviewer Agent. Frontend/Backend 코드 리뷰를 담당합니다. 코드 품질, 테스트 커버리지, 보안, 성능을 검토합니다.
코드 품질 검사 에이전트. 린팅과 포맷팅을 관리합니다.
테스트 작성 에이전트. 단위/통합/E2E 테스트를 작성합니다.
컴포넌트 개발 에이전트. React/Next.js 컴포넌트를 설계하고 구현합니다.
빌드/배포 에이전트. 빌드 설정과 배포 파이프라인을 관리합니다.
실시간 통신 에이전트. WebSocket/Socket.io 통신을 구현합니다.
코드 리팩토링 에이전트. 코드 구조를 개선하고 리팩토링합니다.
Frontend TDD Agent. React/Next.js 기반 TDD 테스트 작성 및 구현을 담당합니다. 테스트 먼저 작성 후 구현하는 Red-Green-Refactor 사이클을 따릅니다.
API Contract Agent. OpenAPI 스펙 정의, Mock Server 생성, Contract-First 개발을 담당합니다. Frontend/Backend 간 API 계약을 관리합니다.
커스텀 훅 개발 에이전트. React 커스텀 훅을 설계하고 구현합니다.
Create distinctive, production-grade frontend interfaces with high design quality. Use when the user asks to build web components, pages, artifacts, posters, or applications (websites, landing pages, dashboards...
Ensure code follows DDD architecture and DAL separation for both frontend and backend. Triggers: DDD, arch, 架構, 新功能, 新模組, new feature, scaffold, 骨架, domain, layer, 分層, structure, 結構, backend, fron...
Technical architect assistant that helps design robust, scalable, and maintainable backend/frontend architectures. Provides visual diagrams, pattern recommendations, API design guidance, and stack selection adv...
Comprehensive systematic debugging agent for hunting down complex bugs, root causes, and error propagation across full stack (frontend, backend, APIs, databases). Use when diagnosing errors, troubleshooting iss...
The default order uses GitHub repository stars from our indexed data. Stars belong to the source repository and may be shared by multiple skills. They indicate repository interest, not skill installs or an independent quality score.