메뉴
Inspect screenshots or live renders for layout regressions, alignment problems, and responsive breakpoints. Use after implementation and after visual fixes.
Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
SOC 직업 분류 기준
Clinic-safe frontend UI/UX audit, planning, and improvement workflow for this medical management app. Use when working on Admin, Doctor, Registrar, Cashier, Lab, dashboard, form, table, route-view, empty/loading/error, accessibility, responsive, visual consistency, or design-system tasks in the clinic frontend.
Project-specific master UI/UX skill for this clinic management frontend. Use for UI/UX audits, visual consistency, design-system convergence, role panels, dashboards, forms, tables, navigation, route views, empty/loading/error/forbidden states, accessibility, responsive behavior, browser visual QA, and safe frontend UI improvements across Admin, Doctor, Registrar, Cashier, Lab, Patient, queue, payment, EMR, and reporting workflows.
Security guidelines for writing secure code. Use when writing code, reviewing code for vulnerabilities, or asking about secure coding practices like 'check for SQL injection' or 'review security'. IMPORTANT: Always consult this skill when writing or reviewing any code that handles user input, authentication, file operations, database queries, network requests, cryptography, or infrastructure configuration (Terraform, Kubernetes, Docker, GitHub Actions) — even if the user doesn't explicitly mention security. Also use when users ask to 'review my code', 'check this for bugs', or 'is this safe'.
Create production-ready FastAPI projects with async patterns, dependency injection, and comprehensive error handling. Use when building new FastAPI applications or setting up backend API projects.
Project-specific workflow for designing or implementing BFF-lite screen/read-model endpoints inside the existing FastAPI backend after SSOT contract repair. Use for FastAPI UI endpoints, screen APIs, read-model services, Registrar workbench, Queue join, Queue board, Lab workbench, Admin audit/dashboard, Telegram admin dashboard, or questions about whether to add BFF-lite versus a separate BFF service.
Project-specific workflow for OpenAPI, API DTO, schema-shape, and frontend/backend contract review in this FastAPI + React clinic system. Use when adding or changing API endpoints, /api/v1/ui screen/read-model DTOs, generated OpenAPI shape, frontend API adapters, contract tests, or schema assertions.
| name | landing-visual-qa |
| description | Inspect screenshots or live renders for layout regressions, alignment problems, and responsive breakpoints. Use after implementation and after visual fixes. |
Use screenshots or browser inspection to catch layout bugs that code review misses. Save findings to audits/visual-audit.json.
