Skill rating

Use when 需要在 sdlc-dev 的产品需求 Spec 流程执行 R3（原型生成），基于 requirements/prd.md 产出 requirements/prototype.md（任务流+页面结构+ASCII线框+AC映射+走查脚本），并避免缺少上下文/缺少 PRD 仍继续生成、用 Open Questions 代替验证清单、或用非 ASCII 方式导致原型不可追溯与不可评审。

UXLens audits websites for UX, UI, and accessibility issues using 600+ proven checkpoints. Use when: (1) checking a website's UX before redesign, (2) auditing a landing page or portfolio for usability

Audit a design system for consistency, coverage, and quality. Use when asked to audit a design system, review a component library, assess design token coverage, or evaluate the health of a shared desi

Make true scalable vector art (logos, icons, app glyphs, scalable illustrations) or convert a raster image into clean editable SVG. Use when the user says "make a logo", "I need an SVG", "vectorize th

End-to-end product UX lifecycle methodology — four-stage workflow from requirements research and user scenario modeling to information architecture, low-fidelity wireframing, and developer handoff. Fo

智能人岗匹配诊断系统，适用于中文招聘场景。当用户明确要求分析特定简历与具体岗位 的匹配度、生成人才筛选报告或诊断求职差距时使用。 语言范围：主要支持中文简历和岗位描述；英文或其他语言输入可能导致分析结果不准确， 建议先翻译为中文后使用。 适用场景：企业端（招聘筛选、人才评估）和个人端（求职诊断、职业规划）。 触发条件（需同时满足）：用户明确提供简历文本或文件 AND 用户明确指定目标岗位或JD。

Technical UX architecture and CSS systems skill for bridging design and development. Use when setting up project foundations, creating CSS design systems, defining layout frameworks (Grid/Flexbox), es

Write a structured design brief for a Figma design task from a product requirement or feature request. Use when asked to write a design brief, create a design spec for Figma, turn a PRD into design re

Use when user asks about design skills, UI skills, design tools, "what design skills are available", "help me design", "recommend a design skill", "UI/UX skill", "design workflow", "設計技能", "UI 技能", "設

Plan user flows and screen states for a Figma design before any designing starts. Use when asked to plan a user flow, map out screens for a feature, define screen states, plan a Figma file structure,

Generate structured developer handoff annotations for a Figma screen or component. Use when asked to write Figma annotations, create dev handoff notes, document a Figma design for developers, or write

Improve OpenClaw's Feishu reply experience by customizing streaming cards, raw reasoning visibility, card 2.0 layouts, collapsible panels, titles, colors, and fallback send paths. Use this whenever a

Design a spacing and layout token system for a Figma design system. Use when asked to create a spacing system, define layout tokens, set up a grid system, build a spacing scale, or establish layout fo

Define component variants and states systematically for Figma. Use when asked to plan component variants, define states for a component, set up a Figma variant matrix, or work out what properties a co

Plan prototype interactions and flows for user testing in Figma. Use when asked to plan a Figma prototype, set up prototype interactions, define what to prototype for a user test, or prepare a Figma p

Runs a PM-perspective design critique focused on product outcomes and user goals, not aesthetics. Use when asked for a PM design critique, a product review of a Figma design, or feedback from a produc

Runs a structured PM design review against product requirements. Use when asked to review a Figma design, check a design against requirements, or assess whether a design meets the product spec. Produc

Organize and rename files based on content analysis. Use when a user asks to sort files into folders, rename files by pattern, organize a messy directory, categorize documents by type or content, dedu

Convert Figma designs into production-ready frontend code. Use when someone shares a Figma URL, design screenshot, or exported design tokens and needs React/Vue/HTML components, responsive layouts, or

Audit a Figma component library for consistency, coverage gaps, and naming issues. Use when asked to audit components, review a design system, check component consistency, identify missing components,

Turn product ideas into MVPs, UX flows, Playwright checks, and explicit feedback loops. Built by ClawAether.

Organizes user-provided content into a structured single-page infographic specification and copyable standalone HTML source. Invoke when the user explicitly requests either deliverable.

Structured software engineering workflow with state-driven execution: requirement analysis → technical design → task planning → execution with state navigation and session recovery. Triggers: new feat

使用 Nano Banana 2 从产品资料建立商业产品图镜头矩阵，生成白底目录图、英雄图、材质微距、尺度场景和包装合照，同时锁定产品物理特征。Use this skill for 产品图生成、商品图、商业摄影、产品摄影、产品渲染、白底图、场景图、材质细节、包装图、电商图片、官网 Hero 和新品视觉；通过 AI Hive 生成。

用户在拍摄前想系统性地检查构图方案、问"怎么让照片更有冲击力"、或觉得照片 平淡想改进时调用。不适用于照片评价（应调用 photo-three-principles）或 光线选择问题（应调用 natural-light-direction）。 Invoke when the user wants to systematically check composition before shooting

