smart-web-components-usage提供 @ht-smart/basic 组件库中所有组件的使用指导和 API 参考。当用户询问如何使用、如何配置或如何集成 HtProTable、HtProTree、HtForm、HtModal、HtDrawer、HtDict、HtCard、HtCascader、HtSelect、HtSearchForm、HtLi...
Install via ClawdBot CLI:
clawdbot install xiaowenqiang123/smart-web-components-usageGrade Fair — based on market validation, documentation quality, package completeness, maintenance status, and authenticity signals.
Generated May 11, 2026
使用HtProTable搭配HtSearchForm，开发者只需配置列定义和请求接口即可生成包含搜索、分页、排序、列设置的标准表格页面。HtForm及其变体（HtModalForm、HtDrawerForm）可快速嵌入新增/编辑弹窗或抽屉表单，显著提升CRUD功能开发效率。
通过HtProRegionTree内置的行政区划接口，或使用HtProTree配合nodeExtensions实现树节点的增删改查操作，适用于组织架构、分类目录、区域选择等场景。组件支持懒加载、搜索和拖拽排序，简化复杂树形交互的开发。
利用HtFileUpload实现大文件切片上传、断点续传，适用于视频、图纸等大文件场景。HtFilePreview通过fileId获取并预览文件，支持图片、PDF、视频等多种格式，方便用户在线查看。
HtDevicePlayer组件集成摄像头等设备实时播放功能，支持多种协议，可用于安防监控、远程巡检等场景。结合HtLayout快速搭建中台布局，实现监控中心页面。
HtDict组件集合提供从字典数据请求到展示的一站式方案。通过HtDictContext配置请求实例，页面中使用HtDictText、HtDictSelect等组件自动拉取字典并渲染，支持状态标签、下拉选择等，确保字典数据一致性和前端展示标准化。
提供企业级组件库授权，客户可获取全部源码和API文档，并可定制主题和部分组件逻辑，适合有自研中台需求的企业。
为使用该组件库的团队提供技术咨询、代码评审和培训服务，帮助客户快速上手并最佳实践集成，提升开发效率。
组件库开源免费，但提供付费的商业支持、优先问题修复和企业级文档，吸引大量开发者使用并转化为付费客户。
💬 Integration Tip
使用前请确保已安装依赖 @ht-smart/basic 并配置 antd 5.x 及 React 18 环境。建议先按照 Skill 内文档初始化字典配置和布局，再逐步引入核心组件。
Scored May 11, 2026
Implements UI from design mockups (Figma, Sketch, or image) with pixel-accurate layout, responsive behavior, and design tokens. Use when 还原设计图, implementing...
Senior product designer methodology ensuring thorough user research, structured architecture, accessible color and typography systems, and pixel-perfect UI e...
Complete Motion.dev documentation - modern animation library for React, JavaScript, and Vue (formerly Framer Motion)
Translate Figma nodes into production-ready code with 1:1 visual fidelity using the Figma MCP workflow (design context, screenshots, assets, and project-conv...
Shared design system for yuanfang-skills. Provides token CSS variables, 12+ themes, and reusable layout-type HTML blocks. Used by yuanfang-html-image (and fu...
Use when building, reviewing, or improving frontend UI that needs product-specific design direction, design-system generation, Master/Page overrides, distinc...