用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
直接命令不会经过审查 Prompt；运行前请先检查来源。
npx skills add https://github.com/Garcia-Ventures/gvtech-design --skill use-ui-web命令会保持在同一行。复制前请横向滚动并检查完整内容。
想先保存到本地？可下载 SkillsMP 当前能够提供的文件。
Complete 6-step end-to-end setup guide for @gv-tech/ui-native, NativeWind v5 preview, Metro, Babel, and TypeScript in React Native and Expo projects.
Step-by-step setup guide for integrating @gv-tech/ui-web and Tailwind CSS v4 in web applications.
Component usage patterns, layout rules, and NativeWind v5 practices for @gv-tech/ui-native in React Native and Expo apps.
正在显示 SKILL.md
| name | use-ui-web |
| description | Component usage patterns and best practices for @gv-tech/ui-web in Web applications. |
Use this skill when implementing or using @gv-tech/ui-web components in web applications.
@gv-tech/ui-web.@gv-tech/ui-core.className. All components merge class names via cn().bg-background, text-foreground, bg-card, text-card-foreground, bg-primary, border-border, bg-muted).import { Card, CardHeader, CardTitle, CardDescription, CardContent, Button } from '@gv-tech/ui-web';
export function UserCard() {
return (
<Card className="max-w-md">
<CardHeader>
<CardTitle>Account Overview</CardTitle>
<CardDescription>Manage your profile and settings.</CardDescription>
</CardHeader>
<CardContent className="space-y-4">
<p className="text-sm text-muted-foreground">Your account is active. Explore design system components.</p>
<Button variant="default">View Profile</Button>
</CardContent>
</Card>
);
}