Use when designing or building native macOS applications with SwiftUI or AppKit. Triggers on menu bar structure, keyboard shortcuts, multi-window behavior, Liquid Glass design system, macOS...
Install official tech brand logos from the Elements registry. Use when user needs logos for tech companies (Clerk, Vercel, GitHub, etc.), AI providers (OpenAI, Anthropic, Claude), social...
World-class UI design expertise combining the precision of Jony Ive's Apple work, the systems thinking of Figma's design philosophy, and the accessibility obsession of Inclusive Design principles....
World-class weapon design expertise combining the silhouette mastery of FromSoftware, the functional beauty of WETA Workshop, the rarity language of Bungie's Destiny, and the kinetic feedback...
Efficiently develop Hono applications using Hono CLI. Supports documentation search, API reference lookup, request testing, and bundle optimization.
Visual feedback capture for any running macOS app window via osascript + screencapture. Use when the user wants UI verification or a fresh screenshot.
Create Oracle-compliant PowerPoint presentations following Oracle brand guidelines. Supports Dark (default) and Light themes with OCI/Database branding. Use when creating Oracle presentations,...
Guides Material Design 3 (M3) implementation for Android apps. Use when theming apps, choosing colors, implementing components, creating adaptive layouts, or following Material design principles....
|
Generate a complete set of favicons from a source image and update HTML. Use when setting up favicons for a web project.
Progressive Web Apps - service workers, caching strategies, offline, Workbox
Generate favicons from a source image
>
Professional UI design and frontend interface guidelines. Use this skill when creating web pages, mini-program interfaces, prototypes, or any frontend UI components that require distinctive,...
Create engaging data visualizations and infographics
基于给定文字内容创建精美信息图。当用户请求创建信息图时使用。
Create beautiful infographics based on given text content. Use when users request to create infographics.
Extract components from Figma, convert designs to React components, sync design tokens, and generate code from designs. Bridge the gap between design and code with automated workflows.
Electron desktop application development with React, TypeScript, and Vite. Use when building desktop apps, implementing IPC communication, managing windows/tray, handling PTY terminals,...
Progressive Web App development with Service Workers, offline support, and app-like behavior. Use for caching strategies, install prompts, push notifications, background sync. Activate on "PWA",...