audit-design-system

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

Repositório: trycompai/comp
Última atividade na origem: 27 de abril de 2026 às 13:56
Idioma detectado do SKILL.md: inglês
Estrelas: 1.870
Forks: 383

Opções de instalação

Por padrão, está selecionado o prompt que primeiro revisa a origem. Você pode mudar para um comando direto ou baixar uma cópia local.

Instalar com Codex ou Claude Copie este prompt, cole no Codex, Claude ou outro assistente e deixe que ele revise a página da skill e instale para você.

Um comando direto ignora o prompt de revisão. Verifique a origem antes de executá-lo.

npx skills add https://github.com/trycompai/comp --skill audit-design-system

O comando permanece em uma só linha. Role horizontalmente para revisá-lo antes de copiar.

Prefere uma cópia local? Baixe os arquivos disponíveis atualmente no SkillsMP.

Revise os arquivos de origem

Leia o SKILL.md e os arquivos complementares exibidos pelo SkillsMP antes de decidir se vai instalar.

SKILL.md

Instruções da origem · Visualização somente leitura

Voltar à pesquisa Voltar à instalação

production-readiness

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

2026-07-22

security-review

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.

2026-07-22

check-results-service

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.

2026-07-06

Ver todas deste repositório

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

Audit the specified files for design system compliance. Fix every issue found immediately.

Rules

@trycompai/design-system is the primary component library. @trycompai/ui is legacy — only use as last resort when no DS equivalent exists.
Always check DS exports first before reaching for @trycompai/ui. Run node -e "console.log(Object.keys(require('@trycompai/design-system')))" to check.
Icons: Use @trycompai/design-system/icons (Carbon icons), NOT lucide-react. Check with node -e "const i = require('@trycompai/design-system/icons'); console.log(Object.keys(i).filter(k => k.match(/YourSearch/i)))".
DS components that do NOT accept className: Text, Stack, HStack, Badge, Button — wrap in <div> for custom styling.
Button: Use DS Button with loading, iconLeft, iconRight props instead of manually rendering spinners/icons.
Layout: Use PageLayout, PageHeader, Stack, HStack, Section, SettingGroup.
Patterns: Sheet (Sheet > SheetContent > SheetHeader + SheetBody), Drawer, Collapsible.

Process

Read files specified in $ARGUMENTS
Find @trycompai/ui imports — check if DS equivalent exists
Find lucide-react imports — find matching Carbon icons
Migrate components and icons
Run build to verify: bunx turbo run typecheck --filter=@trycompai/app

audit-design-system

Informações da origem

Opções de instalação

Revise os arquivos de origem

Mais deste repositório

Mais deste repositório

Rules

Process

Rules

Process