claude-directory

复制即用的 AI 生成界面组件，快速搭出炫酷落地页

claude-directory 是一个开源的 AI 界面组件库，收录了大量由 Claude（Fable 5）生成的前端界面素材，涵盖 hero 区块、GLSL 着色器、设计系统、动画、3D 组件和落地页，技术栈以 React、Tailwind CSS 和 Three.js 为主。它解决的核心问题是：开发者在做 AI 产品或创意网站时，往往需要从零手写视觉效果和动效，耗时且门槛高。该项目把这些可直接复用的界面模块整理成目录，方便接入 AI agent 或手动复制到项目中，从而加快原型和上线速度。核心能力包括：丰富的视觉组件分类、现代前端技术栈适配、以及面向 AI 工作流的即插即用设计。整体定位偏设计创意与快速搭建，适合需要高视觉表现力的前端场景。

开源 free 设计创意

访问官网 ↗ GitHub ↗ 文档 ↗

GitHub 星标 ★ 577

维护状态活跃

是否开源是

定价模式 free

项目预览

项目数据

分类设计创意

开发团队pulkitxm

所属国家

官网地址https://pulkit.page/claude-directory

GitHubhttps://github.com/pulkitxm/claude-directory

定价模式free

价格说明开源免费，可在线浏览使用

访问状态

是否开源是

开源协议MIT

主要语言HTML

技术栈/模型ai-generated,anthropic,claude,claude-ai,design-system,frontend,generative-ui,glsl-shaders,hero-section,landing-page,react,tailwindcss,templates,threejs,ui-components,ui-design,vibe-coding,webgl

GitHub 星标★ 577

30天Star增速

HF 下载量

上线时间2026-06-10 00:00:00

代码更新—

仓库体积—

本站数据更新—

维护状态活跃

中文支持

访问方式

移动端支持

综合评分

收录时间2026-10-08

浏览次数0

Star 增长趋势

本站每日记录该项目 GitHub 星标变化，观测越久曲线越完整

正在加载星标数据…

技术标签

使用教程

—

核心亮点

组件覆盖 hero、GLSL 着色器、3D 和动画，视觉表现力强
基于 React、Tailwind 和 Three.js，主流技术栈易集成
面向 AI agent 工作流设计，可直接喂给编码助手复用

不足之处

以 HTML 为主，组件抽象和工程化程度可能有限
早期项目，文档和长期维护节奏待观察

适用场景

快速搭建 AI 产品官网的 hero 区块
为创意项目添加 GLSL 着色器背景和 3D 动效
给 AI 编码助手提供可复用的界面组件参考

替代项目

shadcn/ui、Magic UI

项目介绍

claude-directory 是设计创意领域的开源项目，由 pulkitxm 开发，是 2026 年新上线的项目。

它收录于设计创意分类，该分类目前共有 192 个项目，GitHub 星标数为 577。

项目目前处于活跃维护状态，最近一次代码更新于 2026-10-05。开源免费，可在线浏览使用。

它主要面向的使用场景是：快速搭建AI产品官网的hero区块。同类可对比的替代方案包括 shadcn/ui、Magic UI。

上一篇：melta-ui

下一篇：没有了！