Design

openclaw-persona-forge is a workflow-driven skill for building complete OpenClaw persona packages from scratch. It creates identity tension, SOUL.md-style framing, boundary rules, name options, and optional avatar prompt guidance. Best for OpenClaw character design, roleplay agents, and UI Design-adjacent persona work, not for minor edits to an existing persona.

gan-style-harness is a Generator-Evaluator skill for Agent Orchestration that helps build complete apps with stricter critique, better iteration, and fewer weak spots. Use it when you need the gan-style-harness skill for frontend-heavy, full-stack, or production-minded work where review quality matters more than speed.

The prototype skill helps you build throwaway code that answers one concrete question before you commit to a real implementation. Use it to test logic, state transitions, data shape, or UI direction with a runnable prototype that matches the host repo’s conventions. It’s ideal when you need a quick prototype guide, not a final feature.

design-taste-frontend is an anti-slop frontend skill for landing pages, portfolios, editorial pages, and redesigns. It helps an agent read the brief, infer the right visual direction, and ship interfaces that feel intentional instead of templated. Best for Frontend Development when design taste, hierarchy, and brand fit matter.

typeset improves UI typography by fixing font choice, hierarchy, sizing, weight, and readability so text feels intentional. Use the typeset skill for UI Design when text looks generic, inconsistent, or hard to scan, and you want a clearer type system with less guesswork.

shape is a planning-first UI/UX design skill that runs a structured discovery interview and creates a design brief before code. Use it to clarify user problems, constraints, and direction, then hand off the brief to implementation.

quieter is a UI design refinement skill that reduces visual aggression in loud or overstimulating interfaces while preserving clarity, hierarchy, and brand intent. It works best after the parent $impeccable skill and helps teams diagnose intensity sources before making targeted changes.

distill helps simplify cluttered UI design by removing noise, weak hierarchy, and redundant options so the core task is clear. Use it when a screen needs disciplined reduction, clearer priorities, and a focused simplification pass.

critique helps you review interfaces, features, pages, or components from a UX lens with structured scoring, persona-based testing, heuristic checks, and actionable feedback. Use the critique skill when you need a repeatable critique guide for UI/UX Design, not vague commentary. It is best for focused critique usage on a specific area with clear context.

Use the delight skill to add tasteful UI polish, micro-interactions, and personality to success, loading, empty, and onboarding states without hurting usability or focus.

Clarify improves confusing UX copy, error messages, labels, onboarding steps, and instructions so users can act with less guesswork. It is useful for Technical Writing, support content, and product teams that need clearer interface text. The skill starts with context, audience, and user state before rewriting, so the result is more direct, specific, and usable.

figma-create-new-file creates a new blank Figma Design file or FigJam board in drafts. Use it when you need a fresh starting point before deeper Figma actions, including use_figma. It supports design or figjam, optional file naming, and can resolve plan access with whoami when needed.

Use figma to pull design context, screenshots, variables, and assets from the Figma MCP server, then translate Figma nodes into implementation-ready UI decisions. This figma skill is ideal when you have a Figma URL or node ID and need accurate figma usage for design-to-code work, setup, or troubleshooting.

shader-dev is a practical GLSL shader skill for ShaderToy-style real-time visuals. Use the shader-dev skill to build or debug ray marching, SDF scenes, lighting, particles, fluid motion, post-processing, and shader-dev for UI Design with less guesswork than a generic prompt.

brainstorm-ideas-new is a discovery-stage ideation skill for turning a new product concept into specific feature ideas from PM, Designer, and Engineer perspectives. Use it for initial product discovery, startup ideas, and Strategic Planning when you need practical options to validate before building.

identify-assumptions-existing helps you stress-test a feature idea in an existing product by surfacing risky assumptions across Value, Usability, Viability, and Feasibility. It uses PM, designer, and engineer perspectives plus a devil’s advocate lens for Strategic Planning and pre-build risk review.

brainstorm-ideas-existing is a product discovery skill for generating ideas around an existing product using PM, Designer, and Engineer viewpoints. It helps you explore opportunities, narrow promising directions, and prioritize concepts for Product Management workflows and trio-based discovery.

wwas is a prompt skill for Requirements Planning that turns rough ideas into Why-What-Acceptance backlog items. Use the wwas skill to capture business context, define the change clearly, and write testable acceptance criteria for sprint-ready work.

Use the user-stories skill to turn features into backlog-ready stories with the 3 C's, INVEST criteria, design links, and testable acceptance criteria. Ideal for writing user stories, splitting features into backlog items, and user-stories for Requirements Planning with clearer scope and less guesswork.

Use the job-stories skill to turn feature ideas into JTBD-style job stories in the form “When [situation], I want to [motivation], so I can [outcome].” It helps with clearer backlog items, job-stories usage for Requirements Planning, and acceptance criteria grounded in user context.

The design skill helps turn vague UI requests into production-grade visual output for pages, components, dashboards, and screenshot-driven polish. Use it when the interface looks ugly, unclear, inconsistent, or visually wrong, and when you need design for UI Design rather than backend logic or data pipelines. It includes guidance for install, usage, guardrails, and better aesthetic decisions.

The design-md skill analyzes Stitch projects and turns their screens into a semantic DESIGN.md source of truth for consistent layout, tone, color, and component language. Use design-md for Design Systems when you need promptable guidance for future Stitch generation, not just a visual summary.

The sharp-edges skill helps you find APIs, configs, and interfaces where the easy path leads to insecure use. Use it to review authentication flows, cryptographic wrappers, dangerous defaults, null or zero semantics, and misuse-prone design choices. It is a strong fit for sharp-edges for Security Audit work when you need concrete footguns, not generic security guesses.

lean-ux-canvas helps teams frame a business problem, surface assumptions, and define what to learn next using Lean UX Canvas v2. Use it for workshop prep, stakeholder alignment, and early product discovery when you need a practical lean-ux-canvas guide before solutioning.