unslop-preflightlisted

# Unslop Preflight ## What this skill does Use this skill before an AI coding agent starts frontend implementation. Unslop Preflight turns a vague product or UI request into a safer implementation handoff. It helps the agent create and audit: - `PRODUCT.md` for product context and constraints - `DESIGN.md` for implementation-facing design decisions - `AGENTS.md` for repository-specific agent instructions - source scan findings for UI, accessibility, responsive, overlay, and source slop risks - `.unslop/` reports and fix lists when the CLI is available The goal is to stop generic, fragile, or under-specified frontend work before it becomes code. ## When to use this skill Use it for: - SaaS dashboards and admin panels - landing pages and product pages - Arabic, RTL, bilingual, or localization-sensitive interfaces - UI redesigns that feel generic or AI-generated - frontend repositories that need readiness checks before agent implementation - modal, drawer, dropdown, tooltip, toast, z-index, overflow, or viewport failures - projects where `PRODUCT.md`, `DESIGN.md`, or `AGENTS.md` is missing, weak, stale, or filled with placeholders - vibe-coded projects that need a clearer AI-agent handoff Do not use it for backend-only tasks, database-only tasks, non-UI scripts, or mature repositories where frontend governance is already fully defined. ## Primary workflow When a user asks for frontend implementation, UI repair, UI audit, design-system preparation, or agent-readiness w