·food-commerce-ui-designer
*

food-commerce-ui-designer

Créez des interfaces frontales distinctives de qualité production avec une qualité de conception élevée pour une marque de commerce électronique vendant des sauces et du bouillon d'os. Utilisez cette compétence lors de la création de composants Web, de pages, de listes de produits, de sections de destination ou d'éléments d'interface utilisateur pour le magasin. Génère des designs chaleureux, invitants et avant-gardistes avec des animations fluides basées sur Motion et une esthétique colorée et conviviale. Utilisez toujours cette compétence pour tout travail d'interface utilisateur, de page, de composant ou de mise en page, même si l'utilisateur dit simplement « créer une carte », « créer une section » ou « ajouter des animations ».

10Installations·0Tendance·@zaaakher

Installation

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

Comment installer food-commerce-ui-designer

Installez rapidement le skill IA food-commerce-ui-designer dans votre environnement de développement via la ligne de commande

  1. Ouvrir le Terminal: Ouvrez votre terminal ou outil de ligne de commande (Terminal, iTerm, Windows Terminal, etc.)
  2. Exécuter la commande d'installation: Copiez et exécutez cette commande : npx skills add https://github.com/zaaakher/agent-skills --skill food-commerce-ui-designer
  3. Vérifier l'installation: Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code, Cursor ou OpenClaw

Source : 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:

Créez des interfaces frontales distinctives de qualité production avec une qualité de conception élevée pour une marque de commerce électronique vendant des sauces et du bouillon d'os. Utilisez cette compétence lors de la création de composants Web, de pages, de listes de produits, de sections de destination ou d'éléments d'interface utilisateur pour le magasin. Génère des designs chaleureux, invitants et avant-gardistes avec des animations fluides basées sur Motion et une esthétique colorée et conviviale. Utilisez toujours cette compétence pour tout travail d'interface utilisateur, de page, de composant ou de mise en page, même si l'utilisateur dit simplement « créer une carte », « créer une section » ou « ajouter des animations ». Source : zaaakher/agent-skills.

Faits (prêts à citer)

Champs et commandes stables pour les citations IA/recherche.

Commande d'installation
npx skills add https://github.com/zaaakher/agent-skills --skill food-commerce-ui-designer
Catégorie
*Créativité
Vérifié
Première apparition
2026-02-25
Mis à jour
2026-03-11

Browse more skills from zaaakher/agent-skills

Réponses rapides

Qu'est-ce que food-commerce-ui-designer ?

Créez des interfaces frontales distinctives de qualité production avec une qualité de conception élevée pour une marque de commerce électronique vendant des sauces et du bouillon d'os. Utilisez cette compétence lors de la création de composants Web, de pages, de listes de produits, de sections de destination ou d'éléments d'interface utilisateur pour le magasin. Génère des designs chaleureux, invitants et avant-gardistes avec des animations fluides basées sur Motion et une esthétique colorée et conviviale. Utilisez toujours cette compétence pour tout travail d'interface utilisateur, de page, de composant ou de mise en page, même si l'utilisateur dit simplement « créer une carte », « créer une section » ou « ajouter des animations ». Source : zaaakher/agent-skills.

Comment installer food-commerce-ui-designer ?

Ouvrez votre terminal ou outil de ligne de commande (Terminal, iTerm, Windows Terminal, etc.) Copiez et exécutez cette commande : npx skills add https://github.com/zaaakher/agent-skills --skill food-commerce-ui-designer Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code, Cursor ou OpenClaw

Où se trouve le dépôt source ?

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

Détails

Catégorie
*Créativité
Source
skills.sh
Première apparition
2026-02-25