Frontend Design · 前端设计

frontend-design 适合什么任务？

这项前端设计技能围绕一个问题组织工作：界面怎样才能准确表达具体产品，而不是沿用常见模板。开始设计前先确定产品主题、主要受众和页面要完成的任务，再从所属行业、材料及视觉语言中寻找依据。

正文将字体、配色、布局和真实内容放在一起考虑，要求标题与正文建立清楚的尺度关系，让边框、编号和分隔线承担信息作用。动效也需要说明用途：页面自主播放的运动应克制，用户操作后的展开与确认则用于解释变化。

使用时可以把新界面需求或现有页面作为讨论对象，依照计划、对照需求、构建和批评的过程迭代。这是一组设计决策指导，不能代替对具体成品的审查，也不构成访问量或转化率提升的保证。

SkillPi 原创整理 · 固定版本事实依据

来源中的功能介绍

• 有明确视觉方向的界面代码，以及设计取舍说明。
• 上游将此仓库作为示范与教育材料；输出仍需浏览器、可访问性和业务验收。
• 确认受众、产品语境与预期结果。
• 选择排版、配色、构图和明确的视觉方向。
• 实现界面，并检查真实渲染结果。
• 需要可读取和编辑项目的编程 Agent。
• 提供产品简报及项目运行环境；视觉核验需要浏览器工具。
• 指令开源免费；Agent 订阅或 API 使用费另计。

安全评级与访问范围

unscanned · 静态证据核验，不代表运行安全保证。

使用前请由宿主核对并授权实际文件读写、外部服务和联网目的地；本站的核验不会授予任何运行权限。

原始 SKILL.md

来源未提供这条记录的公开 SKILL.md。