fluxui-docs-skill
为AI编码助手提供Flux UI组件库的官方文档查询能力。
安装使用
复制下面这段提示词发给你的 AI(Claude / Cursor / TRAE / Codex / WorkBuddy 等),它会自动帮你完成安装:
帮我安装这个 AI Skill:fluxui-docs-skill。 它的用途是:为AI编码助手提供Flux UI组件库的官方文档查询能力。 完整的 Skill 内容见:https://321skill.com/skills/fluxui-docs-skill/raw/index.md 请读取该页面内容,如果是 SKILL.md 格式直接安装,如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接,AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
“我想在Livewire项目里使用Flux UI的Modal组件,应该怎么引入和配置?” 它会调用Skill中的Modal组件文档,为你提供详细的导入方式、可用属性列表以及一个基础的使用代码示例。或者问:“Flux UI的DataTable组件支持分页吗?” AI会直接返回该组件关于分页功能的说明和相关的属性配置。
介绍
这个Skill为AI编码助手(如Claude Code)接入了Flux UI的官方文档。Flux UI是一个基于Livewire的组件库,常用于Laravel生态的前端开发。该Skill将完整的组件文档、属性说明和代码示例封装为AI可查询的知识库,让开发者在编写代码时能快速获取准确的组件用法,无需手动翻阅文档。
使用时,只需在AI对话中提及Flux UI相关组件或问题,AI便会自动调用Skill内的文档信息进行回答,提供包括组件属性、使用示例在内的详细指导。安装过程简单,通过一行npx命令即可完成。
它非常适合使用Laravel Livewire和Flux UI进行项目开发的前端或全栈开发者。无论是搭建新页面、调试现有组件,还是探索高级功能,都能通过AI快速获得上下文相关的帮助。
建议开发者根据项目需求选择免费版或Pro版Skill。由于文档内容基于Flux UI官方,信息准确且更新及时,是提升Livewire开发效率的实用工具。
核心特点
这是官方授权的Flux UI文档Skill,提供最准确、最完整的组件API和示例,且专门区分了免费组件和付费Pro组件两个版本,满足不同授权用户的需求。
注意事项
该Skill仅提供Flux UI的文档查询,不包含其他UI库或框架的文档,也不具备代码生成或项目脚手架搭建等超出文档范围的功能。
常见问题
Flux UI Docs Skill 免费版和Pro版有什么区别?
免费版仅包含27个免费组件的文档,Pro版则额外包含17个付费Pro组件的文档,总计44个组件。
这个Skill支持哪些AI助手?
它兼容所有支持Agent Skills协议的编码助手,如Claude Code,以及任何其他可以安装和使用Skill的AI代理。
给 AI 助手的安装指引
如果你的 AI 编程助手(Claude Code、Cursor、TRAE 等)能看到这个页面,把下面这段发给它即可自动完成安装:
请访问 https://321skill.com/skills/fluxui-docs-skill/raw/index.md 读取 fluxui-docs-skill 的原始 Skill 定义(Markdown 格式),按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址:/skills/fluxui-docs-skill/raw/index.md(查看排版版本)