什么是 刻意的前端重设计？

刻意的前端重设计技能是专为AI智能体设计的技术协议，用于生成高度刻意且独特的UI美学。与通常默认采用通用、安全的SaaS模式的典型AI设计生成不同，此技能强制执行严格的创意方向，避开行业规范。对于希望通过刻意的字体排版、色彩克制和非对称布局使应用程序脱颖而出的开发者来说，它是Openclaw Skills生态系统的重要组成部分。

该技能通过在多个视觉维度上合成坚定的审美方向发挥作用。它绕过了对设计理论或原理的需求，转而提供具体的、声明式的规范，开发者或智能体可以立即使用这些规范来指导Web应用程序的样式设计。通过避开常见的UI字体和趋势，它确保了最终界面既独特又实用。

下载入口:https://github.com/openclaw/skills/tree/main/skills/vishnubedi3/deliberate-frontend-redesign

安装与下载

1. ClawHub CLI

从源直接安装技能的最快方式。

2. 手动安装

将技能文件夹复制到以下位置之一

优先级：工作区 > 本地 > 内置

3. 提示词安装

将此提示词复制到 OpenClaw 即可自动安装。

刻意的前端重设计 应用场景

• 将通用的仪表板重设计为具有高个性、刻意感的界面。
• 从零开始为新项目建立独特的视觉标识。
• 为AI智能体在CSS实现过程中提供结构化的设计蓝图。
• 突破行业标准的UI模式，创建定制的用户体验。

1. 智能体识别前端上下文，包括产品类型和任何现有的界面约束。
2. 确立单一且坚定的审美方向，刻意避开流行设计趋势或通用UI框架。
3. 该技能定义了排版、调色板、布局构图和深度处理的具体视觉参数。
4. 生成声明式规范，描述视觉决策而不提供代码或模型。
5. 最终输出作为开发者实现独特、高对比度界面的蓝图。

刻意的前端重设计 配置指南

要将此功能集成到您的工作流程中，请确保您的智能体可以访问Openclaw Skills目录。您可以通过在提示词中明确指明技能名称来激活该功能。

# 在您的AI编码智能体中触发重设计流程
"使用 deliberate-frontend-redesign 来彻底改造当前的落地页界面。"

刻意的前端重设计 数据架构与分类体系

该技能将其设计输出组织成专注于五个核心视觉支柱的结构化规范：

name: deliberate-frontend-redesign description: > Generates a deliberately designed frontend aesthetic that avoids generic UI patterns. Use when the user explicitly requests to redesign a frontend by invoking this skill by name. Trigger keywords: use deliberate-frontend-redesign, redesign frontend, redesign interface.

Activation Criteria

Activate this skill only when the user explicitly instructs the agent to redesign a frontend and references this skill by name.

Do not activate this skill for:

• General design discussions
• Critiques without a redesign request
• Implementation-only tasks such as writing code or CSS
• Requests for inspiration, trends, or examples

Execution Steps

1. Identify the provided context for the frontend, including any existing interface description, product type, or constraints.
2. Establish a single, committed aesthetic direction without referencing popular UI styles or industry norms.
3. Define the frontend design across the following dimensions:
   • Typography: select typefaces with strong character and intentional tone, avoiding common UI fonts.
   • Color & Theme: commit to a dominant palette with deliberate contrast and controlled restraint.
   • Layout & Composition: define structure with tension, hierarchy, and asymmetry where appropriate.
   • Backgrounds & Depth: specify atmospheric or structural background treatments that reinforce the aesthetic.
   • Motion or Stillness: declare whether motion is used or avoided, and define its role clearly.
4. Produce the design as a concrete, declarative specification describing visual decisions and their outcomes.
5. Avoid referencing trends, competitors, or familiar product aesthetics.
6. Output the design description directly, without explanation or justification.

Ambiguity Handling

• If product purpose or audience is unspecified, default to a neutral functional context without branding assumptions.
• If no existing interface is provided, design from a blank slate.
• Do not infer business goals, emotional tone, or user demographics beyond what is explicitly stated.

Constraints & Non-Goals

• Do not critique or evaluate existing designs unless explicitly included as part of the redesign context.
• Do not propose multiple stylistic options.
• Do not explain design theory or rationale.
• Do not produce code, mockups, or asset files.
• Do not reference prohibited visual patterns, brands, or aesthetic categories.

Failure Behavior

If the user does not explicitly request a frontend redesign using this skill’s name, or if no visual design can be defined from the provided input, output a minimal statement indicating that activation conditions were not met and terminate without generating a design.