“theming”的搜索结果

Run technical quality checks across accessibility, performance, theming, responsive design, and anti-patterns. Generates a scored report with P0-P3 severity ratings and actionable plan. Use when the user wants measurable accessibility, performance, responsive, theming, or anti-pattern findings—not when they mainly want an overall UX critique or final visual/detail polish.

中文简介正在准备中。当前显示原文说明。

Generate React Spectrum UI components for Adobe Experience Cloud Shell SPAs and AEM UI Extensions. Provides patterns for pages, forms, data tables, dialogs, and navigation using @adobe/react-spectrum. Guides ExC Shell integration with @adobe/exc-app including runtime.done(), IMS token passthrough, and shell theming. Guides AEM UI Extension development with @adobe/uix-guest for Content Fragment Console, CF Editor, Universal Editor, and Assets View surfaces. Trigger on: building App Builder UI, React Spectrum components, ExC Shell pages, forms, data tables, dialogs, modals, navigation, theming, web-src, Spectrum design system, @adobe/exc-app, AEM extension, AEM UI extension, Content Fragment Console, Universal Editor extension, uix-guest, @adobe/uix-guest, extension points for AEM, customizing AEM surfaces.

中文简介正在准备中。当前显示原文说明。

Skill for theming-architecture tasks.

中文简介正在准备中。当前显示原文说明。

Skill for material3-theming tasks.

中文简介正在准备中。当前显示原文说明。

Expert design system architect specializing in design tokens, component libraries, theming infrastructure, and scalable design operations. Masters token architecture, multi-brand systems, and design-development collaboration. Use PROACTIVELY when building design systems, creating token architectures, implementing theming, or establishing component libraries.

中文简介正在准备中。当前显示原文说明。

Generate React Spectrum UI components for Adobe Experience Cloud Shell SPAs and AEM UI Extensions. Provides patterns for pages, forms, data tables, dialogs, and navigation using @adobe/react-spectrum. Guides ExC Shell integration with @adobe/exc-app including runtime.done(), IMS token passthrough, and shell theming. Guides AEM UI Extension development with @adobe/uix-guest for Content Fragment Console, CF Editor, Universal Editor, and Assets View surfaces. Trigger on: building App Builder UI, React Spectrum components, ExC Shell pages, forms, data tables, dialogs, modals, navigation, theming, web-src, Spectrum design system, @adobe/exc-app, AEM extension, AEM UI extension, Content Fragment Console, Universal Editor extension, uix-guest, @adobe/uix-guest, extension points for AEM, customizing AEM surfaces.

中文简介正在准备中。当前显示原文说明。

创建包含成员列表、活动记录和角色分布图的团队管理界面，生成单个HTML原型文件，支持标签页切换、明暗主题、面板放大、图表提示和CSV导出。

• 制作团队管理界面原型
• 说明角色构成与在线状态
• 通过标签页查看成员和活动

Design and implement native Android interfaces using Material Design 3 and Jetpack Compose, Android's UI toolkit. The skill covers layouts for different screen sizes, navigation, theming, accessibility, and state handling for reusable components.

中文简介正在准备中。当前显示英语简介。

• Build Android screens with Jetpack Compose
• Adapt layouts for phones, tablets, and foldables
• Set up dynamic colors and dark mode

Build consistent interface foundations with design tokens, named values for colors, spacing, and typography. Covers light and dark themes, multiple brands, reusable components, and workflows that keep design definitions aligned with application code.

中文简介正在准备中。当前显示英语简介。

• Organizing shared colors, typography, and spacing
• Implementing light and dark theme switching
• Sharing interface components across multiple brands

Build Blazor interfaces with Microsoft Fluent UI components. The skill guides library setup, forms, selection controls, dialogs, notifications, and themes, and helps troubleshoot missing interface elements caused by provider configuration or JavaScript integration issues.

中文简介正在准备中。当前显示英语简介。

• Setting up Fluent UI in a Blazor application
• Building forms with selection and autocomplete controls
• Adding dialogs and toast notifications

Build or update a Figma design system from an existing codebase. Organize shared design values, light and dark themes, reusable components, and documentation through staged reviews, then check consistency, accessibility, and links between design and code.

中文简介正在准备中。当前显示英语简介。

