スキルを検索.../

Bootstrap Clean Ui | Skills Pool

Skill ファイル

Bootstrap Clean Ui

Use when: building or restyling pages/components with Bootstrap, cleaning UI layout, navbar/forms/cards/buttons, or keeping SideCommerce visual style consistent and modern.

SideWebz0 スター2026/04/02

職業
カテゴリ: EC サイト開発

スキル内容

Bootstrap Clean UI Skill

Use this skill whenever editing UI in this repository.

Design Direction

Framework: Bootstrap.
Style: clean, modern, compact.
Palette: mostly neutral (light, secondary, dark, danger for destructive actions).
Effects: minimal shadows and clear borders.

Component Patterns

Layout: container + row + col-*.
Sections: card shadow-sm border-0 for primary content.
Forms: form-control / form-control-lg + btn btn-dark.
Feedback: alert alert-success and alert alert-danger.
Navigation: simple sticky top bar with clear active state and visible account icon/button.

Consistency Rules

関連 Skill

クイックインストール

Bootstrap Clean Ui

npx skills add SideWebz/SideCommerce

Skill をダウンロードリポジトリを開く

作者: SideWebz
スター: 0
更新日: 2026/04/02
職業

このページの内容

01Bootstrap Clean UI Skill

Reuse shared CSS only for tiny app-specific helpers.
Prefer Bootstrap classes over custom CSS unless there is a concrete gap.
Keep spacing rhythm consistent (mt-*, mb-*, py-*, gap-*).
Ensure desktop and mobile readability.

Do Not

Reintroduce Tailwind classes or config unless explicitly requested.
Mix multiple visual systems in one component.
Add heavy visual complexity for simple forms/settings flows.

02

Design Direction

03Component Patterns

04Consistency Rules

Ordercli

Foodora-only CLI for checking past orders and active order status (Deliveroo WIP).

EC サイト開発

Paypal Integration

Integrate PayPal payment processing with support for express checkout, subscriptions, and refund management. Use when implementing PayPal payments, processing online transactions, or building e-commerce checkout flows.

EC サイト開発

Stripe Integration

Implement Stripe payment processing for robust, PCI-compliant payment flows including checkout, subscriptions, and webhooks. Use when integrating Stripe payments, building subscription systems, or implementing secure checkout flows.

ビジネスアプリ

Billing Automation

Build automated billing systems for recurring payments, invoicing, subscription lifecycle, and dunning management. Use when implementing subscription billing, automating invoicing, or managing recurring payment systems.

EC サイト開発

Odoo Ecommerce Configurator

Expert guide for Odoo eCommerce and Website: product catalog, payment providers, shipping methods, SEO, and order-to-fulfillment workflow.

EC サイト開発

Odoo Shopify Integration

Connect Odoo with Shopify: sync products, inventory, orders, and customers using the Shopify API and Odoo's external API or connector modules.