Skill UI

This comprehensive workflow guides users through building a complete Obsidian plugin from an empty directory. It covers all necessary components, including the core Plugin class, settings panel, command definitions, ribbon icons, manifest configuration, and production build setup using esbuild and TypeScript. It is essential for developers starting a new plugin project or learning the entire Obsidian plugin lifecycle.

This script automates the generation of a complete set of favicons (including favicon.ico, various PNG sizes, and SVG) from a single source image. It intelligently detects the project framework (e.g., Next.js, Rails, Gatsby) to place assets in the correct static directory, generates the necessary webmanifest, and updates the project's HTML/layout files with the proper link tags.

This skill guides the process of auditing and correcting critical HTML metadata elements, ensuring optimal performance for search engines and social media sharing. It covers page titles, meta descriptions, canonical URLs, Open Graph tags, Twitter cards, favicons, JSON-LD structured data, and robots directives. Use this when implementing or refining SEO metadata, fixing broken social previews, or setting up structured data.

This skill provides access to a comprehensive, high-quality icon library designed for modern UI/UX systems. It ensures superior visual consistency across digital products by offering multiple premium styles (Linear, Bold, Two-tone). Users can find existing icons or leverage the integrated AI generator to create unique, perfectly styled custom icons, elevating the design professionalism beyond standard generic sets.

Magic Animator is an AI-powered skill designed for designers to breathe life into static visuals. It transforms flat logos, UI elements, and icons into engaging, premium motion assets. Use it to create micro-interactions, sophisticated loaders, and memorable brand reveals for web, apps, and social media, ensuring a high "wow" factor and dramatically improving user experience.

This skill provides a comprehensive workflow to export images, icons, and assets directly from Figma files using the REST API. It enables users to render specific frames or components as high-quality PNG, SVG, JPG, or PDF files. Ideal for building automated asset pipelines, generating documentation previews, or batch exporting large icon libraries.

A comprehensive reference architecture for building production-grade integrations with the Figma REST API. This guide covers the full design-to-code pipeline, including design token extraction, scalable asset export (icons/images), and robust webhook event handling. Ideal for architects planning new Figma services, establishing project structure, or implementing complex design system workflows.

Generates professional PNG icon image sets for the Xcode Asset Catalog, supporting both massive open-source collections via Iconify API and native Apple symbols via SF Symbols. Use this tool to streamline the creation, search, and replacement of app icons, ensuring consistency in style, size, and color across your iOS project.

This comprehensive design skill covers brand identity, design tokens, UI styling, logo generation, corporate identity programs, HTML presentations, banner design, icons, and social media images. It supports multiple AI providers like Gemini and Atlas Cloud. Users can generate logos, create CIP mockups, build slides with Chart.js, and design banners for various platforms including social media and ads. Ideal for creating complete visual systems and marketing assets.

A comprehensive skill for preparing all metadata and visual assets required for App Store and Google Play listings. This guide covers strict character limits for copy (name, description, keywords) and exact pixel/format specifications for assets (icons, screenshots, feature graphics). It ensures the app listing is polished, compliant, and ready for submission across multiple platforms.

Recreate the modern, frosted glass aesthetic of macOS notification banners. This template is ideal for adding polished, system-like alerts to video overlays, product launch videos, or social media announcements. It features structured content areas for app icons, titles, and detailed text, mimicking the native OS look and feel.

Generates professional PNG icon image sets for the Xcode Asset Catalog, supporting both massive open-source collections via Iconify API and native Apple symbols via SF Symbols. Use this tool to streamline the creation, search, and replacement of app icons, ensuring consistency in style, size, and color across your iOS project.