npx skills add https://github.com/pproenca/dot-skills --skill mui-base遵循 MUI Base UI 模式构建无样式 React 组件库的全面风格指南。包含 5 个类别共 48 条规则,按影响优先级排序。
在以下情况下参考本指南:
| 优先级 | 类别 | 影响 | 前缀 |
|---|---|---|---|
| 1 | 组件模式 | 关键 | comp- |
| 2 | 命名约定 | 高 | name- |
| 3 | 组织结构 | 高 |
广告位招租
在这里展示您的产品或服务
触达数万 AI 开发者,精准高效
org-| 4 | 错误处理 | 高 | err- |
| 5 | 风格 | 中 | style- |
comp-forward-ref-named - 使用具名函数的 forwardRefcomp-props-parameter-naming - 将 Props 参数命名为 componentPropscomp-use-render-element - 使用 useRenderElement 进行 DOM 渲染comp-context-undefined-default - 使用 Undefined 默认值创建 Contextcomp-context-error-message - 包含层次结构的 Context 错误消息comp-use-controlled - 使用 useControlled Hook 实现双模式comp-state-memoization - 记忆化状态对象comp-context-value-memo - 记忆化 Context Provider 值comp-plain-function-root - 对非 DOM 根元素使用纯函数comp-hook-namespace-exports - Hook 命名空间导出comp-props-destructure-order - Props 解构顺序comp-use-client-directive - 添加 use client 指令name-component-naming - 组件命名为 ParentPartname-file-matches-export - 文件名匹配主要导出name-directory-kebab-case - 目录命名使用 kebab-casename-part-directory-lowercase - 部件目录命名使用小写name-context-suffix - 带后缀的 Context 命名name-context-hook - Context Hook 命名为 useComponentContextname-props-interface - Props 接口命名为 ComponentPropsname-state-interface - State 接口命名为 ComponentStatename-namespace-type-exports - 命名空间类型导出name-event-type - 事件类型命名约定name-constants - 常量命名使用 SCREAMING_SNAKE_CASEname-data-attributes - 数据属性命名使用小写name-hooks - Hook 命名使用 use 前缀name-refs - Ref 变量命名使用后缀name-handlers - 处理器命名约定org-component-directory - 组件目录结构org-dual-barrel-exports - 双桶导出模式org-test-colocation - 测试文件共置org-context-placement - Context 文件放置org-data-attributes-file - 数据属性文档文件org-state-attributes-mapping - 状态属性映射文件org-css-vars-file - CSS 变量文档文件org-package-exports - 包级通配符导出err-dev-only-warnings - 仅开发环境警告err-deduplicated-warnings - 去重警告消息err-message-prefix - 消息前缀标准err-context-error-guidance - Context 错误指导err-prop-validation-timing - Props 验证时机err-cancelable-events - 可取消事件模式err-event-reason-constants - 事件原因常量err-typed-event-reasons - 类型安全的事件原因style-react-import - React 导入为命名空间style-internal-imports - 内部导入路径style-explicit-undefined - Props 类型中显式的 Undefinedstyle-default-values - 解构中的默认值style-jsdoc-documentation - JSDoc 文档阅读单独的参考文件以获取详细解释和代码示例:
提取自 MUI Base UI 代码库,日期:2026-01-17。
查看包含所有规则详细说明的完整指南:AGENTS.md
每周安装量
105
代码仓库
GitHub 星标数
88
首次出现
2026年1月22日
安全审计
安装于
codex93
gemini-cli91
opencode89
github-copilot85
cursor81
claude-code81
Comprehensive style guide for building headless React component libraries following MUI Base UI patterns. Contains 48 rules across 5 categories, prioritized by impact.
Reference these guidelines when:
| Priority | Category | Impact | Prefix |
|---|---|---|---|
| 1 | Component Patterns | CRITICAL | comp- |
| 2 | Naming Conventions | HIGH | name- |
| 3 | Organization | HIGH | org- |
| 4 | Error Handling | HIGH | err- |
| 5 | Style | MEDIUM | style- |
comp-forward-ref-named - Use forwardRef with Named Functioncomp-props-parameter-naming - Name Props Parameter componentPropscomp-use-render-element - Use useRenderElement for DOM Renderingcomp-context-undefined-default - Create Context with Undefined Defaultcomp-context-error-message - Context Error Messages with Hierarchycomp-use-controlled - Use useControlled Hook for Dual Modescomp-state-memoization - Memoize State Objectscomp-context-value-memo - Memoize Context Provider Valuescomp-plain-function-root - Plain Function for Non-DOM Rootsname-component-naming - Component Naming as ParentPartname-file-matches-export - File Name Matches Primary Exportname-directory-kebab-case - Directory Naming kebab-casename-part-directory-lowercase - Part Directory Naming lowercasename-context-suffix - Context Naming with Suffixname-context-hook - Context Hook as useComponentContextname-props-interface - Props Interface as ComponentPropsname-state-interface - State Interface as ComponentStatename-namespace-type-exports - Namespace Type Exportsorg-component-directory - Component Directory Structureorg-dual-barrel-exports - Dual Barrel Export Patternorg-test-colocation - Test File Colocationorg-context-placement - Context File Placementorg-data-attributes-file - Data Attributes Documentation Fileorg-state-attributes-mapping - State Attributes Mapping Fileorg-css-vars-file - CSS Variables Documentation Fileorg-package-exports - Package-Level Wildcard Exportserr-dev-only-warnings - Development-Only Warningserr-deduplicated-warnings - Deduplicated Warning Messageserr-message-prefix - Message Prefix Standarderr-context-error-guidance - Context Error Guidanceerr-prop-validation-timing - Prop Validation Timingerr-cancelable-events - Cancelable Event Patternerr-event-reason-constants - Event Reason Constantserr-typed-event-reasons - Type-Safe Event Reasonsstyle-react-import - React Import as Namespacestyle-internal-imports - Internal Import Pathsstyle-explicit-undefined - Explicit Undefined in Prop Typesstyle-default-values - Default Values in Destructuringstyle-jsdoc-documentation - JSDoc DocumentationRead individual reference files for detailed explanations and code examples:
Extracted from MUI Base UI codebase on 2026-01-17.
For the complete guide with all rules expanded: AGENTS.md
Weekly Installs
105
Repository
GitHub Stars
88
First Seen
Jan 22, 2026
Security Audits
Gen Agent Trust HubPassSocketPassSnykPass
Installed on
codex93
gemini-cli91
opencode89
github-copilot85
cursor81
claude-code81
TanStack Query v5 完全指南:React 数据管理、乐观更新、离线支持
2,500 周安装
E2E测试模式指南:Playwright实战与最佳实践,构建可靠自动化测试套件
11,600 周安装
Next.js App Router 模式指南:服务器组件、并行路由与全栈开发实战
11,900 周安装
Gmail 收件箱快速处理工具 - gws-gmail-triage 命令使用指南 | Google Workspace CLI
12,100 周安装
GWS Gmail 发送邮件命令:通过命令行快速发送Gmail邮件(支持附件、HTML、草稿)
12,100 周安装
Slack自动化指南:使用Vercel Labs Agent-Browser检查消息、提取数据与任务自动化
12,200 周安装
Tavily AI 搜索技能:为 LLM 优化的网络搜索 API,支持高级过滤与 OAuth 认证
11,900 周安装
comp-hook-namespace-exports - Hook Namespace Exportscomp-props-destructure-order - Props Destructuring Ordercomp-use-client-directive - Add use client Directivename-event-type - Event Type Naming Conventionname-constants - Constant Naming SCREAMING_SNAKE_CASEname-data-attributes - Data Attribute Naming lowercasename-hooks - Hook Naming with use Prefixname-refs - Ref Variable Naming with Suffixname-handlers - Handler Naming Convention