·food-commerce-ui-designer
*

food-commerce-ui-designer

Cree interfaces frontales distintivas de nivel de producción con alta calidad de diseño para una marca de comercio electrónico que vende salsas y caldo de huesos. Utilice esta habilidad al crear componentes web, páginas, listados de productos, secciones de destino o elementos de interfaz de usuario para la tienda. Genera diseños cálidos, atractivos y innovadores con animaciones fluidas impulsadas por Motion y una estética colorida y amigable. Utilice siempre esta habilidad para cualquier interfaz de usuario, página, componente o trabajo de diseño, incluso si el usuario simplemente dice "crear una tarjeta", "crear una sección" o "agregar animaciones".

10Instalaciones·0Tendencia·@zaaakher

Instalación

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

Cómo instalar food-commerce-ui-designer

Instala rápidamente el skill de IA food-commerce-ui-designer en tu entorno de desarrollo mediante línea de comandos

  1. Abrir Terminal: Abre tu terminal o herramienta de línea de comandos (Terminal, iTerm, Windows Terminal, etc.)
  2. Ejecutar comando de instalación: Copia y ejecuta este comando: npx skills add https://github.com/zaaakher/agent-skills --skill food-commerce-ui-designer
  3. Verificar instalación: Una vez instalado, el skill se configurará automáticamente en tu entorno de programación con IA y estará listo para usar en Claude Code, Cursor u OpenClaw

Fuente: zaaakher/agent-skills.

SKILL.md

Ver original

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:

Cree interfaces frontales distintivas de nivel de producción con alta calidad de diseño para una marca de comercio electrónico que vende salsas y caldo de huesos. Utilice esta habilidad al crear componentes web, páginas, listados de productos, secciones de destino o elementos de interfaz de usuario para la tienda. Genera diseños cálidos, atractivos y innovadores con animaciones fluidas impulsadas por Motion y una estética colorida y amigable. Utilice siempre esta habilidad para cualquier interfaz de usuario, página, componente o trabajo de diseño, incluso si el usuario simplemente dice "crear una tarjeta", "crear una sección" o "agregar animaciones". Fuente: zaaakher/agent-skills.

Datos (listos para citar)

Campos y comandos estables para citas de IA/búsqueda.

Comando de instalación
npx skills add https://github.com/zaaakher/agent-skills --skill food-commerce-ui-designer
Categoría
*Creatividad
Verificado
Primera vez visto
2026-02-25
Actualizado
2026-03-11

Browse more skills from zaaakher/agent-skills

Respuestas rápidas

¿Qué es food-commerce-ui-designer?

Cree interfaces frontales distintivas de nivel de producción con alta calidad de diseño para una marca de comercio electrónico que vende salsas y caldo de huesos. Utilice esta habilidad al crear componentes web, páginas, listados de productos, secciones de destino o elementos de interfaz de usuario para la tienda. Genera diseños cálidos, atractivos y innovadores con animaciones fluidas impulsadas por Motion y una estética colorida y amigable. Utilice siempre esta habilidad para cualquier interfaz de usuario, página, componente o trabajo de diseño, incluso si el usuario simplemente dice "crear una tarjeta", "crear una sección" o "agregar animaciones". Fuente: zaaakher/agent-skills.

¿Cómo instalo food-commerce-ui-designer?

Abre tu terminal o herramienta de línea de comandos (Terminal, iTerm, Windows Terminal, etc.) Copia y ejecuta este comando: npx skills add https://github.com/zaaakher/agent-skills --skill food-commerce-ui-designer Una vez instalado, el skill se configurará automáticamente en tu entorno de programación con IA y estará listo para usar en Claude Code, Cursor u OpenClaw

¿Dónde está el repositorio de origen?

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

Detalles

Categoría
*Creatividad
Fuente
skills.sh
Primera vez visto
2026-02-25