overleaf-frontend-patterns
CommunityFrontend patterns for Overleaf CE.
Software Engineering#typescript#architecture#react#frontend-patterns#testing-patterns#module-system#overleaf
AuthorGoBeromsu
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Frontend teams at Overleaf CE often struggle with inconsistent architecture, scattered conventions, and onboarding friction when building UI components, leading to slower development and harder maintenance.
Core Features & Use Cases
- Standardized directory structure and naming conventions for Overleaf CE frontend modules (services/web/frontend/js, modules/*/frontend/js).
- Clear guidance on import path aliases, contexts/providers, and module integration within the ide-react pattern.
- Patterns for React components, hooks, CSS variables, i18n, testing, and a Docker-based development workflow.
Quick Start
Follow the guide to scaffold a new Overleaf frontend module and ensure it mirrors the architecture and patterns described.
Dependency Matrix
Required Modules
None requiredComponents
references
💻 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: overleaf-frontend-patterns Download link: https://github.com/GoBeromsu/My-Awesome-RA/archive/main.zip#overleaf-frontend-patterns 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 223,000+ vetted skills library on demand.