Skills
.Work. You
Rest

create-widget

Official

Build iOS widgets with best practices.

Software Engineering#coding standards#ui components#widget development#flutter#ios design#apple hig
Authorsampaio-tech
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill provides a comprehensive guide and templates for creating new Flutter widgets that adhere to the iOS Design System's patterns, conventions, and Apple's Human Interface Guidelines.

Core Features & Use Cases

  • Widget Creation Standards: Learn file naming, class naming, and template usage for both StatelessWidget and HookWidget.
  • Theme Integration: Understand how to correctly access and utilize the IosTheme for consistent styling across light and dark modes.
  • Apple HIG Compliance: Get guidance on spacing, touch targets, typography, and border radius standards.
  • Use Case: A developer needs to create a new custom button widget that matches the look and feel of native iOS apps. This Skill provides the exact structure, theme integration, and HIG considerations needed.

Quick Start

Follow the widget template provided in the documentation to create a new MyCustomWidget.dart file.

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: create-widget
Download link: https://github.com/sampaio-tech/iOS-design-system/archive/main.zip#create-widget

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.