القائمة
Audit & fix design system usage — migrate @trycompai/ui and lucide-react to @trycompai/design-system
يُحدَّد Prompt الذي يراجع المصدر أولًا بشكل افتراضي. يمكنك التبديل إلى أمر مباشر أو تنزيل نسخة محلية.
اقرأ SKILL.md وأي ملفات مرافقة يعرضها SkillsMP قبل أن تقرر التثبيت.
استنادا إلى تصنيف SOC المهني
التثبيت باستخدام Codex أو Claude انسخ هذا Prompt والصقه في Codex أو Claude أو مساعد آخر ليراجع صفحة Skill ويثبّتها لك.
يتجاوز الأمر المباشر Prompt المخصّص للمراجعة. افحص المصدر قبل تشغيله.
npx skills add https://github.com/trycompai/comp --skill audit-design-systemيبقى الأمر في سطر واحد. مرّر أفقيًا لمراجعته كاملًا قبل النسخ.
تفضّل نسخة محلية؟ نزّل الملفات المتاحة حاليًا لدى SkillsMP.
عرض SKILL.md
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.
| 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