skills.rest
AdhamHashim
AdhamHashimCOMMUNITY
Explore all skills by this author →
GitHub

pubspec-manager

Detect missing Flutter packages from Figma designs and add them to pubspec.yaml.

1|1|Updated Jun 21, 2025
Search Tags:#developer tools#package management#dependencies#flutter#pubspec#figma integration
One-click install
npx skills add https://github.com/AdhamHashim/Flutter_Base --skill pubspec-manager
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: pubspec-manager
Source: https://github.com/AdhamHashim/Flutter_Base/tree/main/.claude/skills/pubspec-manager
Command: npx skills add https://github.com/AdhamHashim/Flutter_Base --skill pubspec-manager

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill streamlines the process of managing Flutter project dependencies by automatically detecting missing packages required by Figma designs and integrating them into the pubspec.yaml file.

Core Features & Use Cases

  • Package Detection: Identifies necessary packages based on UI components in Figma designs.
  • Automated Dependency Addition: Adds missing packages to pubspec.yaml and runs flutter pub get.
  • Platform Setup Reminders: Notifies users about platform-specific configurations required for new packages.
  • Use Case: When a new map feature is designed in Figma, this Skill ensures google_maps_flutter is added to your project with the correct API key setup instructions.

Quick Start

Add the google_maps_flutter package to the project and configure its platform-specific settings.

Frequently Asked Questions about pubspec-manager

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

FAQPage Schema
How do I automatically add missing Flutter packages from a Figma design to pubspec.yaml?▼

To automatically add missing Flutter packages from Figma designs to pubspec.yaml, this Skill detects required UI components, adds the dependencies, and runs flutter pub get. It identifies necessary packages based on your Figma design and integrates them directly into your configuration file.

What is the best way to manage Flutter dependencies when integrating new UI components?▼

Managing Flutter dependencies when integrating new UI components involves detecting missing packages and updating pubspec.yaml. This Skill automates that workflow by analyzing Figma designs, adding required packages, and executing flutter pub get to install them seamlessly.

Does adding Flutter packages automatically handle platform-specific setup for Android and iOS?▼

Adding Flutter packages does not automatically configure native files, but this Skill provides platform-specific setup reminders for Android and iOS. It notifies you about required configurations, such as API key setup for packages like google_maps_flutter.

Can I detect which pubspec dependencies are missing for my Figma UI implementation?▼

Yes, you can detect which pubspec dependencies are missing for your Figma UI implementation. This Skill scans your Figma designs to identify necessary packages based on UI components and flags the missing dependencies required for your Flutter application.

Why do I need to manually configure Android and iOS settings after updating pubspec.yaml?▼

You need to manually configure Android and iOS settings after updating pubspec.yaml because Flutter packages often require native permissions or API keys. This Skill handles the dependency addition but explicitly reminds you to complete the platform-specific setup.

Related Skills

Explore More Software Engineering Skills→
dus2183-commitsdus2183-commits

flutter-design-to-code

Convert Figma/Zeplin design specs into Flutter UI code with asset downloads.

Community
Advanced
achmfachmf

sentry-flutter-sdk

Integrate Sentry error monitoring and performance tracing into Flutter apps.

Community
Advanced
ulises-jeremiasulises-jeremias
2

figma-implement-design

Translate Figma design files into application code via the Figma API.

Community
Intermediate
flutterflutter
2.8k

dart-resolve-package-conflicts

Resolve Dart dependency version conflicts in pubspec.yaml and pubspec.lock files.

Official
Intermediate