Exécutez n'importe quel Skill dans Manus
en un clic

Exécutez n'importe quel Skill dans Manus en un clic

Commencer

code-review

Étoiles0

Forks2

Mis à jour7 avril 2026 à 15:59

Structured review for design system compliance, TypeScript quality, page structure, security, and accessibility

Installation

Installer avec Codex ou Claude Copiez ce prompt, collez-le dans Codex, Claude ou un autre assistant, puis laissez-le vérifier la page du skill et l'installer pour vous.

Exécuter dans Manus

Source

colaberry

colaberry/colaberry-ai

Ouvrir le dépôt GitHub Voir les dépôts du créateur

Téléchargement

Exécuter dans Manus

Métiers associésSOC

Basé sur la classification professionnelle SOC

Analystes en assurance qualité des logiciels et testeursProfessions informatiques et mathématiques·SOC 15-1253

SKILL.md

readonly

name	code-review
description	Structured review for design system compliance, TypeScript quality, page structure, security, and accessibility
user-invocable	true

Code Review

Structured code review for the Colaberry AI platform. Checks design system compliance, TypeScript quality, page structure, security, and accessibility.

Steps

Identify changed files — Run git diff --name-only to find all modified files
Design system compliance — For each .tsx/.ts file, check:
- No forbidden Tailwind colors: emerald-*, green-*, blue-*, amber-*, slate-*
- Buttons use rounded-full (pill-shaped)
- Cards use .catalog-card CSS class, no hover lift
- Correct component classes: .surface-panel, .chip-brand, .chip-neutral
- ContentTypeIcon used for content type icons (never emoji)
TypeScript quality — Check:
- No any types
- Proper interfaces/types for all props
- Strict mode compliance
Page structure — For new/modified pages, verify:
- .reveal wrapper on hero with SectionHeader (size="xl")
- .surface-panel for filter/search bars
- .stagger-grid on card grids (not nested inside .reveal)
- EnterpriseCtaBand at page bottom
Dark mode — All components have dark: Tailwind variants
Animation nesting — No .reveal-scale or .stagger-grid nested inside .reveal parent
Security — No hardcoded secrets, API routes use rate limiting and auth
Build verification — Run:
```
npx tsc --noEmit
npm run lint
```
Output report — Structured pass/fail per category with specific file:line references

Output Format

## Code Review Report

### Design System: PASS/FAIL
- [details]

### TypeScript: PASS/FAIL
- [details]

### Page Structure: PASS/FAIL
- [details]

### Dark Mode: PASS/FAIL
- [details]

### Security: PASS/FAIL
- [details]

### Build: PASS/FAIL
- tsc: 0 errors
- lint: 0 errors

Plus depuis ce dépôt

même dépôt

basecamp

colaberry/colaberry-ai

Interact with Basecamp via the Basecamp CLI. Full API coverage: projects, todos, cards, messages, files, schedule, check-ins, timeline, recordings, templates, webhooks, subscriptions, lineup, chat, gauges, assignments, notifications, and accounts. Use for ANY Basecamp question or action.

2026-04-140

prd

colaberry/colaberry-ai

Brainstorm requirements and create sprint PRDs with atomic tasks. Creates sprints/vN/PRD.md and TASKS.md with user stories, architecture, and ordered task breakdowns.

2026-04-100

design-logo

colaberry/colaberry-ai

Multi-agent logo design pipeline orchestrating 6 agents through Strategy, Concepts, Figma, Code, Preview, and QA phases

2026-04-070

dev

colaberry/colaberry-ai

Pick the highest priority task from the sprint backlog and implement it with TDD, security scanning, and browser-based E2E testing

2026-04-070

new-page

colaberry/colaberry-ai

Scaffold a new page following all Colaberry AI platform standards including locked theming and page structure

2026-04-070

refactor

colaberry/colaberry-ai

Safe refactoring workflow that reads before writing, plans before editing, and verifies after each change

2026-04-070

name	code-review
description	Structured review for design system compliance, TypeScript quality, page structure, security, and accessibility
user-invocable	true

Code Review

Structured code review for the Colaberry AI platform. Checks design system compliance, TypeScript quality, page structure, security, and accessibility.

Steps

Identify changed files — Run git diff --name-only to find all modified files
Design system compliance — For each .tsx/.ts file, check:
- No forbidden Tailwind colors: emerald-*, green-*, blue-*, amber-*, slate-*
- Buttons use rounded-full (pill-shaped)
- Cards use .catalog-card CSS class, no hover lift
- Correct component classes: .surface-panel, .chip-brand, .chip-neutral
- ContentTypeIcon used for content type icons (never emoji)
TypeScript quality — Check:
- No any types
- Proper interfaces/types for all props
- Strict mode compliance
Page structure — For new/modified pages, verify:
- .reveal wrapper on hero with SectionHeader (size="xl")
- .surface-panel for filter/search bars
- .stagger-grid on card grids (not nested inside .reveal)
- EnterpriseCtaBand at page bottom
Dark mode — All components have dark: Tailwind variants
Animation nesting — No .reveal-scale or .stagger-grid nested inside .reveal parent
Security — No hardcoded secrets, API routes use rate limiting and auth
Build verification — Run:
```
npx tsc --noEmit
npm run lint
```
Output report — Structured pass/fail per category with specific file:line references

Output Format

## Code Review Report

### Design System: PASS/FAIL
- [details]

### TypeScript: PASS/FAIL
- [details]

### Page Structure: PASS/FAIL
- [details]

### Dark Mode: PASS/FAIL
- [details]

### Security: PASS/FAIL
- [details]

### Build: PASS/FAIL
- tsc: 0 errors
- lint: 0 errors