Design

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", "词库", "提示词拆分", "提示词分析", "创建模板", "学习新词", "对比提示词".

data-table

by Criptso

The house standard for any multi-column list, in any app and any stack: sticky high-contrast header, click-to-sort, a per-column menu (filter by value, search, date range, derived columns), frozen first column, add-column that reaches the database, smart widths with Excel-style wrap, a 3-line cap per cell with hover reveal, resizable rows and columns, right-aligned tabular figures, and one date format. Use BEFORE building or changing any table, grid, or list with more than one column — dashboards, admin screens, inventory, reports, invoices, anything with rows. Also use when a table already exists and is being reviewed, extended, or restyled, and whenever someone says the list should behave "like Excel" or "like Sheets". Ships a browser-driven verification suite that is the done-gate: a styled dead control photographs exactly like a live one.

wcag-checker

by r1ckrck

Audit a Figma component for WCAG 2.1 Level AA accessibility compliance

prd-local

by rhinkle

"Generate a Product Requirements Document (PRD) for a new feature. Use when planning a feature, starting a new project, or when asked to create a PRD. Triggers on: create a prd, write prd for, plan this feature, requirements for, spec out."

fix-design-system-finding

by artosetrov

Fix a specific design-system integration finding in a Figma screen or component, including missing shared components, local overrides, and unbound tokens.

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.

frontend-design

by zqm0779

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.

brandalf

by warpdotdev

Guides creation, revision, and review of Warp- or Oz-branded assets. Use when working on launch pages, docs, HTML/CSS components, UI mockups, prompts, social assets, copy, presentations, or any other branded deliverable that should look and sound unmistakably Warp or Oz.

Bep Design System — SKILL.md

by Cyclops8833

Bep Design System · Northset Advisory · Last updated April 2026

dylan-cover-generator

by xDylanLong

Use when the user asks for a Chinese or English social-media cover, thumbnail, Xiaohongshu or Douyin cover, video cover, or a new cover based on saved visual references and reusable character profiles.

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.

offer-compare-skill

by yanliudesign

"Offer 对比决策器。用户同时拿到两份（或多份）offer 纠结怎么选时，扮演 Senior Career Decision Advisor：结构化对比 comp / 成长 / AI 敞口 / 公司强度 / 团队风险 / 晋升速度 / 生活方式，识别 front-loaded vs long-term upside、resume value、switch-out 难度、hidden risks，最后给一条明确、有立场、不中性的推荐（并附「你是 X 类人选 A，你是 Y 类人选 B」的分叉判定）。三步：贴两份 offer → 补 priorities & 现状 → 自动生成并打开一份 HTML Offer Decision Report。是 offer-toolkit 里 JD Skill / Resume Skill / BQ Skill 拿到结果之后的下一环。关键词：offer compare, 选 offer, 两个 offer, offer decision, TC compare, 该去哪家, which offer, 4-year TC, RSU, sign-on, front-loaded, long-term upside, career decision。"

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

brand-guidelines

by lovits

Applies Anthropic's official brand colors and typography to any sort of artifact that may benefit from having Anthropic's look-and-feel. Use it when brand colors or style guidelines, visual formatting, or company design standards apply.

Name: Frontend-design

by Poojitha363

deploying-scalable-agents

by microsoft

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

typeset

by paulbryantbaker-art

Improves typography by fixing font choices, hierarchy, sizing, weight, and readability so text feels intentional. Use when the user mentions fonts, type, readability, text hierarchy, sizing looks off, or wants more polished, intentional typography.

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.