Skip to content
cccskills

Results for “ui-patterns”

35 skills · sorted by relevance

Angular UI Patterns workflow skill. Use this skill when the user needs Modern Angular UI patterns for loading states, error handling, and data display. Use when building UI components, handling async data, or managing component states and the operator should preserve the upstream workflow, copied support files, and provenance before merging or handing off.

The English summary is being prepared. Showing the original description.

diegosouzapw/awesome-omni-skills162Updated Jul 8, 2026

Angular UI Patterns workflow skill. Use this skill when the user needs Modern Angular UI patterns for loading states, error handling, and data display. Use when building UI components, handling async data, or managing component states and the operator should preserve the upstream workflow, copied support files, and provenance before merging or handing off.

The English summary is being prepared. Showing the original description.

diegosouzapw/awesome-omni-skills162Updated Jul 8, 2026

swiftui-patterns

FreeSummary

Build and review SwiftUI interfaces for iOS and macOS with guidance on state management, reusable views, navigation, and rendering performance. Examples show how to organize data flow and reduce unnecessary screen updates.

  • Choosing state management for SwiftUI views
  • Designing navigation with NavigationStack
  • Improving list rendering performance
affaan-m/ECC283.6KUpdated Oct 16, 2026

motion-patterns

FreeSummaryAI rating 90

Add animations to React and Next.js interfaces, including buttons, modals, notifications, page transitions, and scrolling content. Uses shared motion settings and reusable patterns for elements entering, leaving, moving, or changing size.

  • Adding hover and press feedback to buttons
  • Animating modal and notification entrances and exits
  • Adding page transitions in Next.js App Router
affaan-m/ECC283.6KUpdated Oct 16, 2026

Build Angular interfaces that handle loading, errors, and data display. This skill guides component work involving asynchronous data, which arrives after a request, and helps organize the interface states needed to present it.

  • Building loading states in Angular
  • Handling errors in interface components
  • Displaying asynchronously loaded data
sickn33/agentic-awesome-skills47.9KUpdated Oct 19, 2026

Build or refactor SwiftUI screens using component examples for navigation, state, layouts, and controls. The skill guides screen composition, asynchronous loading, previews, and build checks while following existing project conventions and supported operating system versions.

  • Set up tabs, navigation, and sheets in a new app
  • Refactor large screens into focused subviews
  • Clarify state ownership and dependency sharing
openai/plugins7.5KUpdated Oct 8, 2026

swiftui-patterns

FreeSummary

Build macOS app windows and interfaces with SwiftUI, including menus, toolbars, settings, sidebars, and inspectors. Guides state ownership and file organization while keeping keyboard actions, multiple windows, and system appearance in mind.

  • Scaffold a new macOS app
  • Build a sidebar and detail layout
  • Add settings and keyboard shortcuts
openai/plugins7.5KUpdated Oct 8, 2026

Modern React UI patterns for loading states, error handling, and data fetching. Use when building UI components, handling async data, or managing UI states.

The English summary is being prepared. Showing the original description.

ChrisWiles/claude-code-showcase6.1KUpdated Jan 7, 2026

Best practices and example-driven guidance for building SwiftUI views and components, including navigation hierarchies, custom view modifiers, and responsive layouts with stacks and grids. Use when creating or refactoring SwiftUI UI, designing tab architecture with TabView, composing screens with VStack/HStack, managing @State or @Binding, building declarative iOS interfaces, or needing component-specific patterns and examples.

The English summary is being prepared. Showing the original description.

Dimillian/Skills4KUpdated Mar 30, 2026

SwiftUI 架构模式,使用 @Observable 进行状态管理,视图组合,导航,性能优化,以及现代 iOS/macOS UI 最佳实践。

The English summary is being prepared. Showing the original description.

xu-xiang/everything-claude-code-zh2KUpdated Mar 5, 2026

SwiftUI 架构模式,使用 @Observable 进行状态管理,视图组合、导航、性能优化以及现代 iOS/macOS UI 最佳实践。

The English summary is being prepared. Showing the original description.

