.

Author: mdjastrzebski

.agents/skills/skill-creator/SKILL.md

@@ -335,7 +335,6 @@ scripts/package_skill.py <path/to/skill-folder> ./dist
 The packaging script will:
 
 1. **Validate** the skill automatically, checking:
-
    - YAML frontmatter format and required fields
    - Skill naming conventions and directory structure
    - Description completeness and quality

.agents/skills/skill-creator/references/output-patterns.md

@@ -16,14 +16,17 @@ ALWAYS use this exact template structure:
 # [Analysis Title]
 
 ## Executive summary
+
 [One-paragraph overview of key findings]
 
 ## Key findings
+
 - Finding 1 with supporting data
 - Finding 2 with supporting data
 - Finding 3 with supporting data
 
 ## Recommendations
+
 1. Specific actionable recommendation
 2. Specific actionable recommendation
 ```
@@ -38,12 +41,15 @@ Here is a sensible default format, but use your best judgment:
 # [Analysis Title]
 
 ## Executive summary
+
 [Overview]
 
 ## Key findings
+
 [Adapt sections based on what you discover]
 
 ## Recommendations
+
 [Tailor to the specific context]
 
 Adjust sections as needed for the specific analysis type.
@@ -62,18 +68,22 @@ Generate commit messages following these examples:
 Input: Added user authentication with JWT tokens
 Output:
 ```
+
 feat(auth): implement JWT-based authentication
 
 Add login endpoint and token validation middleware
+
 ```
 
 **Example 2:**
 Input: Fixed bug where dates displayed incorrectly in reports
 Output:
 ```
+
 fix(reports): correct date formatting in timezone conversion
 
 Use UTC timestamps consistently across report generation
+
 ```
 
 Follow this style: type(scope): brief description, then detailed explanation.

.agents/skills/skill-creator/references/workflows.md

@@ -25,4 +25,4 @@ For tasks with branching logic, guide Claude through decision points:
 
 2. Creation workflow: [steps]
 3. Editing workflow: [steps]
-```
+```

skills/rntl-v13/SKILL.md skills/react-native-testing/SKILL.mdskills/rntl-v13/SKILL.md renamed to skills/react-native-testing/SKILL.md

@@ -21,7 +21,7 @@ jest.useFakeTimers(); // recommended when using userEvent
 
 test('description', async () => {
   const user = userEvent.setup();
-  render(<Component />);                            // sync in v13 (React 18)
+  render(<Component />); // sync in v13 (React 18)
 
   const button = screen.getByRole('button', { name: 'Submit' });
   await user.press(button);
@@ -36,57 +36,58 @@ Use in this order: `getByRole` > `getByLabelText` > `getByPlaceholderText` > `ge
 
 ## Query Variants
 
-| Variant      | Use case                  | Returns                         | Async |
-|-------------|---------------------------|---------------------------------|-------|
-| `getBy*`    | Element must exist        | `ReactTestInstance` (throws)    | No    |
-| `getAllBy*`  | Multiple must exist       | `ReactTestInstance[]` (throws)  | No    |
-| `queryBy*`  | Check non-existence ONLY  | `ReactTestInstance \| null`     | No    |
-| `queryAllBy*`| Count elements           | `ReactTestInstance[]`           | No    |
-| `findBy*`   | Wait for element          | `Promise<ReactTestInstance>`    | Yes   |
-| `findAllBy*` | Wait for multiple        | `Promise<ReactTestInstance[]>`  | Yes   |
+| Variant       | Use case                 | Returns                        | Async |
+| ------------- | ------------------------ | ------------------------------ | ----- |
+| `getBy*`      | Element must exist       | `ReactTestInstance` (throws)   | No    |
+| `getAllBy*`   | Multiple must exist      | `ReactTestInstance[]` (throws) | No    |
+| `queryBy*`    | Check non-existence ONLY | `ReactTestInstance \| null`    | No    |
+| `queryAllBy*` | Count elements           | `ReactTestInstance[]`          | No    |
+| `findBy*`     | Wait for element         | `Promise<ReactTestInstance>`   | Yes   |
+| `findAllBy*`  | Wait for multiple        | `Promise<ReactTestInstance[]>` | Yes   |
 
 ## Interactions
 
 Prefer `userEvent` over `fireEvent`. userEvent is always async.
 
 ```tsx
 const user = userEvent.setup();
-await user.press(element);                          // full press sequence
-await user.longPress(element, { duration: 800 });   // long press
-await user.type(textInput, 'Hello');                 // char-by-char typing
-await user.clear(textInput);                         // clear TextInput
-await user.paste(textInput, 'pasted text');          // paste into TextInput
-await user.scrollTo(scrollView, { y: 100 });         // scroll
+await user.press(element); // full press sequence
+await user.longPress(element, { duration: 800 }); // long press
+await user.type(textInput, 'Hello'); // char-by-char typing
+await user.clear(textInput); // clear TextInput
+await user.paste(textInput, 'pasted text'); // paste into TextInput
+await user.scrollTo(scrollView, { y: 100 }); // scroll
 ```
 
 Use `fireEvent` only when `userEvent` doesn't support the event:
