Run any Skill in Manus with one click

landing-visual-qa

Stars2

Forks0

UpdatedJuly 2, 2026 at 06:45

Inspect screenshots or live renders for layout regressions, alignment problems, and responsive breakpoints. Use after implementation and after visual fixes.

Installation

Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.

Run Skill in Manus

Source

drsapaev

drsapaev/final

View GitHub Repository View Creator Repositories

Download

Run Skill in Manus

Related occupationsSOC

Based on SOC occupation classification

Software Quality Assurance Analysts and TestersComputer and Mathematical Occupations·SOC 15-1253

File Explorer

2 files

SKILL.md

readonly

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.

Landing Visual QA

Use screenshots or browser inspection to catch layout bugs that code review misses. Save findings to audits/visual-audit.json.

Review Areas

alignment and spacing drift
overflow, wrapping, and clipping
desktop to mobile breakpoint quality
unexpected empty areas
mis-sized media
sticky header or CTA overlap

Guardrails

always inspect both desktop and mobile states
screenshots complement code review; they do not replace semantic checks

More from this repository

same repository

clinic-frontend-design

drsapaev/final

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.

2026-07-022

clinic-ui-ux-master

drsapaev/final

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.

2026-07-022

code-security

drsapaev/final

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'.

2026-07-022

fastapi-templates

drsapaev/final

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.

2026-07-022

final-bff-lite-read-model

drsapaev/final

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.

2026-07-022

final-openapi-contract-review

drsapaev/final

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.

2026-07-022

Run any Skill with one click