Agent Skillsviralcode/openwhale › deliberate-frontend-redesign

deliberate-frontend-redesign

GitHub

根据用户显式指令,生成刻意设计的独特前端视觉规范。涵盖字体、色彩、布局等维度,避免通用模式与趋势,输出纯设计描述而非代码或评估。

skills/deliberate-frontend-redesign/SKILL.md viralcode/openwhale

Trigger Scenarios

use deliberate-frontend-redesign redesign frontend redesign interface

Install

npx skills add viralcode/openwhale --skill deliberate-frontend-redesign -g -y
More Options

Use without installing

npx skills use viralcode/openwhale@deliberate-frontend-redesign

指定 Agent (Claude Code)

npx skills add viralcode/openwhale --skill deliberate-frontend-redesign -a claude-code -g -y

安装 repo 全部 skill

npx skills add viralcode/openwhale --all -g -y

预览 repo 内 skill

npx skills add viralcode/openwhale --list

SKILL.md

Frontmatter
{
    "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.

Version History

  • 238a4b1 Current 2026-08-20 08:21

Same Skill Collection

skills/agenticflow-skill/SKILL.md
skills/agentlens/SKILL.md
skills/apple-hig/SKILL.md
skills/artifacts-builder/SKILL.md
skills/backend-patterns/SKILL.md
skills/bird/SKILL.md
skills/bot-bowl-party/SKILL.md
skills/botpress-adk/SKILL.md
skills/clawdbot-zoho-email/SKILL.md
skills/computer-use/SKILL.md
skills/downloads/SKILL.md
skills/downloads/skills-skills-theme-factory/SKILL.md
skills/fanvue/SKILL.md
skills/frontend-design/SKILL.md
skills/human-optimized-frontend/SKILL.md
skills/linux-service-triage/SKILL.md
skills/miniflux-news/SKILL.md
skills/nextjs-expert/SKILL.md
skills/niri-ipc/SKILL.md
skills/nodetool/SKILL.md
skills/pinak-frontend-guru/SKILL.md
skills/react-email-skills/SKILL.md
skills/remotion-best-practices/SKILL.md
skills/remotion-server/SKILL.md
skills/remotion-video-toolkit/SKILL.md
skills/resume-builder/SKILL.md
skills/slack/SKILL.md
skills/smtp-send/SKILL.md
skills/technews/SKILL.md
skills/telegram-reaction-prober/SKILL.md
skills/trmnl/SKILL.md
skills/ui-audit/SKILL.md
skills/ui-design-system/SKILL.md
skills/ui-skills/SKILL.md
skills/ui-ux-master/SKILL.md
skills/ux-audit/SKILL.md
skills/ux-decisions/SKILL.md
skills/ux-researcher-designer/SKILL.md
skills/vercel-react-best-practices/SKILL.md
skills/vision-sandbox/SKILL.md
skills/weather/SKILL.md
skills/web-design-guidelines/SKILL.md
skills/webapp-testing/SKILL.md
skills/winamp/SKILL.md
skills/xcodebuildmcp/SKILL.md
skills/zoho-email-integration/SKILL.md
skills/comfyui-runner/SKILL.md
skills/ui-ux-pro-max/SKILL.md

Metadata

Files
0
Version
238a4b1
Hash
ecb4e098
Indexed
2026-08-20 08:21

inicio - Wiki
Copyright © 2011-2026 iteam. Current version is 2.155.2. UTC+08:00, 2026-08-22 03:00
浙ICP备14020137号-1 $mapa de visitantes$