メニュー
Audit & fix design system usage — migrate @trycompai/ui and lucide-react to @trycompai/design-system
デフォルトでは、最初にソースを確認する Prompt が選択されています。直接コマンドに切り替えるか、ローカルコピーをダウンロードすることもできます。
インストールを決める前に、SKILL.md と SkillsMP に表示されている付属ファイルをお読みください。
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
直接コマンドでは確認用 Prompt が省略されます。実行前にソースを確認してください。
npx skills add https://github.com/trycompai/comp --skill audit-design-systemコマンドは1行のまま表示されます。コピー前に横へスクロールして全体を確認してください。
ローカルで確認しますか？SkillsMP が現在取得できるファイルをダウンロードできます。
Run all audit checks (RBAC, hooks, design system, tests) and verify build
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.
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.
SOC 職業分類に基づく
SKILL.md を表示中
| 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.
@trycompai/design-system is the primary component library. @trycompai/ui is legacy — only use as last resort when no DS equivalent exists.@trycompai/ui. Run node -e "console.log(Object.keys(require('@trycompai/design-system')))" to check.@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)))".className: Text, Stack, HStack, Badge, Button — wrap in <div> for custom styling.Button with loading, iconLeft, iconRight props instead of manually rendering spinners/icons.PageLayout, PageHeader, Stack, HStack, Section, SettingGroup.Sheet > SheetContent > SheetHeader + SheetBody), Drawer, Collapsible.$ARGUMENTS@trycompai/ui imports — check if DS equivalent existslucide-react imports — find matching Carbon iconsbunx turbo run typecheck --filter=@trycompai/app