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 provides comprehensive guidelines for auditing and correcting critical HTML metadata. It covers page titles, descriptions, canonical URLs, Open Graph tags, Twitter cards, favicons, and structured data (JSON-LD). Use this process when adding or reviewing SEO and social metadata to ensure optimal search visibility and shareable content for web pages.

Guides setting up Microsoft Fluent UI Blazor components, ensuring providers/services registrations, handling icon packages, binding lists and autocomplete, plus using dialog and toast services in Blazor apps.

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.