• Creating shared color and spacing variables from code
• Setting up light and dark themes
• Building a reusable component library with documentation

Build and improve Windows desktop apps with C#, WinUI 3, and the Windows App SDK. Guidance covers development setup, native interface design, implementation, troubleshooting, packaging choices, and verification through both builds and actual app launches.

中文简介正在准备中。当前显示英语简介。

• Checking and preparing a WinUI development environment
• Creating a new Windows desktop app
• Improving navigation, themes, and adaptive layouts

Build React interfaces for Kortix using @kortix/ui components. The skill covers forms, dialogs, notifications, and chat views, with shared styling rules, brand customization through CSS variables, and checks for types, controls, and responsive layouts.

中文简介正在准备中。当前显示英语简介。

• Building forms and dialogs with existing components
• Adding a chat view with SessionThread
• Adapting component colors and logos to another brand

Build desktop applications with GPUI Kit, a Rust framework. Guides setup, component selection, state management, themes, and background work, and explains UI integration tests that simulate input and check component behavior.

中文简介正在准备中。当前显示英语简介。

• Setting up a GPUI Kit desktop app
• Implementing forms and data tables
• Organizing state, events, and background tasks

Develop and fix OpenShell’s keyboard-driven terminal interface using guidance on screen structure, background data fetching, themes, and navigation. Follow existing implementation patterns to add features that fit the interface’s established behavior.

中文简介正在准备中。当前显示英语简介。

• Adding a screen to the OpenShell terminal interface
• Fixing log following and scrolling behavior
• Implementing background data updates

Turn implementation plans, pull request changes, and technical concepts into HTML visual explanations with Plannotator styling. Present diagrams, mockups, and review priorities through an annotation interface, with approval controls for plans and proposals.

中文简介正在准备中。当前显示英语简介。

• Presenting an implementation plan for approval
• Explaining code changes and review priorities
• Illustrating system architecture and data flow

Build or update a Figma design system from existing code. Organize shared colors, spacing, and typography, create reusable components with states and theme bindings, document their use, and check differences between the implementation and Figma.

中文简介正在准备中。当前显示英语简介。

• Building a Figma component library from existing code
• Organizing shared settings for light and dark themes
• Creating a button with variants and variable bindings

Build or update a Figma design system to match a codebase. Organize reusable design values, light and dark themes, component variants, and documentation, then check component structure, appearance, and bindings to those values.

中文简介正在准备中。当前显示英语简介。

• Build a Figma component library from existing code
• Set up shared design values and light and dark themes
• Create components with variants and variable bindings

Build consistent web interfaces with Tailwind CSS using small styling classes. Apply layout, typography, responsive behavior, interaction states, and dark mode patterns, with examples for buttons, page sections, and reusable components.

中文简介正在准备中。当前显示英语简介。

• Building responsive page layouts
• Standardizing buttons and shared components
• Adding dark mode styles

Review interface code for accessibility, performance, theme support, responsive behavior, and problematic patterns. Receive a scored report with code locations, user impact, severity levels, and prioritized recommendations to guide subsequent fixes.

中文简介正在准备中。当前显示英语简介。

• Checking accessibility before release
• Reviewing performance issues in interface code
• Inspecting dark mode and mobile layouts

Design principles and creative direction for building HTML artifacts — pages, reports, plans, landing pages, demos, decks, and small tools. Use when creating or restyling any visual HTML deliverable and deciding its palette, type pairing, layout, theming, or overall register, or when the output must not look generically AI-generated.

中文简介正在准备中。当前显示原文说明。

Google's Material Design with layered surfaces, dynamic theming, built-in motion, and responsive cross-platform patterns.

中文简介正在准备中。当前显示原文说明。

Build dark-themed React applications using Tailwind CSS with custom theming, glassmorphism effects, and Framer Motion animations. Use when creating dashboards, admin panels, or data-rich interfaces with a refined dark aesthetic.

中文简介正在准备中。当前显示原文说明。

Build a product colour system — tonal scales, semantic roles, and contrast compliance. Use when defining or rebuilding colour from scratch. For dark-mode adaptation use `dark-mode-design`; for chart palettes use `data-visualization`; for multi-brand token architecture use `theming-system` (design-systems).

中文简介正在准备中。当前显示原文说明。