设计
UI/UX 方向、视觉设计与设计系统
ui-design-brain
carmahhawwari
Generate production-grade UI using real component patterns and best practices from 60+ documented interface components. Use when the user asks to build web interfaces, pages, dashboards, forms, navigation, or any UI — ensures modern, minimal, SaaS-quality output grounded in design system conventions rather than generic AI patterns.
frontend-design
steipete
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.
algorithmic-art
ThinkInAIXYZ
Creating algorithmic art using p5.js with seeded randomness and interactive parameter exploration. Use this when users request creating art using code, generative art, algorithmic art, flow fields, or particle systems. Create original algorithmic art rather than copying existing artists' work to avoid copyright violations.
pptx
ThinkInAIXYZ
"Presentation creation, editing, and analysis. When Claude needs to work with presentations (.pptx files) for: (1) Creating new presentations, (2) Modifying or editing content, (3) Working with layouts, (4) Adding comments or speaker notes, or any other presentation tasks"
feishu-tools
ThinkInAIXYZ
Use the Feishu/Lark plugin MCP tools for Feishu documents, spreadsheets, knowledge content, and other matching workspace operations.
deepchat-settings
ThinkInAIXYZ
DeepChat app settings modification (DeepChat 设置/偏好) skill. Activate ONLY when the user explicitly asks to change DeepChat's own settings/preferences (e.g., theme, language, font size...). Do NOT activate for OS/system settings, editor settings, or other apps.
bmad-os-diataxis-style-fix
bmad-code-org
Fixes documentation to comply with Diataxis framework and BMad Method style guide rules. Use when user asks to check or fix style of files under the docs folder.
UX Coach Protocol
bmad-code-org
Invent sections for product-specific concerns surfaced in the concern scan (offline, internationalization, regulated language, motion-sensitive, notifications, content density). Earn their place.
document-release
garrytan
Post-ship documentation update. (gstack)
context-save
garrytan
Save working context. (gstack)
codex
bergside
"A radically minimal, blank-canvas interface built as a pure edge-to-edge surface, with almost no color and typography carrying the visual weight. Black serves as the only filled color, the only divider, and the sole surface tone cards."
pacman
bergside
Retro arcade-inspired design with pixel fonts, dotted borders, playful high-contrast colors, and 8-bit game aesthetics.
dramatic
bergside
High-contrast, theatrical design with bold layouts, immersive visuals, and unconventional compositions that command attention.
neobrutalism
bergside
Modern take on brutalism with bold borders, vivid accent colors, and raw, high-contrast layouts on warm surfaces.
premium
bergside
Apple-inspired premium aesthetic with precise spacing, modern typography, and a refined, polished visual language.
contemporary
bergside
Current-era minimalist design with bento grids, dark mode support, and high-performance accessible layouts.
neumorphism
bergside
Soft, extruded UI elements with inner and outer shadows on monochromatic surfaces for a tactile, embedded look.
fantasy
bergside
Game-inspired fantasy aesthetic with bold, premium visuals, rich color palettes, and immersive thematic elements.
friendly
bergside
Approachable, intuitive design with rounded elements, ample whitespace, and soft pastel color palettes.
bold
bergside
Strong visual presence with heavyweight typography, high-contrast colors, and commanding layouts.
glassmorphism
bergside
Frosted glass effect with translucent layers, subtle blur, and luminous borders for depth and modern elegance.
dithered
bergside
Dot-pattern rendering technique that simulates shades with a limited palette for nostalgic, retro, high-contrast visuals.
cosmic
bergside
Futuristic sci-fi aesthetic with dark themes, vibrant neon accents, and immersive spatial elements.
flat
bergside
Two-dimensional minimalist style with vibrant colors, clean typography, and no 3D effects for fast, user-friendly interfaces.