skills.rest
sampaio-tech
sampaio-techOFFICIAL
Explore all skills by this author →
WebsiteGitHub

app-themes

Provide Flutter widgets and themes emulating iOS app UIs.

19|2|Updated Apr 29, 2023
Search Tags:#design system#ios#ui components#flutter#widgets#app themes
One-click install
npx skills add https://github.com/sampaio-tech/iOS-design-system --skill app-themes
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: app-themes
Source: https://github.com/sampaio-tech/iOS-design-system/tree/main/.claude/skills/app-themes
Command: npx skills add https://github.com/sampaio-tech/iOS-design-system --skill app-themes

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill provides pre-built UI components and themes that mimic the look and feel of popular iOS applications, accelerating the development of visually consistent and native-feeling Flutter apps.

Core Features & Use Cases

  • App-Specific Themes: Offers distinct styling for Music, Stocks, Weather, App Store, and Books apps.
  • Reusable Widgets: Includes specialized widgets like NeutralCardWidget, AppIconWidget, and RowWidget.stocks() for quick integration.
  • Use Case: Develop a new feature for a finance app that requires a stock watchlist interface. Use the RowWidget.stocks() and GroupedTableWidget.stocks() to quickly implement a native-looking stock list.

Quick Start

Use the app-themes skill to create a music player interface using the NeutralMusicTheme.

Frequently Asked Questions about app-themes

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

FAQPage Schema
How do I build native-looking iOS app UI components in Flutter?▼

Pre-built widgets like RowWidget.stocks() and GroupedTableWidget.stocks() let you build native-looking iOS stock interfaces in Flutter. They provide specific styling for finance apps to rapidly implement a stock watchlist.

Can I use Flutter widgets to emulate the iOS Music or App Store interface?▼

Yes, you can emulate the iOS Music interface using NeutralMusicTheme and other specialized widgets. These components provide specific UI elements, color palettes, and gradient styles that mimic popular iOS applications within Flutter.

Does the app-themes skill provide specific color palettes for iOS Weather and Books apps?▼

Yes, the skill provides specific color palettes and gradient styles for emulating the iOS Weather and Books apps. It includes specialized components to facilitate rapid development of native-feeling Flutter applications.

What is the best way to create a native iOS stock watchlist interface in a Flutter app?▼

The best way to create a native iOS stock watchlist is by using pre-built widgets like RowWidget.stocks() and GroupedTableWidget.stocks(). These provide the exact UI elements and styling needed to quickly implement a native-looking stock list.

Do I need custom design system dependencies to use these Flutter iOS UI kits?▼

No, you do not need custom design system dependencies to use these Flutter iOS UI kits. The skill provides self-contained references for UI elements, color palettes, and gradient styles specific to each emulated app.

Related Skills

Explore More Design & Creative Skills→
jfrometajfrometa

templates

Scaffold new projects using ready-made templates for multiple tech stacks.

Community
Basic
NNPopovNNPopov
2

flutter-managing-state

Manage Flutter state with Provider, ChangeNotifier, and MVVM patterns.

Community
Intermediate
QunnnnQunnnn

flutter-refactor

Refactor Flutter widgets into reusable components and separate business logic.

Community
Intermediate
suhwansuhwan

phase-5-design-system

Build a platform-independent design system with tokens and components for React, Flutter, iOS, and Android.

Community
Advanced