Commerce Engine

Name: Commerce Engine
Author: David-Li0406

ASecurity

Governs the shop, product catalog, and transaction logic. Use when working on Shop.tsx, PaymentSuccess.tsx, or PayPal integrations.

2 stars

0 votes

0 copies

0 views

Added 9/27/2026

databasesgosecurity

Works with

cli

Security Analysis

A100/100

Scanned 9/27/2026

$npx -y skills add David-Li0406/meta-skill-evloving --skill commerce-engine --agent claude-code

Installs into .claude/skills of the current project.

Are you the author of Commerce Engine?

Add the live security badge to your README — it updates automatically with every re-scan.

Security grade badge for Commerce Engine

[![Security: A — Skills Directory](https://www.skillsdirectory.com/api/skills/david-li0406-commerce-engine/badge)](https://www.skillsdirectory.com/skills/david-li0406-commerce-engine)

More formats (shields.io, HTML) on the badges page. Keep it an A: scan every change in CI with Pro.

Download with Pro

Files

SKILL.md

---
name: commerce-engine
description: Governs the shop, product catalog, and transaction logic. Use when working on Shop.tsx, PaymentSuccess.tsx, or PayPal integrations.
---

# Commerce Engine Skill

This skill manages the commercial "Noir" marketplace and financial transactions.

## Shop & Product Hygiene
- **Product Definition**: Every product in the shop must have a "Noir" aesthetic image, clear description, and pricing tied to the `products` table in Supabase.
- **Shadow Board**: Use the "Shadow Board" pipeline logic from `CRM_PRD_NOIR.md` to move leads/orders through `DISCOVERY` → `WON`.

## Transaction Flow (PayPal)
- **Security**: Always capture payments before granting access or calculating commissions.
- **Redirection**: Handle `/payment-success` and `/payment-cancel` with stark, mechanical UI feedback.
- **Taxes**: Ensure tax calculations follow the country-specific rules defined in the checkout logic.

## UI/UX Rules
- **Direct Action**: Minimize friction. One-click transitions between pipeline stages.
- **Card Styling**: Every product card is a simple white outline box (`border: 1px solid white`). Inactive states are `opacity: 0.6`. Hover state border glows pure white.
- **Forms**: Use simple white bottom-border only for inputs. Labels are small and uppercase.

Attribution

David-Li0406

View source See grades on GitHub More from David-Li0406 →

SSkills DirectorySkills Directory

Ship a skill? Prove it's safe.

Free 120-pattern security scan, letter grade, and an embeddable README badge.

Submit a skill

Is this your skill, or is something wrong with this listing? Request removal or report an issue. Author removals are honored within 72 hours.

Comments (0)

No comments yet. Be the first to comment!

--- name: commerce-engine description: Governs the shop, product catalog, and transaction logic. Use when working on Shop.tsx, PaymentSuccess.tsx, or PayPal integrations. --- # Commerce Engine Skill This skill manages the commercial "Noir" marketplace and financial transactions. ## Shop & Product Hygiene - **Product Definition**: Every product in the shop must have a "Noir" aesthetic image, clear description, and pricing tied to the `products` table in Supabase. - **Shadow Board**: Use the "Shadow Board" pipeline logic from `CRM_PRD_NOIR.md` to move leads/orders through `DISCOVERY` → `WON`. ## Transaction Flow (PayPal) - **Security**: Always capture payments before granting access or calculating commissions. - **Redirection**: Handle `/payment-success` and `/payment-cancel` with stark, mechanical UI feedback. - **Taxes**: Ensure tax calculations follow the country-specific rules defined in the checkout logic. ## UI/UX Rules - **Direct Action**: Minimize friction. One-click transitions between pipeline stages. - **Card Styling**: Every product card is a simple white outline box (`border: 1px solid white`). Inactive states are `opacity: 0.6`. Hover state border glows pure white. - **Forms**: Use simple white bottom-border only for inputs. Labels are small and uppercase.