Skills
.Work. You
Rest

layout-widgets

Official

Build iOS UIs with core layout widgets.

Software Engineering#ui#layout#design system#navigation#ios#flutter#widgets
Authorsampaio-tech
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill provides essential layout and navigation widgets that adhere to Apple's Human Interface Guidelines, simplifying the creation of consistent and native-feeling iOS interfaces in Flutter.

Core Features & Use Cases

  • Screen Structure: ScaffoldWidget provides the main app screen layout with integrated navigation and toolbars.
  • Navigation: CupertinoNavigatorBarWidget offers a standard iOS navigation bar with blur effects and automatic back button handling.
  • Content Grouping: GroupedTableWidget and RowWidget are used to create settings-style lists and data displays with proper spacing and visual hierarchy.
  • Toolbars: ToolBarWidget adds persistent action buttons at the bottom of the screen.
  • Use Case: Quickly assemble a settings screen by using ScaffoldWidget with a CupertinoNavigatorBarWidget and multiple GroupedTableWidget instances, each containing configurable RowWidget elements.

Quick Start

Use the layout-widgets skill to create a settings screen with a navigation bar and grouped tables.

Dependency Matrix

Required Modules

None required

Components

references

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: layout-widgets
Download link: https://github.com/sampaio-tech/iOS-design-system/archive/main.zip#layout-widgets

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.