skills/auto-testing/SKILL.md
Automatically generate and run tests after each code change. Use when: any code is generated or modified in the pipeline. Triggers: internal use only.
npx skillsauth add timequity/vibe-coder auto-testingInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
Run tests automatically. User sees only pass/fail.
After every:
For each code change, generate:
| Code Type | Test Type | |-----------|-----------| | Component | Render, interaction | | API endpoint | Request/response | | Utility function | Unit tests | | Form | Validation, submission | | Auth flow | Login, logout, protected |
test('renders correctly', () => {
render(<Component />);
expect(screen.getByRole('button')).toBeInTheDocument();
});
test('handles click', async () => {
const onClick = jest.fn();
render(<Component onClick={onClick} />);
await userEvent.click(screen.getByRole('button'));
expect(onClick).toHaveBeenCalled();
});
test('returns data', async () => {
const response = await fetch('/api/items');
expect(response.status).toBe(200);
const data = await response.json();
expect(data.items).toBeDefined();
});
| Status | User Sees | |--------|-----------| | All pass | ✅ (nothing else) | | Some fail | "Fixing issues..." then ✅ | | Can't fix | ❌ + simple explanation |
User never sees:
Only: ✅ works or ❌ problem
development
Hidden quality gate that runs before showing "Done!" to user - ensures all tests pass, build succeeds, and requirements met before claiming completion
data-ai
Use when about to claim work is complete or fixed - requires running verification commands and confirming output before making any success claims
tools
Generate UI components from natural language descriptions. Use when: user asks for a page, component, or UI element. Triggers: "create page", "add component", "show form", "make button", "страница", "компонент", "форма".
content-media
10 ready-to-use themes with colors and fonts for consistent styling. Use when: applying visual themes to pages, components, or design systems. Triggers: "theme", "color palette", "color scheme", "fonts", "branding", "visual identity", "design system colors".