Design

image-gen

by RamazanKara

Generate or edit raster images (PNG/JPG/WebP) from a text description using the local OpenAI Codex CLI's built-in image generator — photos, illustrations, icons, logos, mascots/characters, hero/OG/social images, favicons, textures, sprites, UI mockups, product shots, and transparent-background cutouts, plus edits to an existing image (recolor, restyle, add/remove/replace an element, change the lighting, remove the background, make variations). Use this WHENEVER the user wants to create, generate, make, draw, render, design, paint, or produce an image, picture, icon, logo, illustration, graphic, visual, asset, hero image, OG/social card, favicon, sprite, texture, mascot, or mockup — even when they don't say "Codex", don't name a file format, or just describe the picture they want ("I need a header image of …"). Do NOT use for: vector/SVG icon systems or logos meant to be authored as code; charts/graphs built from data; diagrams or flowcharts better expressed as Mermaid/SVG/HTML; or purely mechanical operations on an existing image file — resizing, super-resolution "upscaling", compression/optimization, or format conversion such as PNG→ICO — because this skill creates and edits image content, it does not transform files.

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"

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.

AI4BayesCode

by zjg540066169

Build Bayesian MCMC samplers with AI4BayesCode — a header-only C++ library of composable, stateful block-wise MCMC kernels (Gibbs / NUTS / slice / ESS / VI / BART / GP / HMM / particle-Gibbs / RJMCMC / ...). Use when the user wants to (a) GENERATE a sampler for a Bayesian model by composing existing blocks, or (b) DESIGN a brand-new sampler block primitive for the library. Triggers: "I want a sampler for <model>", "compose / generate an MCMC sampler", "design a new block", a model written as y ~ ... with priors, or any AI4BayesCode request.

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

ui-ux-pro-max

by sopyanahsan

"UI/UX design intelligence for web and mobile. Includes 50+ styles, 161 color palettes, 57 font pairings, 161 product types, 99 UX guidelines, and 25 chart types across 10 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui, and HTML/CSS). Actions: plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, and check UI/UX code. Projects: website, landing page, dashboard, admin panel, e-commerce, SaaS, portfolio, blog, and mobile app. Elements: button, modal, navbar, sidebar, card, table, form, and chart. Styles: glassmorphism, claymorphism, minimalism, brutalism, neumorphism, bento grid, dark mode, responsive, skeuomorphism, and flat design. Topics: color systems, accessibility, animation, layout, typography, font pairing, spacing, interaction states, shadow, and gradient. Integrations: shadcn/ui MCP for component search and examples."

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.).

Name: Frontend-design

by Poojitha363

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 组件时自动触发。专注于专业感、信息密度与操作效率，而非装饰性。

cyberbrief-design

by SecOps-DCTX

Use this skill to generate well-branded interfaces and assets for CyberBrief — a cyberpunk daily cybersecurity intelligence feed (breaches, CVEs, threat intel, news). Contains essential design guidelines, colors, type, fonts, components, and a runnable UI kit for prototyping.

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)