Système de Design et Image de Marque Vebidor

Génère des interfaces de marque, des assets marketing et des visuels de documentation pour la bibliothèque Vebidor WebDriver.

déclencheurs:vebidor designcreate mockupbranded interfacevebidor assetsmarketing page

GitHub SKILL.md

Ce que fait ce skill

Ce skill fournit à l'agent l'identité de marque complète et le système de design de Vebidor. Il permet la création de prototypes HTML haute fidélité, de pages d'atterrissage marketing et de documentation technique respectant les directives visuelles et tonales spécifiques de Vebidor.

Quand l'utiliser

Invoquez ce skill lorsque l'utilisateur demande une maquette de page de documentation, une section marketing, un visuel de sortie CLI ou tout asset nécessitant la voix de marque de Vebidor (technique et orientée vers la performance) et ses jetons visuels.

Ce qui est inclus

Design Tokens : Variables CSS pour les couleurs, la typographie et l'espacement via colors_and_type.css.
UI Kits : Recréations basées sur React des surfaces de documentation et de marketing.
Bibliothèque d'Assets : Vocabulaire d'emojis et glyphes de navigateur pour une iconographie cohérente.
Guides Visuels : Cartes de design pré-construites pour référence.

Agents compatibles

Tout agent capable de générer du code HTML, CSS et React, tel que Claude Code, OpenClaw ou des agents frontend spécialisés.

Étiquettes

#design-system #branding #frontend #ui-ux #vebidor #web-automation

Pas encore audité

Cette compétence n'a pas encore été examinée par notre pipeline d'audit automatisé.

Informations

Dépôt: vebidor
Étoiles: 19

Compétences similaires

Clerk Vue Patterns

Vue 3 integration patterns for Clerk: composables, router guards, and Pinia auth store integration.

React Development Expert

Provides authoritative React guidance on hooks, state patterns, Server Components, performance optimization, and common architectural patterns.

Office & Design Toolkit

Comprehensive toolkit for processing and producing DOCX, PPTX, XLSX and PDF files plus design guidance and quality checks for professional office documents and

ClearShot — Screenshot UI Analysis

Structured UI screenshot analysis using a 5×5 spatial grid, full element inventory, and design system extraction. Escalates to full implementation blueprint whe

Colorize — Strategic UI Color Introduction

Introduce purposeful color to monochromatic interfaces to improve hierarchy, meaning, and visual engagement while preserving accessibility.

DAUB UI

A drop-in CSS+JS component library with 70+ carefully designed components and 20 theme families for fast, consistent UI building.

dotLottie Web

Guidelines and patterns for implementing performant dotLottie/Lottie animations on the web (vanilla JS and React), including workers, state machines, and themin

Brand Voice Consistency

Enforce consistent brand voice, tone, and vocabulary across marketing copy and customer-facing communications.

Retour aux compétences