Toolverse
All skills

web-asset-generator

by alonw0

Generate web assets including favicons, app icons (PWA), and social media meta images (Open Graph) for Facebook, Twitter, WhatsApp, and LinkedIn. Use when users need icons, favicons, social sharing images, or Open Graph images from logos or text slogans. Handles image resizing,

Installation

Pick a client and clone the repository into its skills directory.

Installation

Quick info

Author
alonw0
Category
Frontend
Views
2

About this skill

Generate web assets including favicons, app icons (PWA), and social media meta images (Open Graph) for Facebook, Twitter, WhatsApp, and LinkedIn. Use when users need icons, favicons, social sharing images, or Open Graph images from logos or text slogans. Handles image resizing, text-to-image generation, and provides proper HTML meta tags.

How to use

  1. Zainstaluj skill web-asset-generator w swoim środowisku Claude.

  2. Przygotuj materiał źródłowy — logo w formacie graficznym lub tekst/hasło, które chcesz zamienić na grafikę.

  3. Opisz Claude'owi, jakie zasoby potrzebujesz: favicon, ikony aplikacji, grafiki do mediów społecznościowych, czy wszystkie razem. Jeśli nie jesteś pewny, Claude zapyta Cię o szczegóły za pomocą interaktywnych pytań.

  4. Jeśli używasz tekstu, podaj preferowane kolory lub pozwól Claude'owi wybrać domyślne.

  5. Claude uruchomi odpowiednie skrypty — generate_favicons.py dla ikon lub generate_og_images.py dla grafik mediów społecznościowych.

  6. Otrzymasz wygenerowane pliki grafik oraz gotowe tagi HTML meta, które możesz wkleić bezpośrednio do kodu swojej strony.

Related skills

google-official-seo-guide

by littleben

Official Google SEO guide covering search optimization, best practices, Search Console, crawling, indexing, and improving website search visibility based on official Google documentation

Frontend
101196

react

by lobehub

React component development guide. Use when working with React components (.tsx files), creating UI, using @lobehub/ui components, implementing routing, or building frontend features. Triggers on React component creation, modification, layout implementation, or navigation tasks.

Frontend
2058

landing-page-guide-v2

by bear2u

Create distinctive, high-converting landing pages that combine proven conversion elements with exceptional design quality. Build beautiful, memorable landing pages using Next.js 14+ and ShadCN UI that avoid generic AI aesthetics while following the 11 essential elements

Frontend
3486

shadcn-ui-setup

by maneeshanif

Install and configure Shadcn/ui component library with Radix UI primitives, Aceternity UI effects, set up components, and manage the component registry. Use when adding Shadcn/ui to a Next.js project or installing specific UI components for Phase 2.

Frontend
23167

frontend-slides

by sickn33

Create stunning, animation-rich HTML presentations from scratch or by converting PowerPoint files. Use when the user wants to build a presentation, convert a PPT/PPTX to web, or create slides for a talk/pitch. Helps non-designers discover their aesthetic through visual

Frontend
65135

senior-fullstack

by davila7

Comprehensive fullstack development skill for building complete web applications with React, Next.js, Node.js, GraphQL, and PostgreSQL. Includes project scaffolding, code quality analysis, architecture patterns, and complete tech stack guidance. Use when building new projects,

Frontend
2896