components

Provide reusable SwiftUI component patterns and code snippets for common interface elements.

32|10|Updated Feb 21, 2026
One-click install
npx skills add https://github.com/moasq/nanowave --skill components-moasq
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: components
Source: https://github.com/moasq/nanowave/tree/main/internal/orchestration/skills/always/components
Command: npx skills add https://github.com/moasq/nanowave --skill components-moasq

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill provides standardized patterns and code snippets for creating common, reusable UI elements in Swift, ensuring consistency and accelerating development.

Core Features & Use Cases

  • Component Patterns: Offers design guidelines and code examples for Buttons, Cards, Input Fields, Loading States, Badges, Toggles, Pickers, and Empty States.
  • Consistency: Promotes a unified look and feel across the application by adhering to defined styles and behaviors.
  • Use Case: When designing a new screen that requires a primary action button, a user profile card, and an input field for email, you can refer to this Skill for the correct SwiftUI implementation and styling.

Quick Start

Use the components skill to generate a SwiftUI card with an image, title, and description.

Frequently Asked Questions about components

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I build reusable UI components in SwiftUI for consistent app design?

Reusable SwiftUI UI components are built by applying standardized design patterns for common interface elements like buttons, cards, and input fields. This approach enforces best practices and ensures a unified look and feel across mobile and desktop applications.

What standard SwiftUI patterns exist for implementing loading indicators and empty states?

Standard SwiftUI patterns for loading indicators and empty states involve predefined code snippets that enforce consistent visual behaviors. These reusable UI component patterns accelerate development by providing ready-made implementations for common application states.

Can I use these UI component patterns for both mobile and desktop application development?

Yes, these UI component patterns are applicable to both mobile and desktop application development. They provide reusable SwiftUI code snippets that enforce best practices across platforms for elements like toggles, pickers, and badges.

What is the best way to ensure consistency for SwiftUI buttons, cards, and input fields?

The best way to ensure consistency for SwiftUI buttons, cards, and input fields is to reference standardized design patterns. Using reusable code snippets enforces defined styles and behaviors, promoting a unified user interface throughout your application.

Do I need any external dependencies to implement these frontend UI design patterns?

No external dependencies are required to implement these frontend UI design patterns. The Skill provides standalone SwiftUI code snippets and design guidelines for common interface elements without relying on external libraries.