Scan to join WeChat grouppersonjakexiaoNo key required
ui-designer
Use when user needs visual UI design, interface creation, component systems, design systems, interaction patterns, or accessibility-focused user interfaces.
download12deployed_code—star51
Skill Directory
AI Skill Directory
Browse curated skills with source links, package snapshots, README assets and install signals in one calm, searchable catalog.
personjakexiaoNo key required
kpi-dashboard-design
Design effective KPI dashboards with metrics selection, visualization best practices, and real-time monitoring patterns. Use when building business dashboards, selecting metrics, or designing data...
download12deployed_code—star19
personjakexiaoNo key required
convex-realtime
Realtime subscriptions and optimistic updates in Convex. Use when implementing live data updates, optimistic UI, pagination with realtime, presence indicators, typing indicators, or any feature requir…
download12deployed_code—star0
personjakexiaoNo key required
"components"
Reusable UI component patterns: buttons, cards, input fields, loading states, badges, toggles, pickers, empty states. Use when creating any interactive UI element, building reusable views, or composin…
download12deployed_code—star1
personjakexiaoNo key required
"safari-extension"
Safari Web Extension: SFSafariExtensionHandler, content scripts, web resources, native-web messaging. Use when building a Safari browser extension, injecting content scripts into web pages, or communi…
download12deployed_code—star1
personjakexiaoNo key required
"website-links"
External links and in-app browsing: Link component, openURL environment, SFSafariViewController, URL handling. Use when opening URLs, adding web links, or embedding an in-app browser. Triggers: Link, …
download12deployed_code—star1
personjakexiaoNo key required
"adaptive-layout"
Adaptive layout for iPad and universal apps: NavigationSplitView, size classes, horizontalSizeClass, presentations, HIG compliance. Use when building iPad-optimized layouts, supporting multiple screen…
download12deployed_code—star1
personjakexiaoNo key required
"view-composition"
View composition: @ViewBuilder properties, section extraction, body as table of contents, naming conventions. Use when implementing UI patterns related to view composition.
download12deployed_code—star1
personjakexiaoNo key required
nextauth
NextAuth.js (Auth.js) configuration including providers, adapters, session management, callbacks, and JWT handling.
download12deployed_code—star457
personjakexiaoNo key required
slidev-multi-agent
Create, edit, theme, build, and export Slidev presentations using a script-first workflow with detailed local references. Use when working on Slidev decks, themes, layouts, exports, or hosting. Always…
download12deployed_code—star19
personjakexiaoNo key required
expressive-design
Material Expressive. Comprehensive guidance on expressive design system for Flutter with platform support for Android and Linux desktop. Covers layout patterns (e.g., Bento Grid, Masonry), color token…
download12deployed_code—star0
personjakexiaoNo key required
"navigation"
Navigation architecture: NavigationStack, NavigationSplitView, TabView, sheets, fullScreenCover, type-safe routing, programmatic navigation. Use when setting up app navigation, adding screens, present…
download12deployed_code—star1
personjakexiaoNo key required
"dark-mode"
Dark mode support: 3-way appearance picker, preferredColorScheme, Color(light:dark:) adaptive tokens, colorScheme environment. Use when adding dark/light mode toggle, creating adaptive colors, or resp…
download12deployed_code—star1
personjakexiaoNo key required
"gestures"
tvOS gesture patterns: Siri Remote input handling with onMoveCommand, onPlayPauseCommand, onExitCommand, swipe recognition. Use when implementing tvOS input handling, remote control interactions, or f…
download12deployed_code—star1
personjakexiaoNo key required
"feedback-states"
Feedback state patterns: loading indicators, error handling UI, success confirmations, disabled states, skeleton views. Use when adding loading spinners, error alerts, success feedback, or managing em…
download12deployed_code—star1
personjakexiaoNo key required
"spacing-layout"
Spacing and layout metrics: 8pt grid system, standard margins, 44pt tap targets, vertical rhythm, density guidelines. Use when setting padding, margins, spacing between elements, or ensuring touch tar…
download12deployed_code—star1
personjakexiaoNo key required
figma-automation
Automate Figma tasks via Rube MCP (Composio): files, components, design tokens, comments, exports. Always search tools first for current schemas.
download12deployed_code—star19
personjakexiaoNo key required
mjml-email-templates
Build responsive email templates using MJML markup language. Compiles to cross-client HTML that works in Outlook, Gmail, and Apple Mail. Includes template renderer, layout patterns, and variable subst…
download12deployed_code—star635
personjakexiaoNo key required
ui-orchestrator
UI/UX skill dispatcher that routes to specialized external skills based on project needs. Use when working on UI development, design systems, or frontend tasks. Triggers on keywords like "UI", "界面", "…
download12deployed_code—star0
personjakexiaoNo key required
"macos-patterns"
macOS platform patterns: window management, menu bar, keyboard shortcuts, Settings, drag-and-drop, App Sandbox. Use when building macOS-specific features, handling desktop input, or implementing Mac a…
download12deployed_code—star1
personjakexiaoNo key required
"keyboard-shortcuts"
macOS keyboard shortcut patterns: keyboardShortcut modifier, CommandMenu, CommandGroup, menu bar customization. Use when implementing macOS keyboard shortcuts, menu bar commands, or hotkeys. Triggers:…
download12deployed_code—star1
personjakexiaoNo key required
"color-contrast"
Color contrast and accessibility: WCAG ratios, semantic colors, dark mode pairing, text on images, opacity rules. Use when choosing colors, ensuring text readability, or validating contrast ratios for…
download12deployed_code—star1
personjakexiaoNo key required
"typography"
Typography rules: system text styles, Dynamic Type, font weights, type hierarchy, line spacing. Use when implementing UI patterns related to typography.
download12deployed_code—star1
personjakexiaoNo key required
"view-complexity"
View complexity management: 30-line body rule, computed property extraction, subview decomposition, type-check timeout prevention. Use when a view body is getting long, refactoring large views, or hit…
download12deployed_code—star1