搜索
搜索结果
49 results for "swiftui layout components"
swiftui-layout-components
使用堆栈、网格、列表、滚动视图、表单和控件构建 SwiftUI 布局。涵盖 VStack/HStack/ZStack、LazyVGrid/LazyHGrid、带分区和滑动操作的 List、带 ScrollPosition 和滚动驱动揭示表面的 ScrollView、带验证的表单、Toggle/Picker/Slider、.searchable 以及覆盖层模式。适用于构建数据驱动布局、集合视图、分页详情展示、设置界面、搜索界面或临时覆盖层 UI。
dpearson2699
ios-application-dev
iOS application development guide covering UIKit, SnapKit, and SwiftUI. Includes touch targets, safe areas, navigation patterns, Dynamic Type, Dark Mode, accessibility, collection views, common UI components, and SwiftUI design guidelines. For detailed references on specific topics, see the reference files. Use when: developing iOS apps, implementing UI, reviewing iOS code, working with UIKit/SnapKit/SwiftUI layouts, building iPhone interfaces, Swift mobile development, Apple HIG compliance, iOS accessibility implementation.
minimax-ai
swiftui-ui-patterns
构建 SwiftUI 视图和组件的最佳实践与示例驱动指南，涵盖导航层级、自定义视图修饰符以及使用堆栈和网格的响应式布局。适用于创建或重构 SwiftUI 界面、使用 TabView 设计标签架构、使用 VStack/HStack 组合屏幕、管理 @State 或 @Binding、构建声明式 iOS 界面，或需要特定组件的模式和示例。
dimillianswiftui-navigation
实现 SwiftUI 导航模式，包括 NavigationStack、NavigationSplitView、sheet 呈现、标签导航和深度链接。适用于构建推送导航、程序化路由、多列布局、模态 sheet、标签栏、通用链接或自定义 URL 方案处理。
dpearson2699
swiftui-design-principles
Design principles for building polished, native-feeling SwiftUI apps and widgets. Use this skill when creating or modifying SwiftUI views, iOS widgets (WidgetKit), or any native Apple UI. Ensures proper spacing, typography, colors, and widget implementations that look and feel like quality apps rather than AI-generated slop.
arjitj2swiftui-patterns
构建和审查采用现代MV架构、状态管理、组合、隔离预览和迁移指导的SwiftUI视图。涵盖@Observable所有权、@State/@Bindable/@Environment连接、视图分解、ViewModifier、环境值、.task加载、iOS 26+交接、Writing Tools、剪贴板可用性和性能。适用于组织SwiftUI状态、管理@Observable、组合视图、预览有意义的UI状态或纠正SwiftUI模式。
dpearson2699swiftui-webkit
利用 WebKit for SwiftUI 在 SwiftUI 中嵌入并控制 Web 内容，涵盖 WebView、WebPage、导航策略、JavaScript 执行、可观察的页面状态、链接拦截、本地 HTML 或数据加载以及自定义 URL Scheme。适用于构建 iOS 26+ 的文章/详情页视图、帮助中心、应用内文档或其它基于 HTML、CSS 和 JavaScript 的嵌入式 Web 体验。
dpearson2699swiftui-liquid-glass
Implement, review, or improve SwiftUI Liquid Glass effects for iOS 26+. Covers glassEffect modifier, GlassEffectContainer, glass button styles, glass toolbar/tab bar, static status badges vs interactive controls, morphing transitions, tinting, interactive glass, ToolbarSpacer, scrollEdgeEffectStyle, backgroundExtensionEffect, and availability gating. Use when asked about Liquid Glass, glass buttons, glassEffect, GlassEffectTransition, glassEffectID, glassEffectUnion, scroll edge effects, or adopting iOS 26 design.
dpearson2699
swiftui-patterns
SwiftUI architecture patterns, state management with @Observable, view composition, navigation, performance optimization, and modern iOS/macOS UI best practices.
affaan-m
swiftui-design
SwiftUI 前端设计 skill — anti AI-slop rules, design direction advisor, brand asset protocol, and five-dimension review. Works with Claude Code, Cursor, Codex, and OpenCode.
nexu-ioswiftui-uikit-interop
Bridges UIKit and SwiftUI with UIViewRepresentable, UIViewControllerRepresentable, UIHostingController, UIHostingConfiguration, coordinator delegates, and UIKit automatic observation tracking for shared @Observable state. Use when wrapping UIKit-only or third-party UIKit views/controllers in SwiftUI, embedding SwiftUI in UIKit, integrating mail/share/document/PDF/text-view surfaces, or migrating UIKit apps to SwiftUI incrementally.
dpearson2699swiftui-animation
Implement, diagnose, or review SwiftUI motion using explicit and scoped implicit animations, springs, transitions, PhaseAnimator, KeyframeAnimator, matched geometry or navigation zoom, SF Symbol effects, and custom Animation types. Use when views should animate on state changes, insertion, removal, navigation, or multi-step choreography, or when motion must respect Reduce Motion and Swift concurrency.
dpearson2699
msw-ui-system
MSW `.ui` single entry point — design + component API + builder + runtime. Anchor/pivot/RectTransform, UIGroup/CanvasGroup hierarchy, layout recipes (HUD/popup/toast/menu/inventory/scroll-list), full API tables for ButtonComponent/TextGUIRendererComponent/SpriteGUIRendererComponent/ScrollLayoutGroup/GridView/TextInput/Slider/Mask/AvatarGUIRenderer + UI enums (AlignmentType/TextOverflowMode/ImageType/FillAmount), `.mlua` runtime patterns (popup open-close, toast, HP bar, GridView, drag, tab, cooldown, world nametag), UI-client-only caveats (nil on server, no RPC), `.ui`↔`.mlua` UUID auto-binding (write+injectBindings), resolution/safe-area/touch. UIBuilder (msw_ui_builder.cjs): all node types (empty/panel/text/sprite/button/slider/scrollLayout/textInput/group/mask/gridView/avatar/skeleton etc.), component add/replace/patch/remove, 13 anchor presets+stretch, auto-inject .mlua UUID bindings after write.
msw-gitswiftui-patterns
SwiftUI 架构模式、使用 @Observable 进行状态管理、视图组合、导航、性能优化以及现代 iOS/macOS UI 最佳实践。
affaan-m
fluentui-blazor
在 Blazor 应用程序中使用 Microsoft Fluent UI Blazor 组件库（Microsoft.FluentUI.AspNetCore.Components NuGet 包）的指南。当用户正在构建使用 Fluent UI 组件的 Blazor 应用、设置库、使用 FluentButton、FluentDataGrid、FluentDialog、FluentToast、FluentNavMenu、FluentTextField、FluentSelect、FluentAutocomplete、FluentDesignTheme 或任何以 "Fluent" 为前缀的组件时使用。也用于排查缺少提供程序、JS 互操作问题或主题设置问题。
githubswiftui-performance
使用代码审查、Instruments 和可重复测量来剖析、诊断和修复 SwiftUI 运行时性能。当 SwiftUI 屏幕渲染缓慢、滚动或动画卡顿、视图 body 更新过多、列表标识混乱、布局工作激增或广泛的 Observation 依赖导致 CPU 开销时使用。涵盖基于证据的排查、SwiftUI Instruments 通道、懒加载容器防护、状态生命周期以及前后验证。
dpearson2699swiftui-view-refactor
Refactor and review SwiftUI view files with strong defaults for small dedicated subviews, MV-over-MVVM data flow, stable view trees, explicit dependency injection, and correct Observation usage. Use when cleaning up a SwiftUI view, splitting long bodies, removing inline actions or side effects, reducing computed `some View` helpers, or standardizing `@Observable` and view model initialization patterns.
dimillian
better-layout
Web 界面布局结构指南，涵盖分组与对齐、阅读顺序、渐进式呈现以及自适应断点等内容。适用于页面或组件结构设计、控件间距与对齐设置、小屏折叠规则制定、RTL（从右到左）布局方向处理，以及前端代码的布局审查。触发词包括：layout、spacing、alignment、grouping、negative space、whitespace、visual hierarchy、reading order、progressive disclosure、breakpoints、responsive layout、container queries、safe area、full-bleed、edge-to-edge、layout margins、RTL layout、logical properties。
jakubkrehelswiftui-gestures
Implement, review, or improve SwiftUI gesture handling. Use when adding tap, long press, drag, magnify, or rotate gestures, composing gestures with simultaneously/sequenced/exclusively, managing transient state with @GestureState, resolving parent/child gesture conflicts with highPriorityGesture or simultaneousGesture, building custom Gesture protocol conformances, or migrating from deprecated MagnificationGesture to MagnifyGesture or using the newer RotateGesture.
dpearson2699
daisyui-install
daisyUI 5 的安装说明
saadeghi
swift-architecture-skill
Swift iOS architecture guidance and playbooks for MVVM, MVI, TCA, Clean Architecture, VIPER, MVP, Coordinator, and Reactive patterns. Use when designing, implementing, refactoring, or reviewing the architecture of a SwiftUI or UIKit feature, module, or codebase.
efremidzeswiftui-liquid-glass
使用 iOS 26+ Liquid Glass API 实现、审查或改进 SwiftUI 功能。当需要在新 SwiftUI UI 中采用 Liquid Glass、重构现有功能以使用 Liquid Glass，或审查 Liquid Glass 使用的正确性、性能和设计一致性时使用。
dimillian
ui-components
UI component library patterns for shadcn/ui and Radix Primitives. Use when building accessible component libraries, customizing shadcn components, using Radix unstyled primitives, or creating design system foundations.
yonatangross
experience-lwc-base-components-integrate
Pick the right Lightning Base Component (`lightning-*`) for a given UI task, retrieve its full API (props, methods, events, slots) from the bundled per-component reference, and wire it into an LWC (LWC `.html`, `.js`, and `.css` files) without breaking SLDS. Use this skill when users say \"I need a Lightning modal / datatable / combobox / record form\", ask which `lightning-*` component fits a use case, want a shortlist of LBC candidates, are about to hand-roll a UI that a base component already provides, or are editing an LWC bundle's `.html` / `.js` / `.css` and need to select or wire a base component. Also triggers on \"Lightning base component\", \"LBC\", \"lightning-combobox\", \"lightning-datatable\", \"use `lightning-` tag\". DO NOT TRIGGER for applying SLDS design tokens, blueprints, or styling guidance in general — that is `design-systems-slds-apply`; this skill only selects and wires `lightning-*` base components.
forcedotcom