Mobile Responsive Layout Fixer#

Requirement#

Use this skill to help frontend developers, designers, startup teams, and maintainers responsible for making web interfaces usable on phones and desktop screens with:

Validated demand: Product teams need reliable workflows for fixing mobile responsiveness, navigation layout, and cross-device UI issues. This requirement is supported by 12 separate online signals across 4 source families, so it represents broader demand rather than a single isolated request.

Demand score: 100/100 ( 70/70 demand, 30/30 local feasibility). Evidence: 12 signals across 4 source families.

Read references/requirement-plan.md when source evidence, planning details, or review criteria are needed.

Workflow#

1. Restate the user's outcome, constraints, available inputs, and success criteria.
2. Define the creative brief, generate options, and refine the strongest output against audience and tone.
3. Ask only for missing information that materially changes the output; otherwise make reasonable assumptions and continue.
4. Keep the implementation local-hardware friendly: prefer scripts, templates, checklists, and small-model or CPU-safe workflows over cloud-only or large-training approaches.
5. Produce the requested artifact, workflow, checklist, analysis, code change, or decision support.
6. Validate the output against the success criteria and list any remaining risks or follow-up work.

Expected Outputs#

• A tailored answer or artifact for the user's immediate situation.
• A reusable checklist or workflow when the task is repeatable.
• A verification note showing how the result was checked.

Validation#

• The output directly addresses the discovered requirement.
• The user can act on the result without reading the original source post.
• Assumptions, limits, and required inputs are visible.
• The final response includes a short usage or next-step note when helpful.

Triggers#

Keywords: creative-and-content, mobile responsive, responsive design, navbar, layout, frontend

Example trigger sentences:

• Help me Product teams need reliable workflows for fixing mobile responsiveness, navigation layout, and cross-device UI issues.
• I need a practical workflow for Product teams need reliable workflows for fixing mobile responsiveness, navigation layout, and cross-device UI issues.
• Use $mobile-responsive-layout-fixer to handle Product teams need reliable workflows for fixing mobile responsiveness, navigation layout, and cross-device UI issues.