deliberate-frontend-redesign
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.
Why use this skill?
Use the deliberate-frontend-redesign skill to generate unique, non-generic UI aesthetic specifications for your projects. Install via ClawHub.
Install via CLI (Recommended)
clawhub install openclaw/skills/skills/vishnubedi3/deliberate-frontend-redesignWhat This Skill Does
The deliberate-frontend-redesign skill acts as an authoritative design engine for OpenClaw, shifting the AI’s focus from general-purpose UI improvement to the creation of highly specific, non-generic aesthetic systems. Rather than suggesting typical industry-standard patterns or trends, this skill forces the agent to commit to a singular, cohesive visual language. It systematically defines the frontend through five pillars: Typography, Color & Theme, Layout & Composition, Backgrounds & Depth, and Motion. The skill is designed to cut through indecision, providing a concrete, declarative specification that serves as an architectural blueprint for a user's interface, ensuring the output is always unique, intentional, and void of common UI tropes.
Installation
To integrate this skill into your environment, use the OpenClaw package manager:
clawhub install openclaw/skills/skills/vishnubedi3/deliberate-frontend-redesign
Use Cases
- Brand Differentiation: Use this when you have a functional product that looks too generic and requires a distinct, intentional visual identity.
- Design Systems: Use it to establish foundational design principles for a new project from a blank slate.
- Concept Refinement: Use this when a developer has the features but lacks a cohesive look-and-feel and needs a directive design specification to follow.
Example Prompts
- "I am building a climate data visualization dashboard. Use deliberate-frontend-redesign to define a new visual direction that feels distinct from standard SaaS charts."
- "My personal portfolio site feels way too standard. Please redesign frontend aesthetics using the deliberate-frontend-redesign skill."
- "I have a functional prototype for a task management tool, but the UI is invisible. Apply deliberate-frontend-redesign to create a unique aesthetic foundation."
Tips & Limitations
- Be Specific: The skill performs best when the context of your product is clearly defined. If you provide vague input, the skill defaults to a neutral functional baseline.
- Explicit Triggers: The skill will only trigger if you explicitly ask for a redesign and mention the skill by name. General design discussions or requests for feedback will be ignored by this specific module.
- No Code Output: This skill is strictly for design specification; it will not generate HTML, CSS, or React components. Treat the output as a design document to guide your implementation phase.
Metadata
Not sure this is the right skill?
Describe what you want to build — we'll match you to the best skill from 16,000+ options.
Find the right skillPaste this into your clawhub.json to enable this plugin.
{
"plugins": {
"official-vishnubedi3-deliberate-frontend-redesign": {
"enabled": true,
"auto_update": true
}
}
}Tags(AI)
Related Skills
kimi-delegation-skill
Forces all reasoning and code generation to be delegated to a KIMI (KIMMY) causal language model via HuggingFace Transformers. Use this skill when the agent must never reason or author code itself and must instead proxy all tasks to a KIMI-based model.
Plan Executor
Skill by vishnubedi3
autonomous-skill-orchestrator
Deterministically coordinates autonomous planning and execution across available skills under strict guardrails. Use only when the user explicitly activates this skill by name to run autonomously until a stop command is issued. Trigger keywords include: "use autonomous-skill-orchestrator", "activate autonomous-skill-orchestrator", "start autonomous orchestration".
human-optimized-frontend
Generates a frontend interface that is visually pleasing and experientially sound by jointly optimizing aesthetics, motion graphics, and user experience (UX) using quantified evaluation. Use only when the user explicitly invokes this skill by name to redesign a frontend. Trigger keywords: use human-optimized-frontend, redesign frontend, redesign interface.
autonomous-feature-planner
Autonomously plans and specifies system features starting from the user’s most recent command, continuing without further user input until explicitly stopped. Use when the user explicitly invokes autonomous planning to extend a system from a prior command. Trigger keywords: use autonomous-feature-planner, start autonomous planning, autonomous expansion, continuous feature planning.