Frontend & Design · By trycompai

Accessibility engineering for product interfaces, from focus states and keyboard support to ARIA, forms, and screen readers.

trycompai/crm

OKLCH color space and color usage for web projects. An agent skill from trycompai/crm.

trycompai/crm

Web typography from choosing fonts to spacing, wrapping and accessibility.

trycompai/crm

Design engineering principles for making interfaces feel polished.

trycompai/crm

Automatically add PostHog analytics instrumentation to code.

trycompai/crm

A skill your agent uses when building forms - covers React Hook Form, Zod validation, and form patterns

trycompai/comp

User-invoked, cross-discipline interface review that coordinates better-accessibility, better-layout, better-writing, better-typography, better-colors, and better-ui.

trycompai/crm

MANDATORY for any UI work in apps/app, apps/portal, or packages/design-system — every component, page, or layout change must work on mobile (~375px), tablet (~768px), desktop (~1280px), and large…

trycompai/comp

A skill your agent uses when building or editing frontend UI components, layouts, styling, design system usage, colors, dark mode, or icons.

trycompai/comp

How to write and manage Cursor rules - invoke with @cursor-usage

trycompai/comp

Critical rules that must always be followed. An agent skill from trycompai/comp.

trycompai/comp

How to use realtime in your Trigger.dev tasks and your frontend

trycompai/comp

Audit & fix design system usage — migrate @trycompai/ui and lucide-react to @trycompai/design-system

trycompai/comp

Run all audit checks (RBAC, hooks, design system, tests) and verify build

trycompai/comp