+
 ```tsx
-fireEvent.press(element);                           // sync, onPress only
-fireEvent.changeText(textInput, 'new text');         // sync, onChangeText only
-fireEvent(element, 'blur');                          // any event by name
+fireEvent.press(element); // sync, onPress only
+fireEvent.changeText(textInput, 'new text'); // sync, onChangeText only
+fireEvent(element, 'blur'); // any event by name
 ```
 
 ## Assertions (Jest Matchers)
 
 Available automatically with any `@testing-library/react-native` import.
 
-| Matcher                          | Use for                                      |
-|---------------------------------|----------------------------------------------|
-| `toBeOnTheScreen()`             | Element exists in tree                       |
-| `toBeVisible()`                 | Element visible (not hidden/display:none)     |
-| `toBeEnabled()` / `toBeDisabled()` | Disabled state via `aria-disabled`        |
-| `toBeChecked()` / `toBePartiallyChecked()` | Checked state                   |
-| `toBeSelected()`                | Selected state                               |
-| `toBeExpanded()` / `toBeCollapsed()` | Expanded state                          |
-| `toBeBusy()`                    | Busy state                                   |
-| `toHaveTextContent(text)`       | Text content match                           |
-| `toHaveDisplayValue(value)`     | TextInput display value                      |
-| `toHaveAccessibleName(name)`    | Accessible name                              |
-| `toHaveAccessibilityValue(val)` | Accessibility value                          |
-| `toHaveStyle(style)`            | Style match                                  |
-| `toHaveProp(name, value?)`      | Prop check (last resort)                     |
-| `toContainElement(el)`          | Contains child element                       |
-| `toBeEmptyElement()`            | No children                                  |
+| Matcher                                    | Use for                                   |
+| ------------------------------------------ | ----------------------------------------- |
+| `toBeOnTheScreen()`                        | Element exists in tree                    |
+| `toBeVisible()`                            | Element visible (not hidden/display:none) |
+| `toBeEnabled()` / `toBeDisabled()`         | Disabled state via `aria-disabled`        |
+| `toBeChecked()` / `toBePartiallyChecked()` | Checked state                             |
+| `toBeSelected()`                           | Selected state                            |
+| `toBeExpanded()` / `toBeCollapsed()`       | Expanded state                            |
+| `toBeBusy()`                               | Busy state                                |
+| `toHaveTextContent(text)`                  | Text content match                        |
+| `toHaveDisplayValue(value)`                | TextInput display value                   |
+| `toHaveAccessibleName(name)`               | Accessible name                           |
+| `toHaveAccessibilityValue(val)`            | Accessibility value                       |
+| `toHaveStyle(style)`                       | Style match                               |
+| `toHaveProp(name, value?)`                 | Prop check (last resort)                  |
+| `toContainElement(el)`                     | Contains child element                    |
+| `toBeEmptyElement()`                       | No children                               |
 
 ## Rules
 
@@ -125,6 +126,7 @@ Common roles: `button`, `text`, `heading` (alias: `header`), `searchbox`, `switc
 `getByRole` options: `{ name, disabled, selected, checked, busy, expanded, value: { min, max, now, text } }`.
 
 For `*ByRole` to match, the element must be an accessibility element:
+
 - `Text`, `TextInput`, `Switch` are by default
 - `View` needs `accessible={true}` (or use `Pressable`/`TouchableOpacity`)
 
@@ -175,7 +177,9 @@ Wrap providers using `wrapper` option:
 function renderWithProviders(ui: React.ReactElement) {
   return render(ui, {
     wrapper: ({ children }) => (
-      <ThemeProvider><AuthProvider>{children}</AuthProvider></ThemeProvider>
+      <ThemeProvider>
+        <AuthProvider>{children}</AuthProvider>
+      </ThemeProvider>
     ),
   });
 }

…lls/rntl-v13/references/anti-patterns.md …tive-testing/references/anti-patterns.mdskills/rntl-v13/references/anti-patterns.md renamed to skills/react-native-testing/references/anti-patterns.md skills/rntl-v13/references/anti-patterns.md renamed to skills/react-native-testing/references/anti-patterns.md

@@ -1,8 +1,9 @@
 # RNTL v13 Anti-Patterns
 
 ## Table of Contents
+
 - [Wrong query variant](#wrong-query-variant)
-- [Not using *ByRole](#not-using-byrole)
+- [Not using \*ByRole](#not-using-byrole)
 - [Wrong assertions](#wrong-assertions)
 - [waitFor misuse](#waitfor-misuse)
 - [Unnecessary act()](#unnecessary-act)
@@ -38,13 +39,13 @@ await waitFor(() => {
 expect(await screen.findByText('Loaded')).toBeOnTheScreen();
 ```
 
-## Not using *ByRole
+## Not using \*ByRole
 
 ```tsx
 // BAD: testID when accessible query works
 <Pressable testID="submit-btn" role="button">
   <Text>Submit</Text>
-</Pressable>
+</Pressable>;
 screen.getByTestId('submit-btn');
 
 // GOOD: query by role and accessible name
@@ -173,7 +174,7 @@ screen.getByText('Hello');
 ```tsx
 // BAD: traversing the tree manually
 const { UNSAFE_root } = render(<Component />);
-const el = UNSAFE_root.findAll(node => node.props.testID === 'foo')[0];
+const el = UNSAFE_root.findAll((node) => node.props.testID === 'foo')[0];
 
 // GOOD: use proper queries
 render(<Component />);