设计
UI/UX 方向、视觉设计与设计系统
_frontend-mastery
TriNgo0108
Master frontend development, user interfaces, React ecosystem, and web design principles. Use this as a central index to access specialized sub-skills.
ui-design-a11y
Protagonistss
无障碍设计审查与修复能力。
senior-engineering-partner
bjgreenberg
"A strict code reviewer, pair programmer, debugger, and mentor for Python, Bash, Google Apps Script, JavaScript, and Swift/Apple platforms. Use when writing, reviewing, debugging, planning, or securing code, or for senior-level rigor, a security review, or mentoring. Mode triggers — REVIEW: (critique + refactor), EXPLAIN: (teach), MVP:/PROTOTYPE: (lean-but-safe), DEBUG: (root-cause), AUDIT: (report-first); default is pair-programming. Drives a spec→plan→TDD→verify loop with a deterministic-first, verify-before-asserting (anti-hallucination) discipline. Enforces a security floor (secrets, injection, input validation, isolation, least privilege, authn) and a backup/continuity floor on a phase-aware rigor ladder (Prototype→MVP→Production) — cheap ≠ insecure. Covers testing & fuzzing, SAST/secret-scan/type-check/supply-chain gates, multi-tenant data protection, resilience & DR, scalability, CI/CD, cloud/containers/DBs, and accessible UI — deep references read on demand."
swiftui-view-refactor
harperreed
Refactor and review SwiftUI view files for consistent structure, dependency injection, and Observation usage. Use when asked to clean up a SwiftUI view’s layout/ordering, handle view models safely (non-optional when possible), or standardize how dependencies and @Observable state are initialized and passed.
qiaomu-design-advisor
ZT90
偏执型设计顾问 — Jobs 式产品直觉 + Rams 式功能纯粹主义。重新设计页面、审视 UI 方案、优化交互体验时使用。 触发词："重新设计"、"redesign"、"优化界面"、"优化交互"、"设计方案"、"UI 审查"、"这个页面不行"、"界面不好看"、"帮我看看设计"、"设计建议"、"/design-advisor"。 适用于：(1) 页面/组件重新设计 (2) UI/UX 方案评审 (3) 交互逻辑优化 (4) 视觉系统建立 (5) 设计决策咨询。 与 design-taste-frontend 的区别：design-taste-frontend 是技术执行规范（色值、间距、动画参数），本 skill 是设计思维方法论（如何思考、如何决策、如何交付方案）。两者互补，可同时使用。
inventory-demand-planning
JunMystery
Codified expertise for demand forecasting, safety stock optimization, replenishment planning, and promotional lift estimation at multi-location retailers. Informed by demand planners with 15+ years experience managing hundreds of SKUs. Includes forecasting method selection, ABC/XYZ analysis, seasonal transition management, and vendor negotiation frameworks. Use when forecasting demand, setting safety stock, planning replenishment, managing promotions, or optimizing inventory levels.
muapi-product-showcase-video
SamurAIGPT
Create a dynamic product showcase with explosive ingredient arrangements, followed by a realistic motion animation.
pixel
ahmadzakiy
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill to implement designs from Figma nodes or natural language to Vue 3 component or Nuxt pages using Mekari Pixel 3 design system. Requires a working Pixel MCP server connection.
ui-ux-master
kdbhalala
Master UI/UX design skill combining Apple HIG, modern web design, SuperDesign patterns, and universal design principles. Use for any UI/UX design task including iOS/macOS/web apps, landing pages, dashboards, design systems, accessibility, responsive layouts, animation, and creating beautiful, functional interfaces across all platforms and frameworks.
digital-avatar-shopping-video
zqm0779
小省导购员多智能体数字人口播带货视频生成系统，以"小省导购员"为核心人设，打造专业购物助手+数字人口播带货视频一体化服务。涵盖五大智能体（小省导购员、带货脚本师、数字人口播生成师、带货画面设计师、音画合成师），产出"数字人口播+带货画面+字幕音效"的成品视频，适配抖音、快手等短视频平台，支持淘宝、京东、拼多多、唯品会等全平台商品信息，具备知识库自动存取能力。
frontend-design
MichaelFisher1997
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI). Generates creative, polished code and UI design that avoids generic AI aesthetics.
yao-geo-explainer-builder
yaojingang
当用户需要系统、详细、完整地生成一篇可发布的 GEO 科普文章，并附带 How-to 教程、概念解释、购买/选择指南、避坑清单、FAQ、术语表、证据分级、读者场景、决策路径、品牌自然植入建议、真实数据核验附录，以及带固定目录菜单的 HTML 包、Word、PDF 和 Markdown 四格式报告时使用；适配 Kimi、千问、豆包、DeepSeek、元宝等国内 AI 搜索/问答平台；不用于榜单排行、整站诊断、页面审计、标题生成或无证据品牌软文。
adobe-illustrator-web
CodeDraig
Create vector graphics with Illustrator on the web - design logos, icons, and illustrations with AI-powered tools
amazon-kr
Youks7
Produce final Amazon main images, secondary listing images, and A+ image modules for physical products in any category, including faithful reconstruction from reference designs; also revise, resize, or audit existing assets. Use for white-background product images, infographics, lifestyle scenes, installation or use graphics, material and finish fidelity, comparison modules, and export QA. Do not use for PPC, catalog operations, inventory, or account management.
elevation-and-depth
youlianvr
Elevation — subtle shadows and layering — communicates visual hierarchy by lifting elements above the surface.
imagine-best-practices
midhunxavier
Publication-quality scientific figures with the Imagine framework (React → SVG/PNG). Use when designing, reviewing, or exporting charts/diagrams/multi-panel figures for papers, posters, or preprints, especially when you need mm+dpi sizing, vector-first SVG, typography/color guidance, and final submission checks.
normalize
paulbryantbaker-art
Audits and realigns UI to match design system standards, spacing, tokens, and patterns. Use when the user mentions consistency, design drift, mismatched styles, tokens, or wants to bring a feature back in line with the system.
controlled-chaos-pro
RayyanZahid
Generate novel web output via authorial personas and subject-derived aesthetics. Principles-based composition for pages, decks, landing heroes. Five designer personas (Saville, Scher, Rams, Weingart, Bierut), first-class motion, strategic microfeatures. Every run invents its own DNA.
x-api
anavvanzin
X/Twitter API integration for posting tweets, threads, reading timelines, search, and analytics. Covers OAuth auth patterns, rate limits, and platform-native content posting. Use when the user wants to interact with X programmatically.
stan-html-deck
Amasun93
斯坦星球品牌 HTML 演讲 Deck 生成器。将用户提供的讲座内容转化为符合斯坦星球 VI 规范的单文件 HTML 演示文稿。 触发词包括"做斯坦讲座"、"生成演示稿"、"教学分享 slide"、"斯坦 PPT"、"做个 html 演讲"等。 输出为纯手写单文件 HTML，16:9 横版，键盘翻页，不需 Reveal.js 等外部框架。
scene-distillation-zine-v1-3
Zeejay0
"Transform a user-supplied photo into an expressive minimal zine poster made only from original source-derived illustration, an artistic proposition, emotional tension, visual metaphor, spacious negative space, art-directed high-chroma color, and unconstrained authorial typography. Let wording, language, amount, placement, type voices, scale, direction, legibility, and image interaction follow expression and aesthetic judgment rather than presets. Preserve source orientation by default with a 3:5 portrait output or 5:3 landscape output. Add source-derived distributed supporting accents and a natural isolated-contour option alongside adaptive paper-edge transitions. Support an exact 单色块模式 trigger for one contiguous saturated color field with all remaining forms in neutral ink. Use for authored abstract or editorial reinterpretations that communicate an emotion or idea without embedding, cropping, tracing, or preserving the original photographic material in the final image."
fun-css
slaveOftime
Author type-safe inline CSS in F# with the Fun.Css computation-expression builder. Use when writing, generating, or refactoring Fun.Css style blocks (style { ... }), choosing operation names from CSS property knowledge, composing or conditionally building styles, extending the builder, or wiring design tokens / CSS variables into Fun.Css or Fun.Blazor code.
color-contrast-auditor
curiositech
Detects and fixes color contrast violations using WCAG 2.1 guidelines and perceptual analysis. Expert in contrast ratio calculation, color blindness simulation, and providing accessible alternatives. Activate on "check contrast", "color accessibility", "WCAG audit", "readability check", "contrast ratio", "hard to read", "can't see text". NOT for general color theory (use color-theory-palette-harmony-expert), brand color selection (use web-design-expert), or non-visual accessibility (use ux-friction-analyzer).
dashboard
Mamypopo
Dark-themed cloud-platform aesthetic with modular grids, glass-like panels, and strong data hierarchy for productivity dashboards.