xu-xiang/everything-claude-code-zh2KUpdated Mar 5, 2026

Builds and reviews SwiftUI views with modern MV architecture, state, composition, isolated previews, and migration guidance. Covers @Observable ownership, @State/@Bindable/@Environment wiring, view decomposition, ViewModifiers, environment values, .task loading, iOS 26+ handoffs, Writing Tools, clipboard availability, and performance. Use when structuring SwiftUI state, managing @Observable, composing views, previewing meaningful UI states, or correcting SwiftUI patterns.

The English summary is being prepared. Showing the original description.

dpearson2699/swift-ios-skills1.2KUpdated Aug 1, 2026

UI design system toolkit covering design tokens, component documentation, responsive calculations, and developer handoff. Use for creating design systems, maintaining visual consistency, or facilitating design-dev handoff.

The English summary is being prepared. Showing the original description.

borghei/Claude-Skills948Updated Oct 7, 2026

Terminal UI and CLI design patterns for product owners. Load when designing command-line tools, interactive terminal applications, or writing CLI-specific acceptance criteria.

The English summary is being prepared. Showing the original description.

nWave-ai/nWave620Updated Sep 16, 2026

Best practices and example-driven guidance for building SwiftUI views and components, including navigation hierarchies, custom view modifiers, and responsive layouts with stacks and grids. Use when creating or refactoring SwiftUI UI, designing tab architecture with TabView, composing screens with VStack/HStack, managing @State or @Binding, building declarative iOS interfaces, or needing component-specific patterns and examples.

The English summary is being prepared. Showing the original description.

Prisma-Labs-Dev/apple-skills347Updated Sep 26, 2026

Modern Angular UI patterns for loading states, error handling, and data display. Use when building UI components, handling async data, or managing component states.

The English summary is being prepared. Showing the original description.

lingxling/awesome-skills-cn312Updated Oct 7, 2026

Use when building native iOS with SwiftUI - small composable views, observable state models, atomic components, Swift 6.2+ concurrency, and system styling over hardcoded values

The English summary is being prepared. Showing the original description.

makifbaysal/tasktrooper117Updated Oct 18, 2026

SwiftUI architecture patterns, state management with @Observable, view composition, navigation, performance optimization, and modern iOS/macOS UI best practices.

The English summary is being prepared. Showing the original description.

ComeOnOliver/skillshub64Updated Jun 24, 2026

Design chatbot user interfaces — message layouts, suggestion chips, rich cards, feedback controls, and accessibility. Use when designing the visual and interaction layer of conversational UIs.

The English summary is being prepared. Showing the original description.

aicodedecode/awesome-muse-skills24Updated Oct 10, 2026

Unity UI/UX pattern design-to-code translation. Screen flow architecture, View/ViewModel separation, HUD architecture, feedback & juice systems, dynamic list/grid views, transition & animation contracts. UI Toolkit only. DESIGN INTENT format: INTENT/WRONG/RIGHT/SCAFFOLD/DESIGN HOOK. Based on Unity 6.3 LTS.

The English summary is being prepared. Showing the original description.

IdoCohen560/claude-unity-game-studio22Updated Jul 8, 2026

Modern Angular UI patterns for loading states, error handling, and data display. Use when building UI components, handling async data, or managing component states.

The English summary is being prepared. Showing the original description.

sinhoneyy/master-skills14Updated Sep 5, 2026

Modern Angular UI patterns for loading states, error handling, and data display. Use when building UI components, handling async data, or managing component states.

The English summary is being prepared. Showing the original description.

JantonioFC/skillsbank9Updated Aug 4, 2026

Modern Angular UI patterns for loading states, error handling, and data display. Use when building UI components, handling async data, or managing component states.

The English summary is being prepared. Showing the original description.

ranbot-ai/awesome-skills7Updated Oct 18, 2026

Modern Angular UI patterns for loading states, error handling, and data display. Use when building UI components, handling async data, or managing component states.

The English summary is being prepared. Showing the original description.

netbarros/psique6Updated Apr 22, 2026