القائمة
Write effective tests for code quality and reliability. Use when implementing features, fixing bugs, or improving coverage. Covers unit, integration, and E2E testing.
استنادا إلى تصنيف SOC المهني
Biome 2.x linting and formatting patterns. Use when configuring code quality tools, setting up linting rules, formatting code, or integrating with CI/CD. Covers migration from ESLint/Prettier.
Hono 4.x web framework patterns. Use when building APIs, middleware, routing, or server-side applications. Covers multi-runtime support (Node, Bun, Cloudflare Workers), validation, CORS, and error handling.
Radix UI primitive patterns. Use when building accessible, unstyled UI components like dialogs, dropdowns, tooltips, tabs, and selects. Covers Tailwind styling, keyboard navigation, animations, and portal management.
React development patterns. Use when building React components, managing state, creating custom hooks, or optimizing React applications. Covers React 19 features, TypeScript integration, and composition patterns.
Tailwind CSS 4.x utility-first styling patterns. Use when building UI components, creating responsive layouts, implementing design systems, or customizing themes. Covers CSS-first configuration, @theme directive, and component patterns.
Vite 7.x build tool patterns. Use when configuring build setup, development server, environment variables, asset handling, or optimizing production builds for React applications.
| name | testing |
| description | Write effective tests for code quality and reliability. Use when implementing features, fixing bugs, or improving coverage. Covers unit, integration, and E2E testing. |
Chrome DevTools (E2E testing):
Tests must produce the same result every time.
Tests should not depend on each other or shared state.
Test names should describe the behavior being tested.
test("user registration sends welcome email", async () => {
// Arrange
const emailService = new MockEmailService();
const userService = new UserService(emailService);
// Act
await userService.register("test@example.com");
// Assert
expect(emailService.sentEmails).toContainEqual({
to: "test@example.com",
subject: "Welcome!"
});
});
// Use Chrome DevTools MCP for browser automation
// - Navigate to pages
// - Fill forms and click buttons
// - Capture screenshots for visual regression
// - Run Lighthouse accessibility audits
// - Check console for errors
# Run tests
npm test
pytest
go test ./...
# With coverage
npm test -- --coverage
pytest --cov=src
go test -cover ./...
Use Glob and Grep to identify gaps: