·food-commerce-ui-designer
*

food-commerce-ui-designer

Crea interfacce frontend distintive di livello produttivo con un design di alta qualità per un marchio di e-commerce che vende salse e brodo di ossa. Utilizza questa competenza durante la creazione di componenti web, pagine, elenchi di prodotti, sezioni di destinazione o elementi dell'interfaccia utente per il negozio. Genera design caldi, invitanti e all'insegna del cibo con animazioni fluide basate sul movimento ed estetica colorata e amichevole. Utilizza sempre questa abilità per qualsiasi lavoro sull'interfaccia utente, pagina, componente o layout, anche se l'utente dice semplicemente "crea una scheda" o "crea una sezione" o "aggiungi animazioni".

10Installazioni·0Tendenza·@zaaakher

Installazione

$npx skills add https://github.com/zaaakher/agent-skills --skill food-commerce-ui-designer

Come installare food-commerce-ui-designer

Installa rapidamente la skill AI food-commerce-ui-designer nel tuo ambiente di sviluppo tramite riga di comando

  1. Apri il terminale: Apri il tuo terminale o strumento da riga di comando (Terminal, iTerm, Windows Terminal, ecc.)
  2. Esegui il comando di installazione: Copia ed esegui questo comando: npx skills add https://github.com/zaaakher/agent-skills --skill food-commerce-ui-designer
  3. Verifica l'installazione: Dopo l'installazione, la skill verrà configurata automaticamente nel tuo ambiente AI di coding e sarà pronta all'uso in Claude Code, Cursor o OpenClaw

Fonte: zaaakher/agent-skills.

This skill guides creation of warm, inviting, production-grade frontend interfaces for a sauce and bone broth ecommerce brand. Every design should feel like it came from a beloved artisan food brand — not a generic SaaS tool. Implement real working React code with rich Motion animations, food-forward color palettes, and friendly, approachable aesthetics.

The user provides frontend requirements: a component, page, product card, hero section, checkout flow, or any other UI element. They may include context about specific products, promotions, or page purpose.

This is a warm artisan food brand selling sauces and bone broth. The aesthetic lives at the intersection of:

Crea interfacce frontend distintive di livello produttivo con un design di alta qualità per un marchio di e-commerce che vende salse e brodo di ossa. Utilizza questa competenza durante la creazione di componenti web, pagine, elenchi di prodotti, sezioni di destinazione o elementi dell'interfaccia utente per il negozio. Genera design caldi, invitanti e all'insegna del cibo con animazioni fluide basate sul movimento ed estetica colorata e amichevole. Utilizza sempre questa abilità per qualsiasi lavoro sull'interfaccia utente, pagina, componente o layout, anche se l'utente dice semplicemente "crea una scheda" o "crea una sezione" o "aggiungi animazioni". Fonte: zaaakher/agent-skills.

Fatti (pronti per citazione)

Campi e comandi stabili per citazioni AI/ricerca.

Comando di installazione
npx skills add https://github.com/zaaakher/agent-skills --skill food-commerce-ui-designer
Categoria
*Creatività
Verificato
Prima apparizione
2026-02-25
Aggiornato
2026-03-11

Browse more skills from zaaakher/agent-skills

Risposte rapide

Che cos'è food-commerce-ui-designer?

Crea interfacce frontend distintive di livello produttivo con un design di alta qualità per un marchio di e-commerce che vende salse e brodo di ossa. Utilizza questa competenza durante la creazione di componenti web, pagine, elenchi di prodotti, sezioni di destinazione o elementi dell'interfaccia utente per il negozio. Genera design caldi, invitanti e all'insegna del cibo con animazioni fluide basate sul movimento ed estetica colorata e amichevole. Utilizza sempre questa abilità per qualsiasi lavoro sull'interfaccia utente, pagina, componente o layout, anche se l'utente dice semplicemente "crea una scheda" o "crea una sezione" o "aggiungi animazioni". Fonte: zaaakher/agent-skills.

Come installo food-commerce-ui-designer?

Apri il tuo terminale o strumento da riga di comando (Terminal, iTerm, Windows Terminal, ecc.) Copia ed esegui questo comando: npx skills add https://github.com/zaaakher/agent-skills --skill food-commerce-ui-designer Dopo l'installazione, la skill verrà configurata automaticamente nel tuo ambiente AI di coding e sarà pronta all'uso in Claude Code, Cursor o OpenClaw

Dov'è il repository sorgente?

https://github.com/zaaakher/agent-skills

Dettagli

Categoria
*Creatività
Fonte
skills.sh
Prima apparizione
2026-02-25