[{"_1":2,"_281":-5,"_282":-5},"loaderData",{"_3":4,"_8":9,"_23":24},"root",{"_5":-5,"_6":7},"user","countable",true,"routes/_main",{"_5":-5,"_10":11},"recentPosts",[12,17,20],{"_13":14,"_15":16},"slug","claude-code-agent-teams","title","What Claude Code's Agent Teams Feature Does",{"_13":18,"_15":19},"claude-code-goal-command","How Claude Code's /goal Command Works",{"_13":21,"_15":22},"claude-code-routines-vs-loop","Claude Code Routines vs /loop: What's the Difference?","routes/creators.$handle",{"_25":26,"_27":26,"_28":29,"_30":31,"_32":33,"_279":31,"_280":110},"handle","reactjs","displayName","profileUrl","https://github.com/reactjs","verified",false,"skills",[34],{"_35":36,"_13":37,"_38":39,"_40":41,"_42":43,"_44":45,"_46":47,"_48":49,"_50":51,"_52":53,"_54":55,"_60":61,"_62":63,"_64":65,"_81":82,"_83":-5,"_84":85,"_86":87,"_88":89,"_90":91,"_92":93,"_94":-5,"_95":96,"_97":26,"_30":31,"_98":31,"_99":87,"_100":87,"_101":87,"_102":87,"_103":104,"_105":106,"_136":137,"_167":168,"_218":219,"_251":252,"_263":264,"_275":276,"_277":278},"id","gh__reactjs__react-dev__claude-skills-write","documentation-writer-reactjs","name","Documentation Writer","canonicalName","write","tagline","Streamline React documentation creation and updates.","description","Use when creating new React documentation pages or updating existing ones. Accepts instructions like \"add optimisticKey reference docs\", \"update ViewTransition with Activity\", or \"transition learn docs\".","longDescription","The Documentation Writer skill is designed to facilitate the creation and updating of documentation for React projects. By using specific commands, users can easily generate new reference documentation, update existing pages, or create learn guides and blog posts related to React. This skill streamlines the process by orchestrating research, writing, and review, ensuring that documentation is both accurate and comprehensive.\n\nWhen invoked, the skill first parses the user's intent to determine the action required—whether to add new documentation, update existing content, or create a blog post. It intelligently identifies the topic and type of documentation needed, ensuring that the right files are targeted for updates or new content creation. This structured approach minimizes ambiguity and enhances the efficiency of the documentation process.\n\nThe skill employs parallel research agents to gather relevant information from various sources, including the React source code, existing documentation, and real-world usage patterns. This research is synthesized into a writing plan that outlines the necessary sections, content notes, and navigation changes. The user is then presented with this plan for confirmation before the writing process begins, ensuring that the output aligns with their expectations.\n\nOnce the documentation is drafted, it undergoes a thorough review process to check for structural compliance, voice consistency, and proper usage of components. If any issues are identified, the skill facilitates a feedback loop that allows for corrections and re-evaluation, resulting in polished and reliable documentation that meets the needs of React developers.","primaryCategory","development","subcategory","documentation","secondaryCategories",[],"tags",[56,51,57,58,59],"react","writing","developer-tools","documentation-writer","skillType","workflow","complexity","intermediate","platforms",[66,67,68,69,70,71,72,73,74,75,76,77,78,79,80],"claude-code","claude-desktop","claude-api","codex-cli","cursor","antigravity","github-copilot","windsurf","opencode","cline","roo-code","goose","kiro","continue","trae","delivery","source-link","skillFileUrl","pricing","free","price",0,"thumbnailType","icon","thumbnailIcon","book","thumbnailColor","blue","thumbnailImageUrl","sellerId","gh__reactjs","sellerName","featured","downloads","views","rating","reviewCount","status","active","metrics",{"_107":108,"_109":110,"_111":112,"_113":114,"_115":87,"_116":117,"_118":119,"_120":121,"_122":123,"_124":125,"_126":127,"_128":129,"_130":131,"_132":133,"_134":135},"freshnessScore",100,"mirrorCount",1,"skillCountInRepo",10,"qualityScore",90,"daysSinceUpdate","popularityScore",89,"trustScore",65,"repoOpenIssues",1604,"repoStars",11778,"repoWatchers",218,"repoContributors",2245,"overallScore",86,"repoCreatedAt","2017-10-06T03:16:04Z","repoForks",7925,"repoPushedAt","2026-08-10T17:41:43Z","source",{"_138":26,"_139":140,"_141":142,"_147":148,"_149":150,"_151":-5,"_145":152,"_153":154,"_155":148,"_156":31,"_157":-5,"_158":159,"_160":161,"_162":31,"_163":164,"_165":166},"owner","repoUrl","https://github.com/reactjs/react.dev","author",{"_28":29,"_143":144,"_38":26,"_25":26,"_145":146},"avatarUrl","https://github.com/reactjs.png","type","User","lastSyncedAt","2026-08-11T01:33:58.497Z","repo","react.dev","commitSha","github","branch","main","firstSeenAt","isOfficial","license","path",".claude/skills/write","sourceUpdatedAt","2026-08-10T17:41:43.000Z","redistributable","permalink","https://github.com/reactjs/react.dev/blob/main/.claude/skills/write/SKILL.md","repoFullName","reactjs/react.dev","seo",{"_169":170,"_181":182,"_183":184,"_202":-5,"_203":204,"_210":211,"_212":213,"_214":215,"_216":217},"useCases",[171,175,178],{"_15":172,"_173":174},"Creating New Reference Docs","body","Invoke the skill to add new reference documentation for a React API feature, ensuring comprehensive coverage.",{"_15":176,"_173":177},"Updating Existing Documentation","Use the skill to update existing documentation pages, incorporating new information and clarifying existing content.",{"_15":179,"_173":180},"Generating Learn Guides","Create educational content around React concepts by utilizing the skill to generate structured learn guides.","whenNotToUse","This skill is not suitable for general documentation tasks outside of React or for projects that do not require structured documentation processes.","faqs",[185,190,193,196,199],{"_186":187,"_188":189},"q","What types of documentation can I create with this skill?","a","You can create reference docs, learn guides, and blog posts related to React topics.",{"_186":191,"_188":192},"How does the skill ensure the accuracy of the documentation?","The skill conducts thorough research using multiple agents to gather information from the React source code and existing documentation before writing.",{"_186":194,"_188":195},"Can I use this skill for documentation outside of React?","No, this skill is specifically designed for React documentation tasks and may not be applicable to other frameworks or libraries.",{"_186":197,"_188":198},"What happens if the review finds issues in the documentation?","The skill will present a checklist of issues, allowing you to fix them and re-run the review process until the documentation is clean.",{"_186":200,"_188":201},"Is user confirmation required before writing the documentation?","Yes, the skill requires user confirmation of the writing plan before proceeding with the documentation creation.","ogImageUrl","keywords",[205,206,207,208,209],"react documentation","create react docs","update react documentation","react learn guides","react blog posts","whenToUse","Use this skill when you need to create new documentation pages or update existing ones for React features or concepts.","metaTitle","Documentation Writer for React Projects","problemSolved","This skill removes the complexity and time-consuming nature of writing and updating React documentation.","metaDescription","Efficiently create and update React documentation with the Documentation Writer skill.","content",{"_220":110,"_221":222,"_233":234,"_244":245,"_246":31,"_247":248,"_249":250},"bundledFiles","fileTree",[223,230],{"_158":224,"_225":226,"_145":227,"_228":229},"SKILL.md","size",6326,"file","language","markdown",{"_158":231,"_225":232,"_145":227},"diagrams/write_flow.svg",5565,"codeExamples",[235,239,242],{"_228":236,"_237":238},"text","snippet","/write add optimisticKey → creates new reference docs\n/write update ViewTransition Activity → updates ViewTransition docs to cover Activity\n/write transition learn docs → creates new learn docs for transitions\n/write blog post for React 20 → creates a new blog post",{"_228":240,"_237":241},"dot","digraph write_flow {\n rankdir=TB;\n \"Parse intent\" [shape=box];\n \"Research (parallel)\" [shape=box];\n \"Synthesize plan\" [shape=box];\n \"Write docs\" [shape=box];\n \"Review docs\" [shape=box];\n \"Issues found?\" [shape=diamond];\n \"Done\" [shape=doublecircle];\n\n \"Parse intent\" -> \"Research (parallel)\";\n \"Research (parallel)\" -> \"Synthesize plan\";\n \"Synthesize plan\" -> \"Write docs\";\n \"Write docs\" -> \"Review docs\";\n \"Review docs\" -> \"Issues found?\";\n \"Issues found?\" -> \"Write docs\" [label=\"yes - fix\"];\n \"Issues found?\" -> \"Done\" [label=\"no\"];\n}",{"_228":236,"_237":243},"Invoke the /react-expert skill for . Follow the skill's full workflow:\nsetup the React repo, dispatch all 6 research agents in parallel, synthesize\nresults, and save to .claude/research/.md. Return the full research document.","skillMd","# Documentation Writer\n\nOrchestrates research, writing, and review for React documentation.\n\n## Invocation\n\n```\n/write add optimisticKey → creates new reference docs\n/write update ViewTransition Activity → updates ViewTransition docs to cover Activity\n/write transition learn docs → creates new learn docs for transitions\n/write blog post for React 20 → creates a new blog post\n```\n\n## Workflow\n\n```dot\ndigraph write_flow {\n rankdir=TB;\n \"Parse intent\" [shape=box];\n \"Research (parallel)\" [shape=box];\n \"Synthesize plan\" [shape=box];\n \"Write docs\" [shape=box];\n \"Review docs\" [shape=box];\n \"Issues found?\" [shape=diamond];\n \"Done\" [shape=doublecircle];\n\n \"Parse intent\" -> \"Research (parallel)\";\n \"Research (parallel)\" -> \"Synthesize plan\";\n \"Synthesize plan\" -> \"Write docs\";\n \"Write docs\" -> \"Review docs\";\n \"Review docs\" -> \"Issues found?\";\n \"Issues found?\" -> \"Write docs\" [label=\"yes - fix\"];\n \"Issues found?\" -> \"Done\" [label=\"no\"];\n}\n```\n\n### Step 1: Parse Intent\n\nDetermine from the user's instruction:\n\n| Field | How to determine |\n|-------|------------------|\n| **Action** | \"add\"/\"create\"/\"new\" = new page; \"update\"/\"edit\"/\"with\" = modify existing |\n| **Topic** | The React API or concept (e.g., `optimisticKey`, `ViewTransition`, `transitions`) |\n| **Doc type** | \"reference\" (default for APIs/hooks/components), \"learn\" (for concepts/guides), \"blog\" (for announcements) |\n| **Target file** | For updates: find existing file in `src/content/`. For new: determine path from doc type |\n\nIf the intent is ambiguous, ask the user to clarify before proceeding.\n\n### Step 2: Research (Parallel Agents)\n\nSpawn these agents **in parallel**:\n\n#### Agent 1: React Expert Research\n\nUse a Task agent (subagent_type: `general-purpose`) to invoke `/react-expert `. This researches the React source code, tests, PRs, issues, and type signatures.\n\n**Prompt:**\n```\nInvoke the /react-expert skill for . Follow the skill's full workflow:\nsetup the React repo, dispatch all 6 research agents in parallel, synthesize\nresults, and save to .claude/research/.md. Return the full research document.\n```\n\n#### Agent 2: Existing Docs Audit\n\nUse a Task agent (subagent_type: `Explore`) to find and read existing documentation for the topic.\n\n**Prompt:**\n```\nFind all existing documentation related to in this repo:\n1. Search src/content/ for files mentioning \n2. Read any matching files fully\n3. For updates: identify what sections exist and what's missing\n4. For new pages: identify related pages to understand linking/cross-references\n5. Check src/sidebarLearn.json and src/sidebarReference.json for navigation placement\n\nReturn: list of existing files with summaries, navigation structure, and gaps.\n```\n\n#### Agent 3: Use Case Research\n\nUse a Task agent (subagent_type: `general-purpose`) with web search to find common use cases and patterns.\n\n**Prompt:**\n```\nSearch the web for common use cases and patterns for React's .\nFocus on:\n1. Real-world usage patterns developers actually need\n2. Common mistakes or confusion points\n3. Migration patterns (if replacing an older API)\n4. Framework integration patterns (Next.js, Remix, etc.)\n\nReturn a summary of the top 5-8 use cases with brief code sketches.\nDo NOT search Stack Overflow. Focus on official docs, GitHub discussions,\nand high-quality technical blogs.\n```\n\n### Step 3: Synthesize Writing Plan\n\nAfter all research agents complete, create a writing plan that includes:\n\n1. **Page type** (from docs-writer-reference decision tree or learn/blog type)\n2. **File path** for the new or updated file\n3. **Outline** with section headings matching the appropriate template\n4. **Content notes** for each section, drawn from research:\n - API signature and parameters (from react-expert types)\n - Usage examples (from react-expert tests + use case research)\n - Caveats and pitfalls (from react-expert warnings/errors/issues)\n - Cross-references to related pages (from docs audit)\n5. **Navigation changes** needed (sidebar JSON updates)\n\nPresent this plan to the user and confirm before proceeding.\n\n### Step 4: Write Documentation\n\nDispatch a Task agent (subagent_type: `general-purpose`) to write the documentation.\n\n**The agent prompt MUST include:**\n\n1. The full writing plan from Step 3\n2. An instruction to invoke the appropriate skill:\n - `/docs-writer-reference` for reference pages\n - `/docs-writer-learn` for learn pages\n - `/docs-writer-blog` for blog posts\n3. An instruction to invoke `/docs-components` for MDX component patterns\n4. An instruction to invoke `/docs-sandpack` if adding interactive code examples\n5. The research document content (key findings, not the full dump)\n\n**Prompt template:**\n```\nYou are writing React documentation. Follow these steps:\n\n1. Invoke /docs-writer- to load the page template and conventions\n2. Invoke /docs-components to load MDX component patterns\n3. Invoke /docs-sandpack if you need interactive code examples\n4. Write the documentation following the plan below\n\nPLAN:\n\n\nRESEARCH FINDINGS:\n\n\nWrite the file to: \nAlso update if adding a new page.\n```\n\n### Step 5: Review Documentation\n\nInvoke `/review-docs` on the written files. This dispatches parallel review agents checking:\n- Structure compliance (docs-writer-*)\n- Voice and style (docs-voice)\n- Component usage (docs-components)\n- Sandpack patterns (docs-sandpack)\n\n### Step 6: Fix Issues\n\nIf the review finds issues:\n1. Present the review checklist to the user\n2. Fix the issues identified\n3. Re-run `/review-docs` on the fixed files\n4. Repeat until clean\n\n## Important Rules\n\n- **Always research before writing.** Never write docs from LLM knowledge alone.\n- **Always confirm the plan** with the user before writing.\n- **Always review** with `/review-docs` after writing.\n- **Match existing patterns.** Read neighboring docs to match style and depth.\n- **Update navigation.** New pages need sidebar entries.","skillMdTruncated","frontmatter",{"_38":41,"_44":45},"totalSizeBytes",11891,"runtime",{"_253":31,"_254":31,"_255":-5,"_256":31,"_257":31,"_258":31,"_259":260,"_261":262},"requiresBash","requiresMcp","model","requiresNode","requiresNetwork","requiresPython","allowedTools",[],"dependencies",[],"install",{"_265":266,"_267":268,"_269":270,"_271":272,"_273":274},"cli","npx skills add reactjs/react.dev/write","coordinate","reactjs/react.dev/write","browseUrl","https://github.com/reactjs/react.dev/tree/main/.claude/skills/write","downloadUrl","https://github.com/reactjs/react.dev/archive/refs/heads/main.zip","gitUrl","https://github.com/reactjs/react.dev.git","createdAt","2026-08-11T01:34:02.572Z","updatedAt","2026-08-11T02:42:46.019Z","hasNext","page","actionData","errors"]