Mobile Responsive Layout Fixer

该 Skill 面向前端开发者、设计师与维护者，处理移动端响应式设计、导航栏和跨设备布局问题。流程为：复述目标与约束、生成方案并筛选、按需追问缺失信息、产出代码修改或清单等交付物，最后按成功标准验证并列出风险。声明偏好本地可运行的脚本与模板，并附需求证据文件供查阅。

kyro-ma

热度 38.31

最近更新 2026-09-08 13:22:12

分类：开发依赖：纯提示词应用场景：代码生成 / 调试排错

安装技能

复制下面的话术发给你的 Agent，它会通过 secure-skills 检索并安装该技能。

执行命令安装此 skill： npx secure-skills-cli add mobile-responsive-layout-fixer

Metadata

name: mobile-responsive-layout-fixer
description: Help users 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 2 source families, so it represents broader demand rather than a single isolated request.. Use when a user asks for creative-and-content, mobile responsive, responsive design, navbar, layout, or needs a practical workflow, artifact, checklist, analysis, or implementation support for this requirement.

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 2 source families, so it represents broader demand rather than a single isolated request.

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

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

Workflow

Restate the user's outcome, constraints, available inputs, and success criteria.
Define the creative brief, generate options, and refine the strongest output against audience and tone.
Ask only for missing information that materially changes the output; otherwise make reasonable assumptions and continue.
Keep the implementation local-hardware friendly: prefer scripts, templates, checklists, and small-model or CPU-safe workflows over cloud-only or large-training approaches.
Produce the requested artifact, workflow, checklist, analysis, code change, or decision support.
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.