重要前提
安装AI Skills的关键前提是:必须科学上网,且开启TUN模式,这一点至关重要,直接决定安装能否顺利完成,在此郑重提醒三遍:科学上网,科学上网,科学上网。查看完整安装教程 →
ui-components by elie222/inbox-zero
npx skills add https://github.com/elie222/inbox-zero --skill ui-componentsnext/image 包处理图片pnpm dlx shadcn@latest add COMPONENT
示例:
pnpm dlx shadcn@latest add progress
对于向服务器发起的 API GET 请求,请使用 swr 包:
const searchParams = useSearchParams();
const page = searchParams.get("page") || "1";
const { data, isLoading, error } = useSWR<PlanHistoryResponse>(
`/api/user/planned/history?page=${page}`
);
使用 LoadingContent 组件来处理加载状态:
广告位招租
在这里展示您的产品或服务
触达数万 AI 开发者,精准高效
<Card>
<LoadingContent loading={isLoading} error={error}>
{data && <MyComponent data={data} />}
</LoadingContent>
</Card>
<Input
type="email"
name="email"
label="邮箱"
registerProps={register("email", { required: true })}
error={errors.email}
/>
<Input
type="text"
autosizeTextarea
rows={3}
name="message"
placeholder="粘贴邮件内容"
registerProps={register("message", { required: true })}
error={errors.message}
/>
每周安装量
60
代码仓库
GitHub 星标数
10.4K
首次出现
2026年2月13日
安全审计
安装于
opencode59
gemini-cli59
github-copilot59
amp59
codex59
kimi-cli59
next/image package for imagespnpm dlx shadcn@latest add COMPONENT
Example:
pnpm dlx shadcn@latest add progress
For API get requests to server use the swr package:
const searchParams = useSearchParams();
const page = searchParams.get("page") || "1";
const { data, isLoading, error } = useSWR<PlanHistoryResponse>(
`/api/user/planned/history?page=${page}`
);
Use the LoadingContent component to handle loading states:
<Card>
<LoadingContent loading={isLoading} error={error}>
{data && <MyComponent data={data} />}
</LoadingContent>
</Card>
<Input
type="email"
name="email"
label="Email"
registerProps={register("email", { required: true })}
error={errors.email}
/>
<Input
type="text"
autosizeTextarea
rows={3}
name="message"
placeholder="Paste in email content"
registerProps={register("message", { required: true })}
error={errors.message}
/>
Weekly Installs
60
Repository
GitHub Stars
10.4K
First Seen
Feb 13, 2026
Security Audits
Gen Agent Trust HubPassSocketPassSnykPass
Installed on
opencode59
gemini-cli59
github-copilot59
amp59
codex59
kimi-cli59
React 组合模式指南:Vercel 组件架构最佳实践,提升代码可维护性
123,700 周安装