trycompai

@trycompai source repo

44 skills
0 followers
18 hours ago last updated

▌
Better UI · trycompai bundle
Design engineering principles for making interfaces feel polished. Use when building UI components, reviewing frontend code, implementing animations, hover states, shadows, borders, micro-interactions, enter/exit animations, choosing or reviewing icons, or any visual detail work. Triggers on UI polish, design details, "make it feel better", "feels off", stagger animations, border radius, optical alignment, image outlines, box shadows, icons, icon stroke weight, icon states, motion restraint.

0
installs
▌
Better Colors · trycompai bundle
OKLCH color space and color usage for web projects. Convert hex/rgb/hsl to oklch, generate palettes, check contrast, handle gamut boundaries, theme with Tailwind v4, and apply color with meaning. Triggers on oklch, color conversion, palette generation, contrast ratio, gamut, display p3, design tokens, semantic color tokens, hue drift, chroma, dark mode colors, accent color, color meaning, light and dark appearance, increased contrast.

0
installs
▌
Better Layout · trycompai bundle
Layout structure for web interfaces, from grouping and alignment to reading order, progressive disclosure, and adaptive breakpoints. Use when structuring a page or component, spacing or aligning controls, deciding what collapses at small sizes, handling RTL layout direction, or reviewing frontend code for layout. Triggers on layout, spacing, alignment, grouping, negative space, whitespace, visual hierarchy, reading order, progressive disclosure, breakpoints, responsive layout, container queries, safe area, full-bleed, edge-to-edge, layout margins, RTL layout, logical properties.

0
installs
▌
Better Typography · trycompai bundle
Web typography from choosing fonts to spacing, wrapping and accessibility. Use when picking or pairing typefaces, configuring variable fonts or OpenType features, setting up a type scale, checking heading hierarchy, styling text in components, truncating text, styling underlines, selection, placeholders or carets, or reviewing frontend code for typography. Triggers on typography, fonts, font formats, woff2, variable fonts, font-weight, opentype, font-feature-settings, letter-spacing, line-height, type scale, heading hierarchy, heading levels, tabular numbers, text-wrap, truncation, line clamp, underlines, text-decoration, text selection, iOS input zoom, font smoothing, text contrast, measure, line length, text-box, smart punctuation, drop cap.

0
installs
▌
Better Accessibility · trycompai bundle
Accessibility engineering for product interfaces, from focus states and keyboard support to ARIA, forms, and screen readers. Use when building or reviewing UI components, modals, menus, forms, custom widgets, or when the user says "make this accessible" or reports keyboard or screen-reader issues. Triggers on accessibility, a11y, WCAG, aria, focus ring, focus-visible, focus trap, keyboard navigation, tab order, tabindex, screen reader, sr-only, aria-live, alt text, hit area, touch target, prefers-reduced-motion, autoplay, toast duration, skip link, semantic HTML, aria-label, form errors, disabled buttons, "not keyboard accessible".

0
installs
▌
UI 2 · trycompai
Use when building or editing frontend UI components, layouts, styling, design system usage, colors, dark mode, or icons.

0
installs
▌
New Feature Setup 2 · trycompai
Use when starting a new feature, Linear ticket, or bugfix in this repo — establishes the branch + worktree + env + DB + dev-server conventions so the work is immediately ready to code without fighting infra. Triggers on "start a new feature", "spin up a worktree", "begin ticket", "new branch".

0
installs
▌
Production Readiness 2 · trycompai
Run all audit checks (RBAC, hooks, design system, tests) and verify build

0
installs
▌
Eve · trycompai
Build durable backend AI agents with the eve framework. Use when creating, editing, or debugging an eve project — agent instructions, skills, tools, connections, channels, sandboxes, subagents, schedules, or evals. Also use when changing how Evie scaffolds or runs its bots.

0
installs
▌
Effect TS · trycompai
Use this skill when setting up a repository that uses the Effect Typescript library.

0
installs
▌
Diffs · trycompai bundle
Use when an app uses @pierre/diffs to render or edit code files, diffs, patches, merge conflicts, or CodeView review surfaces, including React, vanilla JavaScript, SSR, workers, annotations, selection, and custom Shiki languages or themes.

0
installs
▌
Turborepo · trycompai bundle
Turborepo monorepo build system guidance. Triggers on: turbo.json, task pipelines, dependsOn, caching, remote cache, the "turbo" CLI, --filter, --affected, CI optimization, environment variables, internal packages, monorepo structure/best practices, and boundaries. Use when user: configures tasks/workflows/pipelines, creates packages, sets up monorepo, shares code between apps, runs changed/affected packages, debugs cache, or has apps/packages directories.

0
installs
▌
Nestjs Trpc · trycompai bundle
Build end-to-end type-safe tRPC APIs inside NestJS using the nestjs-trpc adapter — @Router/@Query/@Mutation/@Subscription decorators, TRPCModule.forRoot, injectable middlewares and context, Zod input/output schemas, and the Rust CLI that generates the AppRouter type for clients. Use this skill whenever the user mentions nestjs-trpc, tRPC in a NestJS app, @Router or @Query decorators, TRPCModule, AppRouterHost, "typed API between my Nest backend and frontend", generating AppRouter types, or is migrating a NestJS GraphQL/REST API to tRPC — even if they don't name the library explicitly.

0
installs
▌
Better Writing · trycompai bundle
UX writing and interface copy, from voice and button labels to error messages and empty states. Use when writing or reviewing any user-facing text: button and link labels, form errors, placeholders, settings labels, onboarding flows, notifications, or empty states. Triggers on UX writing, microcopy, interface copy, product copy, copywriting, button labels, link text, error messages, empty states, placeholder text, settings labels, capitalization, title case, sentence case, voice and tone.

0
installs
▌
Better Interface · trycompai bundle
User-invoked, cross-discipline interface review that coordinates better-accessibility, better-layout, better-writing, better-typography, better-colors, and better-ui. Use when explicitly invoked for a holistic review of a screen, flow, feature, or product interface. Supports quick and full review modes. Triggers on better-interface, full interface review, holistic UI audit, cross-discipline design review, review the whole interface.

0
installs
▌
Install Anti Slop · trycompai bundle
Install and configure the anti-slop Oxlint plugin in a local TypeScript or JavaScript repository. Use whenever a user asks to add anti-slop lint rules, copy the anti-slop plugin, configure opinionated Oxlint rules, or migrate an existing local anti-slop setup.

0
installs
▌
UI · trycompai
Use when building or editing frontend UI components, layouts, styling, design system usage, colors, dark mode, or icons.

0
installs
▌
Code · trycompai
Use when writing TypeScript/React code - covers type safety, component patterns, and file organization

0
installs
▌
Data · trycompai
Use when implementing data fetching, API calls, server/client components, or SWR hooks

0
installs
▌
Forms · trycompai
Use when building forms - covers React Hook Form, Zod validation, and form patterns

0
installs
▌
Infra · trycompai
Use when working with packages, dependencies, monorepo structure, or build configuration

0
installs
▌
Prisma · trycompai
Prisma schema conventions and migration workflow

0
installs
▌
Billing · trycompai
Use when changing Comp AI billing, Stripe products/prices, subscription checkout, org payment methods, entitlements, usage ledgers, invoices, or billing webhooks.

0
installs
▌
Cleanup · trycompai
MUST run after writing or modifying code — reviews changed files for verbose patterns, inconsistencies, and readability issues before considering work done

0
installs
▌
Audit Rbac · trycompai
Audit & fix RBAC and audit log compliance in API endpoints and frontend components

0
installs
▌
Essentials · trycompai
Critical rules that must always be followed

0
installs
▌
Audit Hooks · trycompai
Audit & fix hooks and API usage patterns — eliminate server actions, raw fetch, and stale patterns

0
installs
▌
Audit Tests · trycompai
Audit & fix unit tests for permission-gated components

0
installs
▌
Cursor Usage · trycompai
How to write and manage Cursor rules - invoke with @cursor-usage

0
installs
▌
Trigger Basic · trycompai
Only the most important rules for writing basic Trigger.dev tasks

0
installs
▌
Responsive UI · trycompai
Responsive UI — default, not a feature request

0
installs
▌
Trigger Config · trycompai
Configure your Trigger.dev project with a trigger.config.ts file

0
installs
▌
Security Review · trycompai
Check code for the most common, high-risk security vulnerabilities (broken access control, tenant isolation, injection, secrets, SSRF, auth/session, unsafe file handling, mass assignment) before it ships. Use after editing any API controller, guard, or auth code (apps/api/src/auth/**), a Prisma schema/query, a file-upload/webhook handler, or before committing/pushing security-sensitive changes.

0
installs
▌
Trigger Realtime · trycompai
How to use realtime in your Trigger.dev tasks and your frontend

0
installs
▌
New Feature Setup · trycompai
Use when starting a new feature, Linear ticket, or bugfix in this repo — establishes the branch + worktree + env + DB + dev-server conventions so the work is immediately ready to code without fighting infra. Triggers on "start a new feature", "spin up a worktree", "begin ticket", "new branch".

0
installs
▌
Prompt Engineering · trycompai
Prompt engineering best practices - invoke with @prompt-engineering

0
installs
▌
Audit Design System · trycompai
Audit & fix design system usage — migrate @trycompai/ui and lucide-react to @trycompai/design-system

0
installs
▌
Production Readiness · trycompai
Run all audit checks (RBAC, hooks, design system, tests) and verify build

0
installs
▌
API Endpoint Contract · trycompai
The contract every new or modified API endpoint must follow so it is correct for the public OpenAPI spec, the MCP server (npm @trycompai/mcp-server), the ValidationPipe, and the docs. Triggers on "new endpoint", "add API", "new DTO", "@Body", "@RequirePermission", "MCP tool", "edit controller in apps/api", "OpenAPI", or whenever editing controllers under apps/api/src/.

0
installs
▌
Check Results Service · trycompai
How to reuse ANY integration check's results in a feature via the universal CheckResultsService (apps/api integration-platform). Use whenever a feature needs data produced by an integration check — "show 2FA status on People", "surface AWS S3 findings in X", "reuse a check's results", "per-user/per-resource results from a connected integration", "which integrations feed task T". Read this BEFORE writing your own IntegrationCheckResult / CheckRunRepository query — don't hand-roll it.

0
installs
▌
Stale Worktree Cleanup · trycompai
Use when cleaning up old git worktrees, removing worktrees whose branches have merged or been abandoned, or dropping orphaned compdev_* Postgres databases. Triggers on "clean up worktrees", "delete stale worktrees", "worktrees piling up", "orphaned databases", "remove unused worktree".

0
installs
▌
Trigger Advanced Tasks · trycompai
Comprehensive rules to help you write advanced Trigger.dev tasks

0
installs
▌
Trigger Scheduled Tasks · trycompai
How to write and use scheduled Trigger.dev tasks

0
installs
▌
Better Auth Best Practices · trycompai
Configure Better Auth server and client, set up database adapters, manage sessions, add plugins, and handle environment variables. Use when users mention Better Auth, betterauth, auth.ts, or need to set up TypeScript authentication with email/password, OAuth, or plugin configuration.

0
installs

44 published skills