humanlayer/skills

6# Narrow React Prop Types
7
8Use this skill when a React component's props have been widened for stories, mocks, tests, or demos and now express states the live application does not enter.
9
10The goal is to make component types describe the real live-code-path contract, then require stories/tests/mocks to adapt to that contract instead of weakening …
11
12## Core Requirements
13
14- Find the actual non-test, non-Storybook call sites before changing types.
15- Treat live code paths as the source of truth for the prop contract.

24For an example recurring GitHub Actions workflow that runs this skill through CodeLayer, see `references/agent-narrow-component-props.yml`. Its example agent m…
25
26### 1. Identify the suspect component
27
28Look for components with these signals:
29
30- Large props interfaces with many optional fields.
31- Optional callback calls such as `onSelect?.(...)` or `onArchive?.(...)`.
32- Fallback state handling such as `items ?? []`, `count ?? 0`, or `handler && ...` around values live code likely always supplies.
33- UI affordances that always render even though their callbacks are optional.

23interface Args {
24    command: 'footer' | 'prompt'
25    workflow: string
26    memory: string
27    repo?: string
28    prNumber?: string
29    commentBody?: string
30}
31
32const args = parseArgs(Bun.argv.slice(2))