{
  "markdown": "# Agent Skills\n\nA collection of skills for AI coding agents. Skills are packaged instructions and references that extend agent capabilities.\n\nSkills follow the [Agent Skills](https://agentskills.io/) format.\n\n## Available Skills\n\n### bulletproof-react-components\n\nNine patterns for building React components that survive real-world conditions — SSR, hydration, concurrent rendering, portals, transitions, and future React changes. Based on [Shu Ding's guide](https://shud.in/thoughts/build-bulletproof-react-components).\n\n**Use when:**\n\n- Writing reusable React components\n- Fixing hydration mismatches\n- Handling SSR edge cases\n- Building component libraries\n\n**Patterns covered:**\n\n- Server-Proof (Critical) - no browser APIs during render\n- Hydration-Proof (Critical) - inline scripts before hydration\n- Instance-Proof (High) - `useId()` over hardcoded IDs\n- Concurrent-Proof (High) - `React.cache()` deduplication\n- Composition-Proof (High) - Context over `cloneElement`\n- Portal-Proof (Medium) - `ownerDocument.defaultView` for listeners\n- Transition-Proof (Medium) - `startTransition()` for View Transitions\n- Activity-Proof (Medium) - `useLayoutEffect` for `<Activity>` visibility\n- Future-Proof (Medium) - `useState` initializer for stable values\n\n## Installation\n\n```bash\nnpx skills add CodeWithShreyans/skills\n```\n\n## Usage\n\nSkills are automatically available once installed. The agent will use them when relevant tasks are detected.\n\n**Examples:**\n\n```\nReview this component for bulletproof patterns\n```\n\n```\nMake this component SSR-safe\n```\n\n```\nCheck this component for hydration issues\n```\n\n## Skill Structure\n\nEach skill contains:\n\n- `SKILL.md` - Instructions for the agent\n- `references/` - Supporting documentation loaded on demand\n\n## License\n\nMIT\n",
  "bytes": 1766,
  "sha": "d355eb5ddfc49d355cc932456989c09cf6938b497670d6dbca3e783e72efc18f",
  "repo_slug": "codewithshreyans/skills",
  "fonte": "repo",
  "truncated": false,
  "api": "https://agentalog.com/api/listings/skl_codewithshreyans_skills_mintlify_449147f0/readme"
}