shadcn-ui
专家指导如何使用shadcn/ui组件集成和构建应用程序,包括组件发现、安装、自定义以及最佳实践。
把 Skill 的源码、资源快照、README、包体和安装信号放进一个可搜索、可筛选的公开目录。
专家指导如何使用shadcn/ui组件集成和构建应用程序,包括组件发现、安装、自定义以及最佳实践。
专家指导如何使用shadcn/ui组件集成和构建应用程序,包括组件发现、安装、自定义以及最佳实践。
通过MCP服务器访问shadcn/ui v4组件库。跨React、Svelte、Vue和React Native框架查询组件、块、演示和元数据。用于生产就绪的、可访问的组件基础。
在构建Shopify主题、应用、自定义店面或电子商务解决方案时使用。调用以进行Liquid模板制作、店面API、应用程序开发、结账定制、Shopify Plus功能。
指导使用Tauri 2、TypeScript、React和Rust开发跨平台桌面应用程序。在构建Tauri应用程序、实现IPC、设计Rust后端或TypeScript/React前端、研究或克隆网站(打开站点,快照元素)、验证浏览器中的本地开发或构建的前端、或者当用户提到Tauri、Tauri 2、Rust后端、React前端、桌面应用架构、调用/命令、跨平台、调研网站、验证效果、agent-br…
>
使用Apple的TipKit框架实现、审查或改进应用内提示和引导。在添加功能发现工具提示、引导流程、上下文提示、首次运行体验、教练标记,或与Tip协议、TipView、popoverTip、提示规则、提示事件或功能教育UI工作时使用。
将 HAR(HTTP Archive)文件转换为 Vue 源代码。支持批量转换网络请求为 Vue 组件、API 调用或页面数据结构,用于复刻网站或快速生成基于现有 API 的 Vue 应用。当 Claude 需要处理 HAR 文件以:(1)从浏览器抓包数据生成 Vue 代码,(2)批量转换多个请求为 API 服务,(3)复刻现有网站的 Vue 技术栈实现,(4)生成带有数据绑定的组件模板时使用。
在现有项目中集成和自定义shadcn/ui组件。当用户要求设置、添加、调整或排查shadcn/ui组件、注册项和实现模式时使用。
使用TanStack Start、React、Tailwind CSS v4和shadcn/ui在基础工具栈之上启动一个新的Web项目。每当创建Web应用程序、设置前端项目、启动React应用程序或初始化涉及TanStack Start、TanStack Router、TanStack Query、Tailwind、shadcn或Vite的任何内容时,请参考此技能。
将Shadowrun赛博朋克美学应用于UI组件。在构建角色表、创建卡片、装备面板、模态对话框或任何SR主题的界面元素时使用。结合系统化的工艺原则与第六世界的独特视觉语言。
当用户请求“构建前端”、“创建着陆页”、“添加shadcn组件”、“安装shadcn块”、“设置shadcn”、“添加英雄部分”、“添加价格部分”、“使用Tailwind构建UI”、“使用shadcnblocks”、“添加UI块”、“添加联系表单”、“构建仪表板”、“创建电商页面”、“添加导航栏”、“添加页脚”,或是在构建任何可以利用shadcn/ui组件和Tailwind CSS的前端时,应该使…
前端开发专家,涵盖React 19、Next.js 16、Vue 3.5以及现代UI/UX模式和组件架构。适用于构建网页界面、实现组件、优化前端性能或集成状态管理时使用。
用户研究、可用性启发式、用户心理、可访问性、包容性设计、用户测试和用户体验指标
使用堆栈、网格、列表、滚动视图、表单和控件构建SwiftUI布局。涵盖VStack/HStack/ZStack、LazyVGrid/LazyHGrid、带分段和滑动操作的List、带ScrollViewReader的ScrollView、带验证的Form、Toggle/Picker/Slider、.searchable以及覆盖模式。在构建数据驱动布局、集合视图、设置屏幕、搜索界面或临时覆盖UI时使…
专业数据可视化专家,精通现代图表库、仪表板设计和交互式数据展示。能够将复杂数据转化为直观、美观且富有洞察力的可视化作品。
关于使用shadcn/ui组件集成和构建应用程序的专家指导,包括组件发现、安装、自定义以及最佳实践。
专家指导如何使用shadcn/ui组件集成和构建应用程序,包括组件发现、安装、自定义以及最佳实践。
将Shadowrun赛博朋克美学应用于UI组件。在构建角色表、创建卡片、装备面板、模态对话框或任何SR主题的界面元素时使用。结合系统化的工艺原则与第六世界的独特视觉语言。
基于Babylon.js构建的GPU加速着色器效果框架。提供可组合的基于图的后处理、多遍渲染、反馈循环和流体模拟。在编写使用@avtools/shader-fx进行着色器效果、效果链或GPU计算的代码时使用。
无描述
实现SwiftUI导航模式,包括NavigationStack、NavigationSplitView、表单展示、基于标签的导航和深度链接。在构建推送导航、编程路由、多列布局、模态表单、标签栏、通用链接或自定义URL方案处理时使用。
桥接UIKit和SwiftUI —— 使用UIViewRepresentable/UIViewControllerRepresentable在SwiftUI中包装UIKit视图/视图控制器,使用UIHostingController将SwiftUI嵌入到UIKit中,并处理Coordinator代理模式。当需要将相机预览、地图视图、网页视图、邮件撰写、文档扫描器、PDF渲染器、带属性文本的文本视图…
用于教学Python的Slidev演示,包含交互式代码执行。