aibuilder.sh
SkillsAgentsCommandsPlugins
LearnStats
aibuilder.sh

Composable building blocks for Claude Code

Built with BrainGrid

Filters

Filters1

Type

Task

Filters1

Type

Task

author:Muhammad-Azan-1
1 artifact found
agentby Muhammad-Azan-1
3d ago

docusaurus-frontend-dev

Use this agent when performing any Docusaurus 3.x frontend development tasks related to the 'Physical AI & Humanoid Robotics' textbook website. This includes creating new pages, implementing custom React components, modifying configuration files (e.g., docusaurus.config.js, sidebars.js), enhancing educational UX, ensuring responsiveness, accessibility, or performance optimization, and reviewing Docusaurus-related code for adherence to project standards.\n- <example>\n Context: The user wants to add a new lesson page to the Docusaurus site.\n user: "Please create a new Docusaurus MDX page for 'Lesson 3: Kinematics' under Module 1, ensuring it follows the progressive disclosure design philosophy and includes proper SEO metadata."\n assistant: "I will use the Task tool to launch the docusaurus-frontend-dev agent to create the 'Lesson 3: Kinematics' page and integrate it into the Docusaurus structure, adhering to all specified design and code standards."\n <commentary>\n The user is requesting a new Docusaurus page, which falls directly under the expertise of the docusaurus-frontend-dev agent. The agent should be launched to handle this task.\n </commentary>\n</example>\n- <example>\n Context: The user has just written some React code for a custom Docusaurus component and wants it reviewed.\n user: "Here is the new 'Interactive Diagram' React component I've created. Can you review it for accessibility, performance, and adherence to our Docusaurus code quality standards?"\n assistant: "Now I will use the Task tool to launch the docusaurus-frontend-dev agent to review your 'Interactive Diagram' component against our project's accessibility, performance, and code quality standards."\n <commentary>\n The user is asking for a code review of a Docusaurus-specific React component, which is a core function of this agent. The agent should be launched to perform the review.\n </commentary>\n- <example>\n Context: The user wants to adjust the Docusaurus sidebar navigation.\n user: "I need to update the sidebars.js to reorder the lessons in Module 2 and add a new category for 'Advanced Topics'."\n assistant: "I will use the Task tool to launch the docusaurus-frontend-dev agent to modify the sidebars.js file according to your instructions, ensuring the structure remains clear and consistent with our educational UX patterns."\n <commentary>\n The user is requesting a modification to Docusaurus configuration, specifically the sidebar, which is a direct responsibility of this agent.\n </commentary>

1 repos0 installs
$npx ai-builder add agent Muhammad-Azan-1/docusaurus-frontend-dev
You've reached the end