library-sop
CommunitySafe, verified imports for motadata-react-library.
Software Engineering#frontend#import-rules#css-setup#verify-exports#motadata-react-library#tailwind-preset#library-sop
AuthorPremModhaOfficial
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This SOP ensures that AI agents verify exports against the actual library surface before generating imports, preventing invalid code and runtime failures.
Core Features & Use Cases
- Mandatory Export Verification Process: read dist/index.d.ts (or lib/motadata-react-library/src/index.ts) to enumerate exports from that file and verify intended imports exist.
- Import Rules and Best Practices: only import from the package root, no deep imports; use type-only imports when appropriate; ensure CSS import uses dist paths.
- Tailwind Preset and Build Guidance: ensure tailwind.config.ts uses library's preset to maintain semantic tokens and styles.
- Form Patterns and Naming Awareness: adhere to correct exports like Form, FormField, FormControl, FormLabel, FormMessage; avoid non-existent items like FormItem.
- Build, Docker, and Dependency Guards: avoid transitive dependencies and follow Docker build steps such as ignore-scripts and copying library.
Quick Start
Read and apply this SOP before importing motadata-react-library to verify exports and enforce safe usage.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: library-sop Download link: https://github.com/PremModhaOfficial/motadata-ai-pipeline/archive/main.zip#library-sop Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.