Design

ue-slate-ui

by NCMcClure

Build new UE5 Slate UIs from scratch or refactor existing Slate widget hierarchies using an atomic design methodology adapted for Slate's C++ composition model. Use this skill when the user mentions Slate UI, SWidget, SCompoundWidget, widget hierarchy, Slate refactoring, Slate design system, widget composition, or asks to organize/restructure Slate widgets into a systematic hierarchy. Also trigger when the user wants to create a Slate component library, establish a Slate style system, break a monolithic SCompoundWidget into reusable parts, or audit an existing Slate interface for consistency. Works for both editor tools (detail customizations, asset editors, standalone windows) and runtime Slate UIs.

kais-movie-agent

by kaiger666888

"AI短片/短视频/短剧全流程自动制作管线。触发词：movie agent, 短片制作, AI短片, 视频管线, film pipeline, AI视频制作, 短视频管线, AI电影, 影片制作, AI短剧, 短剧制作, 视频自动化, 全自动视频, 一键生成视频, AI拍片, 视频工厂, 批量视频, 生成短片, make video, create film, video pipeline, movie production, AI filmmaker。覆盖需求确认→调研→剧本→美术方向→角色设计→配音→场景生成→分镜板→视频生成→后期合成的完整管线，支持git版本管理和断点续传。"

ui-ux-pro-max

by Jackiexiao

"QUERY LENGTH LIMIT EXCEEDED. MAX ALLOWED QUERY : 500 CHARS"

html-anything

by clockless-org

Turn rich agent answers and any file, folder, URL, or export into a polished single-file HTML page. Auto-picks a default route plus 17 concrete design systems (teaching, dashboard, atlas, timeline-story, document, …).

glyph

by sumitttt4

A brand and design skill for AI-built products. Use it to create brand identity, UI direction, typography, color systems, landing pages, dashboards, product taste, anti-generic design rules, and Vibe Coding prompts.

favicon-gen

by Olino3

"Generate custom favicons from logos, text, or brand colors — prevents launching with CMS defaults. Extract icons from logos, create monogram favicons from initials, or use branded shapes. Outputs all required formats (ICO, PNG, SVG, Apple Touch, web manifest)."

prompt-engineering

by Ahaaad3759

Universal prompt engineering assistant. Deconstructs complex prompts into structured variables, generates bilingual vocabulary banks, identifies domain, evaluates quality, learns new terms, compares prompts, and optionally outputs PromptFill-compatible JSON. Use when a user wants to analyze, split, translate, learn from, compare, or template-ify any AI image/text prompt. Trigger phrases include: "analyze prompt", "split prompt", "extract variables", "create template", "learn vocabulary", "compare prompts", "词库", "提示词拆分", "提示词分析", "创建模板", "学习新词", "对比提示词".

wcag-checker

by r1ckrck

Audit a Figma component for WCAG 2.1 Level AA accessibility compliance

Career Copilot Design System

by johnefficacy-crypto

Dark, gold-accented, archival-feel design system for Career Copilot — an India-focused platform for government, PSU, banking, and regulatory exam aspirants. Serious, credible, information-dense. Covers both the aspirant product and the admin operating system.

pds

by jsstechio

Pencil Design System generator. Invoke with /pds followed by a business domain (e.g., "/pds coffee shop that sells coffee online"). Creates a complete design system with tokens, foundations, components, patterns, and optional screens in a .pen file.

Bep Design System — SKILL.md

by Cyclops8833

Bep Design System · Northset Advisory · Last updated April 2026

visual-note-card

by Astronomic-crispness753

Generate professional Chinese visual note cards (视觉笔记卡片/信息图) as single-page HTML infographics with automatic PNG export. Use this skill whenever the user asks to create a visual note, knowledge card, infographic, one-pager summary, visual summary, 知识卡片, 视觉笔记, 信息图, 一页纸总结, or any poster-style knowledge visualization. Also trigger when the user wants to summarize an article, blog post, book chapter, or concept into a structured visual card format, or when they reference an existing visual note and ask to create one in the same style. This skill produces both a self-contained HTML file and a high-quality PNG image, ready for sharing on social media or printing.