Creates unique web designs with brand identity, color palettes, typography, and modern UI/UX patterns. Use for brand identity development, visual design systems, layout composition, and responsive web

Create professional, dark-themed SVG diagrams of any type — architecture diagrams, flowcharts, sequence diagrams, structural diagrams, mind maps, timelines, illustrative/conceptual diagrams, and more.

Generate or edit raster images when the task benefits from AI-created bitmap visuals such as photos, illustrations, textures, sprites, mockups, or transparent-background cutouts. Use when Codex should

Generate a Word Jumble puzzle — scrambled words with circled letters that spell out a final idiom, plus a cartoon illustration hint and a printable puzzle image. Use when asked to generate a word jumb

Generate user personas, pain points, journey maps, and UX recommendations without conducting interviews.

See and understand images when you (the current model) have no native vision. Use this WHENEVER you need to look at, read, describe, OCR, or reason about the contents of an image, screenshot, photo, d

Help users quickly find desirable customizable products, turn images or ideas into gifts, and get highly flexible personalized customization services. Browse and create custom gifts — personalized bag

Build, update, and manage websites via Casso — an AI website builder agent that operates entirely through email. Use when the user wants to create a new website, update existing website content, add p

Preflight non-trivial deliverables: detect missing input, tool, or modality, then take the cheapest escape route instead of confident guessing.

概念方案生成与设计说明撰写。根据历史项目资料和 Figma 设计稿自动生成概念方案模板（.docx）和设计说明文档（.docx）。适用场景：(1) 用户提供历史项目资料目录 + 需求，要求生成概念方案模板，(2) 用户提供 Figma 链接 + 历史项目资料，要求撰写设计说明，(3) 用户只需要生成方案模板或设计说明之一，(4) 用户提到'方案模板'、'设计说明'、'概念方案'、'design d

Agent Media OS, the single skill for every media need in a HyperFrames project. Resolve BGM, SFX, image, icon, brand logo, voice, color grade, or LUT into a frozen local file or paste-ready block + le

Search, download, and generate code for Google Material Symbols icons. Use when user mentions 'material symbols', 'material icons', 'Google icons', 'Android icons', or needs to find/download icons for

Generate a launch-ready app package for App Store submission: a complete Markdown feature document plus AI-generated Apple-style UI design images for each page and a square-corner app icon. Use when t

Use APIDot for Flux Kontext API workflows, including Flux Kontext Pro, Flux Kontext Max, text-to-image API, context-aware image editing, character consistency, local edits, typography-aware visual upd

Ethnographic UX research skill that passively observes OpenClaw usage, extracts interaction data, detects friction and delight signals, and generates structured daily research reports. Invoke with /ux

Senior-level UI/UX design expert for building data-driven, premium production interfaces. Use when you need to: 1. Design complex applications (dashboards, SaaS, AI tools) from scratch 2. Generate com

Localize HTTP(S) images in SoMark Markdown into ZIP-like directory packages for one Markdown file or a batch of .md/.markdown files. Use when a user needs to persist SoMark object-storage image URLs,

插画图片生成技能，支持多种手绘风格。适合流程图、功能说明、PPT配图、教程配图、知识图和手绘信息图等场景。支持五种风格：A) Sketch 极简手绘风（Notion/Linear 风格，简笔人物，冷淡低饱和）；B) Watercolor 奶油彩铅水彩风（暖色调，纸纹彩铅，适合PPT讲义）；C) Flat Vector Retro 扁平矢量复古风（黑色轮廓线，几何简化，复古配色，适合Notebook

研发费用评估、研发预算测算、项目研发成本分析的专业技能。 当用户需要进行研发费用评估、研发预算编制、项目成本测算、研发投资回报分析、研发项目可行性分析时，务必使用此技能。 适用于企业研发部门、财务部门、项目管理团队进行研发成本控制和预算规划。 支持软件开发、硬件研发、AI算法研发、工艺技术研发等各类项目的成本评估和预算测算。 输出符合高新技术企业认定和研发费用加计扣除的合规要求。

Create, edit, and analyze PowerPoint presentations. Invoke when user asks about PPT, slides, presentations, or needs to create/modify .pptx files.

Manage PlanetScale CLI authentication including login/logout, check auth status, and switch accounts. Use when setting up pscale for first time, troubleshooting auth issues, switching PlanetScale acco

Use when setting up or managing GitLab CLI (glab) authentication. Covers login, logout, status, docker helper, and related auth commands.

Sell print-on-demand merchandise on Clawver. Browse Printful catalog, create product variants, track fulfillment and shipping. Use when selling physical products like posters, t-shirts, mugs, or appar

Run an autonomous e-commerce store on Clawver. Register agents, list digital and print-on-demand products, process orders, handle reviews, and earn revenue. Use when asked to sell products, manage a s

Rigorous visual validation expert specializing in UI testing, design system compliance, and accessibility verification. Masters screenshot analysis, visual regression testing, and component validation