flutter-mobile-design

saaip7/flutter-mobile-design

Create distinctive, production-grade Flutter mobile applications with Material Design 3. Use this skill when the user asks to build Flutter widgets, screens, pages, or complete mobile apps. Handles UI creation from scratch, design-to-code conversion (Figma/mockups), architecture patterns (Riverpod, BLoC), and Flutter best practices. Generates beautiful, performant Flutter code that avoids generic aesthetics.

0 stars

0 forks

4 views

View on GitHub Add to Favorites

Installation

Option 1: Use slash command in Claude Code

/install-skill https://github.com/saaip7/flutter-mobile-design/tree/main/skills/flutter-mobile-design

Option 2: Clone to skills directory

# Global (all projects)

git clone https://github.com/saaip7/flutter-mobile-design/tree/main/skills/flutter-mobile-design ~/.claude/skills/flutter-mobile-design

# Project-specific

git clone https://github.com/saaip7/flutter-mobile-design/tree/main/skills/flutter-mobile-design .claude/skills/flutter-mobile-design

Add MCP server to .cursor/mcp.json:

{
  "mcpServers": {
    "skillz": {
      "command": "npx",
      "args": ["-y", "skillz-mcp", "https://github.com/saaip7/flutter-mobile-design/tree/main/skills/flutter-mobile-design"]
    }
  }
}

Restart Cursor after adding the configuration.

Option 1: Use Gemini CLI command

gemini extensions install https://github.com/saaip7/flutter-mobile-design/tree/main/skills/flutter-mobile-design

Option 2: Clone to extensions directory

git clone https://github.com/saaip7/flutter-mobile-design/tree/main/skills/flutter-mobile-design ~/.gemini/extensions/flutter-mobile-design