Guide React development with component patterns, hooks, and query-language UI translation.
npx skills add https://github.com/aws/graph-explorer --skill react-aws
Please help me install this Agent Skill. Skill: react Source: https://github.com/aws/graph-explorer/tree/main/.kiro/skills/react Command: npx skills add https://github.com/aws/graph-explorer --skill react-aws
This Skill provides guidance on modern React development, focusing on component patterns, hooks, naming conventions, and a unique query-language translation system for Graph Explorer.
Use the react skill to understand how to implement custom hooks following the use prefix naming convention.
High-intent search queries and answers about installing and using this skill.
React component patterns should favor functional components and the context API over prop drilling to ensure single responsibility and efficient state management. This approach enforces modern practices for consistency and maintainability across your frontend.
To implement custom hooks, apply the `use` prefix naming convention to clearly identify hook usage patterns. This standardizes hook integration, ensuring functional components maintain efficient state and logic reuse without class-based overhead.
The UI translation system uses a JSON-based mechanism to dynamically swap labels based on the active graph database query language. It translates UI components contextually for Gremlin, openCypher, or SPARQL environments.
You should use the context API instead of prop drilling when managing state across multiple React components to maintain single responsibility. This avoids deeply nested props and enforces modern, maintainable frontend architecture.
Dynamically translate UI labels by utilizing a JSON-based translation mechanism tailored for Graph Explorer. This system dynamically swaps interface text based on whether Gremlin, openCypher, or SPARQL is the active query engine.
opensage-agentExecute arbitrary Cypher queries against Neo4j graph databases to retrieve structured JSON records.
awsConnect to graph databases and query via Gremlin, openCypher, or SPARQL.
vultisigWrite React Query hooks, mutation hooks, and query state components.
Chai-UnRefactor React components with boolean props into explicit variants and compound components.
