references

Provide offline React component development references covering patterns, accessibility, and Storybook.

7|Updated Mar 11, 2026
One-click install
npx skills add https://github.com/kaelig/react-craft --skill references
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: references
Source: https://github.com/kaelig/react-craft/tree/main/react-craft/skills/references
Command: npx skills add https://github.com/kaelig/react-craft --skill references

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Provides essential offline reference material for React component development, ensuring productivity even when network access is limited or slow.

Core Features & Use Cases

  • Comprehensive Reference: Covers React patterns, accessibility (WCAG), Storybook, responsive design, motion, and component API best practices.
  • On-Demand Loading: Agents load only the specific reference needed for their task, optimizing performance.
  • Offline Fallback: Acts as a reliable backup when live documentation or network resources are unavailable.
  • Use Case: An agent needs to ensure a new component is accessible. It loads the 'Accessibility' reference to check WCAG guidelines and ARIA patterns without needing an internet connection.

Quick Start

Load the accessibility reference to review WCAG 2.2 AA guidelines for component development.

Frequently Asked Questions about references

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I check React component accessibility guidelines without an internet connection?

To check React component accessibility offline, you can load a bundled reference containing WCAG 2.2 AA guidelines and ARIA patterns. This allows agents to verify component accessibility without needing an internet connection.

What is the best way to build accessible React components when network access is limited?

The best way to build accessible React components offline is using an on-demand reference knowledge base. Agents load specific references containing accessibility guidelines and component API best practices to maintain productivity.

Does this offline React reference cover Storybook and responsive component design?

Yes, the offline React reference covers Storybook and responsive component design. It serves as a comprehensive reference for React patterns, motion, and component API design, ensuring developers have access to essential documentation.

How do agents load specific React development references on demand?

Agents load specific React development references on demand by retrieving curated component information from a bundled knowledge base. This optimizes performance by fetching only the necessary reference for the task at hand.

When do I need an offline fallback for React component development documentation?

You need an offline fallback for React component development when network connectivity is unavailable or slow. It acts as a reliable backup, providing curated information on React patterns, accessibility, and Storybook.

Can I use this reference to look up WCAG guidelines for component API design?

Yes, you can use this reference to look up WCAG guidelines for component API design. The bundled knowledge base provides essential information on accessibility, component API best practices, and responsive design for React development.