SuperAPI AI 工具集

component-architecture

通用与其它

查看项目

更新于 10-15 20:10

技能介绍

用途:为 React/Next.js 项目提供可复用的组件模式,覆盖卡片、页面区块、表单与布局,帮助在新建组件时保持一致的 props 接口与组合策略。

主要能力:给出 components 目录划分建议,包括 ui(shadcn/ui 基础组件)、layout(页头页脚与移动导航)、sections(首页区块)、cards(可复用卡片)、forms(表单)、shared(Container、SectionHeader、CTAButton、Breadcrumbs 等工具组件)与 seo(JsonLd 等)。提供 ServiceCard、ServicesPreview、Container、SectionHeader、CTAButton、EmptyState 等组件模板,并演示复合组件(如 PricingCard.Header、PricingCard.Features)的组合方式。

使用方式:按目录结构组织组件;组件通过 props 接收数据与 locale,区块组件可异步获取翻译与数据后渲染卡片网格;共享组件用 className 与 size/variant 控制样式;复合组件通过子组件挂载实现灵活组合。

适用场景:需要统一组件规范、复用卡片与区块、支持多语言(locale)与 SEO 的 Next.js 站点。

限制:资料未提供安装命令、依赖版本、收费与平台信息;示例依赖 shadcn/ui、lucide-react、next-intl 等,具体配置暂未提供。