Canva Engineering Practices
CommunityBuild better software, faster.
Software Engineering#best practices#performance#accessibility#software development#engineering practices#component development#canva
Authorashishgurprit
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill provides a comprehensive guide to the engineering best practices employed at Canva, focusing on principles that enable efficient, scalable, and high-quality software development.
Core Features & Use Cases
- Design-First Development: Emphasizes validating user needs and design before writing code.
- Component-Driven Development: Promotes building reusable and composable UI components.
- Performance Optimization: Details strategies for optimizing images, bundles, and rendering for large-scale applications.
- Internationalization (i18n): Covers best practices for supporting multiple languages and locales.
- Accessibility (a11y): Highlights techniques for creating inclusive user experiences.
- Collaboration Features: Explains patterns for real-time collaborative editing.
- Feature Flags & Observability: Discusses safe rollouts and robust monitoring.
Quick Start
Review the core principles of Canva's engineering practices to improve your development workflow.
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: Canva Engineering Practices Download link: https://github.com/ashishgurprit/ANLP_A3/archive/main.zip#canva-engineering-practices 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.