kitchen-sink-design-system

by Baphomet480

Kitchen Sink design system workflow for any frontend stack — Next.js, Hugo, Astro, SvelteKit, Nuxt, or plain HTML. Use when asked for a Kitchen Sink page, Design System, UI Audit, Style Guide, or Component Inventory, or when a project needs a component inventory plus component creation and a sink page implementation.

ui-spacing-and-cushioning

by tippyentertainment

Normalize spacing, padding, and whitespace across any web UI while preserving visual hierarchy and aesthetics. Detects each project’s spacing patterns or tokens, cleans up ad‑hoc gaps, and fixes cramped vs. blown‑out sections across frameworks (React, Next.js, Vue, Svelte, plain HTML/CSS, Tailwind, shadcn/ui, MUI, Chakra, etc.).

aesthetic

by brixtonpham

"Visual design intelligence and UI aesthetics. Integrates: chrome-devtools, ai-multimodal, media-processing. Capabilities: design analysis, visual hierarchy, color theory, typography, micro-interactions, animation, design systems, accessibility. Actions: analyze, design, create, capture, evaluate, implement UI aesthetics. Keywords: Dribbble, Behance, Mobbin, design inspiration, visual hierarchy, color palette, typography, spacing, animation, micro-interaction, design system, style guide, accessibility, WCAG, contrast ratio, golden ratio, whitespace, visual rhythm. Use when: building beautiful UIs, analyzing design inspiration, implementing visual hierarchy, adding animations/micro-interactions, creating design systems, evaluating aesthetic quality, capturing design screenshots."

tool-ui-design

by eaglefly628

工具软件 UI 风格设计 skill。当用户需要设计或实现桌面工具、开发者工具、数据面板、量化交易系统、监控平台、IDE 插件、CLI 可视化界面、截图录屏工具、QA 测试工具等生产力工具的 UI 组件时自动触发。专注于专业感、信息密度与操作效率，而非装饰性。

seedance-prompt-en

by mightyhuman101

Write effective prompts for Jimeng Seedance 2.0 multimodal AI video generation. Use when users want to create video prompts using text, images, videos, and audio inputs with the @ reference system. Covers camera movements, effects replication, video extension, editing, music beat-matching, e-commerce ads, short dramas, and educational content.

interfaces-raunofreiberg

by artivilla

Review UI code against Rauno Freiberg's interface guidelines. Use when checking interactivity, typography, motion, touch, optimizations, accessibility, and design details.

SKILL.md — OpenClaw Agent Skill

by freaxnx01

figma-to-mobile

by TimeAground

Convert Figma designs to mobile UI code. Supports Android (Jetpack Compose, XML) and iOS (SwiftUI, UIKit). Use when a user provides a Figma link and wants mobile layout code. Extracts design tokens via Figma REST API, asks clarifying questions, then generates production-ready code files.

thatcleanchef-seo — SKILL

by EcomSEO

lib/content/team.ts — authors + reviewer (Lena Marsh RDN, no peptide-specialism framing)

pds

by jsstechio

Pencil Design System generator. Use when the user asks to create a design system, build a UI kit, set up design tokens, or create components in a Pencil .pen file for any business domain. Creates themed tokens, visual foundations, reusable components, and composition patterns.

qa-test-planner

by VisualxIntelligence

Generate comprehensive test plans, manual test cases, regression test suites, and bug reports for QA engineers. Includes Figma MCP integration for design validation.

yancoverse-design

by YamanAddas

Applies the YancoVerse design language to UI components. Use when building or styling any visual element, component, page, or layout. Covers color system, typography, spacing, effects, animation patterns, state design standards, and the atmospheric dark aesthetic that defines YancoCup.