npx claudepluginhub lighthouse-strategy/claude-code-starterThis skill uses the workspace's default tool permissions.
帮用户快速生成一个即用的 UI 组件。
Searches, retrieves, and installs Agent Skills from prompts.chat registry using MCP tools like search_skills and get_skill. Activates for finding skills, browsing catalogs, or extending Claude.
Searches prompts.chat for AI prompt templates by keyword or category, retrieves by ID with variable handling, and improves prompts via AI. Use for discovering or enhancing prompts.
Guides agent creation for Claude Code plugins with file templates, frontmatter specs (name, description, model), triggering examples, system prompts, and best practices.
帮用户快速生成一个即用的 UI 组件。
如果用户已经说了想要什么,直接开始。
如果没有,展示常用组件列表:
你想生成什么组件?常见的有:
- 导航栏(Navbar)
- 登录/注册表单
- 定价页(Pricing)
- 卡片列表(Cards)
- 页脚(Footer)
- 数据表格(Table)
- 弹窗/对话框(Modal)
- 侧边栏(Sidebar)
- 搜索框(Search)
- 通知栏(Notification)
- 上传区域(Upload)
- 评论区(Comments)
也可以直接描述你想要的。
查看项目中使用的前端框架和 UI 库:
同时观察项目已有组件的代码风格,保持一致。
生成的组件必须:
生成后告诉用户组件放在了哪里,以及如何使用。
询问是否需要调整:
组件已生成。需要调整样式、布局或功能吗?