bitoviOfficial·10 Agent Skills Included

vybit

Visual in-browser design editing and bug reporting for web apps

Edits Tailwind designs, places Storybook components, and sketches mockups directly in the browser, then sends changes to a coding agent for implementation. Eliminates manual Figma-to-code handoffs, vague bug reports, and repetitive class tweaking. Captures exact page, component, and element context automatically so changes are implemented faster and more accurately.

46|3

↗

npx skills add bitovi/vybit --all -g -y

All Skills in This Repository (10)

Pure Emerald Level Indicators

📦 In Repo

bitovi

component-registry

Track UI components and identify reusable patterns in markdown registries.

naming-guide

Define standard terminology for VyBit UI components and structures.

debug-e2e-test

Diagnose Playwright E2E test failures by analyzing output, screenshots, and logs.

mode-button-behavior

Explain button interaction flows and state management in UI design tools.

tailwind-vocabulary

Standardize Tailwind CSS terminology for code, documentation, and communication.

debugging-skill

Restarts browser sessions and walks user flows to capture console errors after code changes.

extract-ui-component

Extract reusable UI components from inline React code patterns.

frontend-design

Generate frontend web interfaces with typography, color, motion, and layout guidance.

preview-className-component

Preview Tailwind className changes via WebSocket with staging and revert.

write-e2e-test

Create and verify Playwright MCP end-to-end tests for web application user flows.

Official

Intermediate

Frequently Asked Questions

FAQPage Schema

How to install Convey?▼

Run `npx skills add bitovi/vybit --all -g -y` in your terminal to install all skills in this suite globally.

How to edit Tailwind designs visually in the browser?▼

Convey adds an editor panel to your running app where you click any element and adjust colors, spacing, shadows, and layout with live preview. Committed changes are sent to your coding agent to implement in source code.

Does Convey work with Claude Code and Copilot?▼

Yes. Convey connects to Claude Code, Copilot, Cursor, and other agents through MCP using a simple stdio configuration.

Can I use Storybook components with Convey?▼

Yes. Convey auto-detects your running Storybook and lets you drag components directly onto your page, or embed its editor panel as a Storybook addon tab.

Which frameworks does Convey support?▼

It works with React and Angular apps built with Tailwind v3 or v4, and includes a Storybook addon for Storybook 8 and 10.