360 Secure SkillHub
360 安全技能中心

clean-interface

面向页面、仪表盘和表单的界面设计指导,强调围绕主任务组织布局、复用既有设计系统、减少视觉噪声,并用简短明确的文案完善空、加载、成功和错误状态;同时要求检查桌面与移动端显示、键盘焦点、对比度和减少动态效果。

iamenochchirima
热度 0.00
最近更新 2026-10-18 17:16:14
分类:创作依赖:纯提示词应用场景:UI 原型 / 文案创作 / 校对润色

安装技能

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

执行命令安装此 skill: npx secure-skills-cli add iamenochchirima/estack/clean-interface
Metadata
name
clean-interface
description
Design clean product interfaces with concise copy and little visual noise. Use for pages, dashboards, forms and UI cleanup.

Clean interface

Make the product clear, polished and easy to use. Follow the user's references and approved direction. Clean does not mean empty or generic.

Design

  • Identify the main task and primary action before choosing a layout.
  • Reuse established fonts, colours and components. Keep typography, spacing and alignment consistent.
  • Give each element a reason to exist. Remove repeated headings, redundant labels and decorative badges.
  • Use compact tables, lists and grouped sections when appropriate. Avoid a card around every item or an oversized tile for every metric.
  • Keep colours, borders and shadows restrained. Avoid decorative gradients, glow and dashboard filler unless requested.
  • Keep common actions visible. Hide secondary detail behind a disclosure, while keeping essential information accessible.
  • Use real brand assets. Graphics and demos should explain the product. Animate meaningful movement or state changes.

Copy

  • Use short, plain labels and sentence case.
  • Name actions precisely: "Save changes", "Connect your agent", "Delete account".
  • Cut slogans, repeated explanations and technical detail that does not help the user act.
  • Make empty, loading, success and error states useful. Give a next action when needed.
  • Preserve necessary context, accessibility labels and destructive-action warnings.

Finish

  • Inspect the rendered screen on desktop and mobile. Fix overflow, awkward wrapping and cramped controls.
  • Check the main action, keyboard focus, contrast and reduced motion.
  • Review screenshots. Remove or simplify anything competing with the main task.
  • Preserve working behaviour and stay within the requested scope.