bitovi/convey

debugging-skill

Always start a fresh browser session after any file change, walk through the full user flow, and monitor for errors before proceeding with further work.

Idioma del texto original: inglés

dev-environments

Set up and run different development service arrangements for testing specific features. Use when starting dev servers, testing Storybook addon (SB8 or SB10), testing Tailwind v3 vs v4, testing Astro, or when asked which services to run. Covers compound…

Idioma del texto original: inglés

mode-button-behavior

Defines the interaction behavior of global mode buttons (Select, Insert) and component row buttons (Place, Replace). Use when modifying button states, colors, labels, tab visibility, or page interaction behavior. Must review and update these tables before…

Idioma del texto original: inglés

naming-guide

Canonical naming for all Convey UI parts, features, and concepts. Reference when discussing, documenting, or writing code for any part of the app. Ensures consistent terminology across humans and AI agents.

Idioma del texto original: inglés

preview-classname-component

Build panel UI components that live-preview Tailwind className changes in the user's app via WebSocket. Use when creating any control (dropdown, scrubber, color picker, toggle, etc.) that lets users hover/scrub values before committing. Covers the…

Idioma del texto original: inglés

debug-e2e-test

Debug and fix failing Playwright E2E tests. Use when tests fail, when asked to fix failing tests, or when investigating test failures. Analyzes test output, screenshots, error context, and uses Playwright MCP to identify root causes.

Idioma del texto original: inglés

tailwind-vocabulary

Canonical terminology for Tailwind CSS concepts used throughout the codebase. Reference this skill to ensure consistent naming in code, docs, and conversation.

Idioma del texto original: inglés

create-react-modlet

Create React components or hooks following the modlet pattern in this project. Use when creating any new component or hook in panel/src/components/. Modlets are self-contained folders with index.ts, implementation, tests, and optional types.

Idioma del texto original: inglés

component-registry

Track and manage reusable UI components and patterns in the test-app. Maintains an inventory of extracted components and unextracted patterns to promote incremental refactoring and prevent code duplication.

Idioma del texto original: inglés

create-skill

Create new Agent Skills for this project. Use when asked to create a skill, document a workflow, or teach Copilot a new capability. Skills are stored in .github/skills/ and can include instructions, scripts, examples, and resources.

Idioma del texto original: inglés

extract-ui-component

Extract reusable UI components from inline patterns. Covers component design, TypeScript props, refactoring strategy, and best practices for creating shared UI primitives.

Idioma del texto original: inglés

frontend-design

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.

Idioma del texto original: inglés

write-e2e-test

Create, maintain, and verify end-to-end (E2E) tests using Playwright MCP. Ensures new features and flows are robustly tested and visually verified.

Idioma del texto original: inglés