在找 component library 相关工作流吗?这些 agent skills 可协助开发者自动化设置、编程与交付。

Agent Skills Hub

探索可复用的代理技能,查看实现细节,快速找到适合你工作流程的技能。

清除

共找到 17 个技能

工程开发生产力
artifacts-builder avatar

artifacts-builder

一套用于为 Claude.ai 构建复杂多组件 React/Tailwind/shadcn/ui 产物的工具,具备将项目自动打包成单一 HTML 文件的功能。

浏览: 1033,128
工程开发生产力自动化
senior-frontend-engineer-react avatar

senior-frontend-engineer-react

企业级 React CRUD 开发技能,专注于 React 16.14 与 DVA 2.x。提供自动化列表页生成、表单管理与 API 服务层整合。

浏览: 1961#react#dva#typescript#crud
工程开发
livewire-development avatar

livewire-development

开发反应式 Livewire 4 组件,处理 wire 指令、状态管理、实时更新、组件测试,并整合 Flux UI 以构建高性能 Laravel 应用程序。

浏览: 27
工程开发生产力
wednesday-design avatar

wednesday-design

UI/UX 设计助手,为 React/Next.js 项目强制执行组件库使用规范、可访问性与设计标记。确保使用 shadcn/ui、Aceternity 等核准库来保持视觉一致性。

浏览: 21148
工程开发生产力
interface-design avatar

interface-design

为实用型应用程序提供界面设计指引,专注于仪表板、管理面板与数据密集型界面,采用以组件库为先的开发模式。

浏览: 21
自动化工程开发生产力
seer avatar

seer

macOS 视觉自动化工具,提供精确窗口截图、录影、UI 标注、Excalidraw 线框图生成及自动化视觉回归测试。

浏览: 2762
工程开发自动化生产力
awb avatar

awb

为 Claude Code 和 AI 代理提供交互式 UI 组件。创建确认框、清单、输入框、表格和视图,以实现非阻塞式交互与监控。

浏览: 2313
工程开发
build-design-system avatar

build-design-system

使用 Design Graph 方法论构建连贯且基于约束的设计系统。自动化设计令牌、排版比例、组件、变体及主题的创建过程。

浏览: 145
工程开发市场营销
shadcn-vite-iconify-landing-page avatar

shadcn-vite-iconify-landing-page

使用 React、Vite、TypeScript、Tailwind 和 shadcn/ui 构建、审核并迭代高转化率着陆页。专注于转换率优化 (CRO)、首屏结构以及使用 Iconify 图标的高质量界面设计。

浏览: 1587
工程开发生产力
pencil-ui-design avatar

pencil-ui-design

使用 Pencil MCP 进行工业级 UI 设计的完整工作流与组件库,包含颜色、字体、间距与阴影的标准化设计规范。

浏览: 3778
工程开发生产力
nuxt-ui-v4 avatar

nuxt-ui-v4

Nuxt UI v4 生产级组件库,包含 125+ 个可访问组件、Tailwind CSS v4、Reka UI,以及专为仪表板、AI 对话和编辑器设计的专业布局。

浏览: 22128
工程开发生产力
mintlify avatar

mintlify

维护 Mintlify 文档网站:配置导航栏、管理 MDX 内容、添加组件以及处理 API 参考文档。

浏览: 189,494

常见问题

component library 的 AI Agent 技能是什么?
它们是可重用的指令与工具包,帮助 AI coding agent 更稳定地完成与 component library 相关的任务。
如何从此页安装技能?
打开技能详情页,依照安装指引操作,或使用 Mentalok Skill Manager 将技能同步到你的 agent 环境。
这跟 Skills Hub 搜索一样吗?
此页是 component library 的专属落地页。互动式语义搜索在 Skills Hub 主搜索框。