Agent Skills, Assets and Tools for a Mobile App

# Mobile app: what to use (AgentGid, 2026-10-23)

## Agent Skills (install once)
- npx skills add emilkowalski/skills --skill animate-expo  # animate-expo: Build animations in React Native and Expo, making the decisions in the order that determin
- npx skills add emilkowalski/skills --skill mobile-native  # mobile-native: Make a web app feel native on a phone — the small CSS and meta-tag fixes that separate "a 
- npx skills add midudev/autoskills --skill clerk-expo  # clerk-expo: Add Clerk authentication to Expo and React Native apps using @clerk/expo. Use for Expo set
- npx skills add midudev/autoskills --skill sleek-design-mobile-apps  # sleek-design-mobile-apps: Design mobile app screens with Sleek, edit Sleek projects, and implement their designs in 
- npx skills add MengTo/Skills --skill build-mobile-threejs-games  # build-mobile-threejs-games: Build, tune, or test a Three.js game for mobile web. Use for touch movement, action contro
- npx skills add twostraws/SwiftUI-Agent-Skill --skill swiftui-pro  # swiftui-pro: Comprehensively reviews SwiftUI code for best practices on modern APIs, maintainability, a
- npx skills add fengshao1227/ccg-workflow --skill mobile  # mobile: 移动开发。iOS、Android、SwiftUI、Jetpack Compose、React Native、Flutter、跨平台。当用户提到移动开发、iOS、Android、跨平
- npx skills add Dimillian/Skills --skill ios-debugger-agent  # ios-debugger-agent: Use XcodeBuildMCP to build, run, launch, and debug the current iOS project on a booted sim
- npx skills add Dimillian/Skills --skill swiftui-liquid-glass  # swiftui-liquid-glass: Implement, review, or improve SwiftUI features using the iOS 26+ Liquid Glass API. Use whe
- npx skills add AvdLee/SwiftUI-Agent-Skill --skill update-swiftui-apis  # update-swiftui-apis: Scan Apple's SwiftUI documentation for deprecated APIs and update the SwiftUI Expert Skill

## Libraries
- npm install react-native  # React Native, Gid Score 77
- npm install electron  # Electron, Gid Score 77
- npm install expo  # Expo, Gid Score 73
- npm install @tauri-apps/cli  # Tauri, Gid Score 69
- npm install electron-builder  # electron-builder, Gid Score 67

## Content sources (follow each license line)
- Lucide (Icons). ISC-licensed icon set (Feather fork) with packages for React, Vue, Svelte, Angular and more. Price: free; commercial use OK; no credit needed. Style: minimal, outline.
  Connect: community MCP server github.com/SeeYangZhi/lucide-icons-mcp; npm lucide-react.
  Get files: npm packages (lucide-react, @lucide/vue, @lucide/svelte, lucide-solid, @lucide/angular, lucide-static, core lucide) or static SVG/sprite/icon font; docs for LLMs at lucide.dev/llms.txt (svg).
  Not allowed: Keep the copyright and permission notice in all copies
  Rule: Keep the copyright and permission notice in all copies.
  License: https://lucide.dev/license (checked 2026-10-10; details: https://agentgid.com/assets/lucide/)
- Heroicons (Icons). MIT-licensed SVG icons from Tailwind Labs with React and Vue packages. Price: free; commercial use OK; no credit needed. Style: outline, filled.
  Connect: npm @heroicons/react.
  Get files: npm install @heroicons/react or @heroicons/vue, or copy the SVG source from heroicons.com (svg).
  Not allowed: Keep the MIT copyright and permission notice in all copies or substantial portions
  Rule: Keep the MIT copyright and permission notice in copies.
  License: https://github.com/tailwindlabs/heroicons/blob/master/LICENSE (checked 2026-10-10; details: https://agentgid.com/assets/heroicons/)
- Google Fonts (Fonts). Open-source font catalog with a Developer API for metadata, a CSS API and the Google Design MCP. Price: free; commercial use OK; no credit needed; ship inside your app with conditions.
  Connect: official MCP server https://design.googleapis.com/mcp; API docs https://developers.google.com/fonts/docs/developer_api (API key needed). Limits: API key required; quota not stated.
  Get files: Developer API: GET https://www.googleapis.com/webfonts/v1/webfonts?key=YOUR-API-KEY returns a files map of TTF URLs on fonts.gstatic.com (add capability=WOFF2 for woff2). CSS API: https://fonts.googleapis.com/css?family=.. . Whole collection: https://github.com/google/fonts/archive/main.zip (needs no key) (ttf, woff2).
  Not allowed: Most fonts are SIL OFL 1.1, some Apache 2, the Ubuntu fonts use the Ubuntu Font License 1.0; each family folder has its own license file.
  Not allowed: OFL fonts cannot be sold by themselves, only bundled with software.
  Not allowed: Modified OFL fonts cannot use the Reserved Font Name.
  Rule: Keep the license file with font files you bundle in an app.
  Rule: Respect Reserved Font Names when you modify a font.
  License: https://github.com/google/fonts (checked 2026-10-10; details: https://agentgid.com/assets/google-fonts/)
- Fira Code (Fonts). Free monospaced programming font with ligatures for common multi-character code sequences, released under the SIL OFL 1.1. Price: free; commercial use OK; no credit needed.
  Connect: npm firacode.
  Get files: Download the release zip (Fira_Code_v6.2.zip) from GitHub releases, or load the npm package firacode@6.2.0 from the jsDelivr CDN (link or @import) (ttf, otf, woff, variable ttf).
  Not allowed: Keep the copyright notice and license text with every copy
  Not allowed: Do not sell the font files by themselves
  Not allowed: Do not use the Reserved Font Name for a modified version without written permission
  Rule: Keep the copyright notice and OFL license text with every copy of the font you ship or bundle.
  Rule: Do not sell the font files by themselves; bundling with software is allowed.
  Rule: Do not use the Reserved Font Name for a modified version without written permission.
  Rule: Distribute the font and any modified versions under the SIL OFL 1.1 only.
  License: https://github.com/tonsky/FiraCode/blob/HEAD/LICENSE (checked 2026-10-10; details: https://agentgid.com/assets/firacode/)
