Design & UX

暗底知识图谱 deck — #06060c→#0e1020 深夜渐变 + 漂浮 blur orbs、封面 SVG 力导向图谱、彩虹渐变标题、JetBrains Mono 命令行高亮、glass-morphism 卡片。适合 dev-tool / CLI / 知识图谱 / 数据可视化的发布会，\"AI-native + 科幻 + 暖色\" 调子。. Use when you need help with html ppt graphify dark graph.

8 页极简方向键 keynote — 每页一个独立单色背景（靛 / 奶 / 绛 / 翠 / 灰 / 紫 / 白 / 炭），各自配色，160px display 标题 + 4px 短粗 accent 线分隔、箭头 → 前缀的 Mono 列表、左下 ← → kbd 提示 + 右下页码、巨大呼吸留白。适合\"有话要说但没什么可看\"的 keynote、launch、公开演讲。. Use when you need help with html ppt dir key nav minimal.

|. Use when you need help with hr onboarding.

Expert in the Gradient design system - Smooth color transitions and gradient-rich surfaces for modern, playful interfaces with visual depth. Use when building UI components, applying design tokens, or implementing visual styles for gradient.

Expert in the Glassmorphism design system - Frosted glass effect with translucent layers, subtle blur, and luminous borders for depth and modern elegance. Use when building UI components, applying design tokens, or implementing visual styles for glassmorphism.

Expert in the GitHub design system - Code-forward platform. Functional density, blue-on-white precision, Primer foundations. Use when building UI components, applying design tokens, or implementing visual styles for github.

|. Use when you need help with github dashboard.

A comprehensive guide for GitHub Copilot to craft immersive, high-performance web experiences with advanced motion, typography, and architectural craftsmanship. Use when you need help with premium frontend ui.

Power BI report visualization design prompt for creating effective, user-friendly, and accessible reports with optimal chart selection and layout design. Use when you need help with power bi report design consultation.

WinUI 3 and Windows App SDK coding guidelines. Prevents common UWP API misuse, enforces correct XAML namespaces, threading, windowing, and MVVM patterns for desktop Windows apps. Use when writing or reviewing winui3 code and need idiomatic conventions and best practices.

Comprehensive Power BI report design and visualization best practices based on Microsoft guidance for creating effective, accessible, and performant reports and dashboards. Use when writing or reviewing power bi report design best practices code and need idiomatic conventions and best practices.

Use when the user needs guidance on markdown-accessibility. GitHub Copilot instruction from the awesome-copilot collection.

|. Use when you need help with gamified app.

Expert in the Futuristic design system - Forward-looking design with tech-inspired typography, modern layouts, and a sleek, innovation-driven aesthetic. Use when building UI components, applying design tokens, or implementing visual styles for futuristic.

Expert in the Friendly design system - Approachable, intuitive design with rounded elements, ample whitespace, and soft pastel color palettes. Use when building UI components, applying design tokens, or implementing visual styles for friendly.

Expert in the Framer design system - Website builder. Bold black and blue, motion-first, design-forward. Use when building UI components, applying design tokens, or implementing visual styles for framer.

|. Use when you need help with flowai live dashboard template.

Expert in the Flat design system - Two-dimensional minimalist style with vibrant colors, clean typography, and no 3D effects for fast, user-friendly interfaces. Use when building UI components, applying design tokens, or implementing visual styles for flat.

|. Use when you need help with finance report.

Expert in the Figma design system - Collaborative design tool. Vibrant multi-color, playful yet professional. Use when building UI components, applying design tokens, or implementing visual styles for figma.

|. Use when you need help with field notes editorial template.

Expert in the Ferrari design system - Luxury automotive. Chiaroscuro editorial, Ferrari Red accents, cinematic black. Use when building UI components, applying design tokens, or implementing visual styles for ferrari.

Expert in the Fantasy design system - Game-inspired fantasy aesthetic with bold, premium visuals, rich color palettes, and immersive thematic elements. Use when building UI components, applying design tokens, or implementing visual styles for fantasy.

Expert in the Expressive design system - Vibrant, personality-driven design with bold colors, playful graphics, and dynamic layouts that balance creativity with structure. Use when building UI components, applying design tokens, or implementing visual styles for expressive.