with one click
mui-material
// Material-UI (MUI) is a comprehensive React component library implementing Google's Material Design system. It provides 50+ production-ready components with built-in accessibility, responsive design, a
// Material-UI (MUI) is a comprehensive React component library implementing Google's Material Design system. It provides 50+ production-ready components with built-in accessibility, responsive design, a
[HINT] Download the complete skill directory including SKILL.md and all related files
| id | SKL-mui-MUIMATERIAL |
| name | Mui Material |
| description | Material-UI (MUI) is a comprehensive React component library implementing Google's Material Design system. It provides 50+ production-ready components with built-in accessibility, responsive design, a |
| version | 1.0.0 |
| status | active |
| owner | @cerebra-team |
| last_updated | 2026-02-22 |
| category | Backend |
| tags | ["api","backend","server","database"] |
| stack | ["Python","Node.js","REST API","GraphQL"] |
| difficulty | Intermediate |
(Select at least one profile to enable specific modules)
Material-UI (MUI) is a comprehensive React component library implementing Google's Material Design system. It provides 50+ production-ready components with built-in accessibility, responsive design, and TypeScript support. MUI uses Emotion for CSS-in-JS and includes a powerful theming system for managing design tokens and styling, making it ideal for enterprise applications requiring consistency and scalability.
# Example implementation following best practices
def example_function():
# Your implementation here
pass
.env.example keys: API_KEY, DATABASE_URL (no values)| Type | Focus Area | Required Scenarios / Mocks |
|---|---|---|
| Unit | Core Logic | Must cover primary logic and at least 3 edge/error cases. Target minimum 80% coverage |
| Integration | DB / API | All external API calls or database connections must be mocked during unit tests |
| E2E | User Journey | Critical user flows to test |
| Performance | Latency / Load | Benchmark requirements |
| Security | Vuln / Auth | SAST/DAST or dependency audit |
| Frontend | UX / A11y | Accessibility checklist (WCAG), Performance Budget (Lighthouse score) |
request_iderror_rate, latency, queue_depth(ข้อกำหนดสำหรับ AI Agent ในการคิดและแก้ปัญหาเมื่อเกิดข้อผิดพลาด)