- React Kawaii (Illustrations). Open source library of cute SVG illustrations delivered as React components. Price: free; commercial use OK; no credit needed. Style: playful.
  Connect: npm react-kawaii.
  Get files: npm install --save react-kawaii; import a component (e.g. Planet) and render it with size, mood and color props (svg (React components)).
  Not allowed: The copyright and permission notice must be included in all copies or substantial portions
  Rule: Install via npm (react-kawaii) and import the components you need.
  Rule: Keep the MIT license file and copyright notice with any distributed copies of the code.
  License: https://github.com/elizabetdev/react-kawaii/blob/HEAD/LICENSE.md (checked 2026-10-12; details: https://agentgid.com/assets/react-kawaii/)
- Blush (Illustrations). Customizable illustration collections by artists, downloadable as PNG or SVG, with Figma and Sketch plugins. Price: free tier; commercial use OK; no credit needed.
  Connect: download from https://blush.design (no API).
  Rule: Do not re-sell or re-distribute Blush illustrations on their own, or as a compiled set.
  Rule: Do not use illustrations as the basis for merchandising, such as printing them straight onto T-shirts.
  Rule: Do not compile Blush illustrations to build a similar or competing service.
  Rule: Do not claim ownership of an illustration, even a modified one; the artist keeps it.
  License: https://blush.design/license (checked 2026-10-22; details: https://agentgid.com/assets/blush/)
- Anime.js (UI animation (Lottie, Rive)). MIT JavaScript animation library for CSS, SVG, DOM attributes and JavaScript objects. Price: free; commercial use OK; no credit needed.
  Connect: npm animejs.
  Get files: npm i animejs.
  Not allowed: Keep the MIT copyright and permission notice in all copies or substantial portions
  Rule: Keep the MIT copyright and permission notice in copies.
  Rule: Install with npm i animejs (the site shows this command).
  License: https://github.com/juliangarnier/anime/blob/master/LICENSE.md (checked 2026-10-20; details: https://agentgid.com/assets/anime-js/)
- Bodymovin (lottie-web) (UI animation (Lottie, Rive)). After Effects extension that exports animations as JSON, plus the lottie-web JavaScript player that renders them in browsers. Price: free; commercial use OK; no credit needed.
  Connect: npm lottie-web.
  Get files: npm install lottie-web, or take lottie.js from the build/player folder of the repo, or the cdnjs bodymovin script (js, json).
  Not allowed: Keep the MIT copyright and permission notice in copies you ship.
  Not allowed: The license covers the player software; animation JSON files have their own licenses.
  Rule: Keep the MIT license file and copyright notice with any copies of the library you ship.
  Rule: Install the player from npm (lottie-web) or download lottie.js from build/player and serve it yourself.
  Rule: Gzip lottie.js for production, as the README advises.
  Rule: The MIT license covers the software only; check the license of any animation JSON files you load.
  License: https://github.com/airbnb/lottie-web/blob/HEAD/LICENSE.md (checked 2026-10-14; details: https://agentgid.com/assets/bodymovin/)
- Boring Avatars (Avatars and placeholders). MIT React library that generates SVG avatars, plus a separate paid avatar service. Price: free tier; commercial use OK; no credit needed.
  Connect: npm boring-avatars.
  Get files: npm install boring-avatars; import Avatar from 'boring-avatars'; <Avatar name="Maria Mitchell" /> (variants: marble, beam, pixel, sunset, ring, bauhaus) (svg).
  Rule: Keep the MIT copyright and permission notice in copies.
  License: https://github.com/boringdesigners/boring-avatars (checked 2026-10-10; details: https://agentgid.com/assets/boring-avatars/)
- Personas (Avatars and placeholders). Avatar generator with mix-and-match features, PNG download, an SVG image API and an MCP server. Price: free; commercial use OK; no credit needed. Style: flat, colorful, playful.
  Connect: official MCP server https://personas.draftbit.com/mcp; API docs https://personas.draftbit.com/llms.txt.
  Get files: GET https://personas.draftbit.com/api/avatar.svg?hair=..&bgColor=.. (options at /api/options), or the MCP server at POST https://personas.draftbit.com/mcp (svg).
  Not allowed: Keep the MIT copyright and permission notice in copies you ship.
  Not allowed: Invalid parameters return HTTP 400; omitted parameters use fixed defaults (random=1 gives an uncached random avatar).
  Rule: Keep the MIT copyright and permission notice with any copies or substantial portions you ship.
  Rule: Fetch avatars from /api/avatar.svg or via the MCP server at /mcp; use /api/options to find valid parameters.
  Rule: Download or save the generated avatar files to your own storage instead of hotlinking them for production use.
  License: https://github.com/draftbit/avatar-generator/blob/HEAD/LICENSE (checked 2026-10-15; details: https://agentgid.com/assets/personas/)

Install commands for the skills, the libraries, and each content source with its license rules. Paste it into AGENTS.md or your first prompt.

Agent Skills

Names and descriptions come from each skill's SKILL.md. Packs with more GitHub stars first, at most a few skills from one pack.

Libraries projects use for this

Web design Landing page Dashboard UI Mobile app Design polish Accessibility Web animation Product video Remove AI writing tells