Agent Skills
› codedogQBY/ReadAny
codedogQBY/ReadAny
GitHub用于创建独特且生产级的前端界面,避免通用AI美学。适用于构建网页、组件或应用,指导用户进行大胆的设计思考,实现具有高审美价值的HTML/CSS/JS代码,注重排版、色彩、动效和空间布局的独特性。
安装全部 Skills
npx skills add codedogQBY/ReadAny --all -g -y
集合内 Skills (6)
用于创建独特且生产级的前端界面,避免通用AI美学。适用于构建网页、组件或应用,指导用户进行大胆的设计思考,实现具有高审美价值的HTML/CSS/JS代码,注重排版、色彩、动效和空间布局的独特性。
用户要求构建Web组件或页面
需要美化或设计UI界面
生成前端应用或着陆页
npx skills add codedogQBY/ReadAny --skill frontend-design -g -y
提供shadcn/ui组件库的完整使用指南,涵盖安装、配置、React Hook Form与Zod表单验证、Tailwind CSS主题定制及无障碍UI组件实现。
设置或初始化shadcn/ui项目
安装和配置单个组件
构建带验证的复杂表单
使用Tailwind CSS自定义主题样式
创建可访问的UI交互模式
npx skills add codedogQBY/ReadAny --skill shadcn-ui -g -y
Tauri v2跨平台应用开发技能,涵盖Rust后端、IPC通信、权限配置及部署。预防权限缺失、命令未注册等常见错误,提供快速上手指南与最佳实践,显著降低配置时间与Token消耗。
配置 tauri.conf.json
实现 Rust 命令 #[tauri::command]
设置 IPC 模式 invoke/emit/channels
配置 permissions/capabilities
排查构建问题
部署桌面或移动应用
npx skills add codedogQBY/ReadAny --skill tauri-v2 -g -y
指导创建独特、生产级的前端界面,避免通用AI审美。适用于构建网页、组件、仪表盘等。强调设计思维与大胆美学,通过精致排版、色彩、动效及空间布局实现视觉冲击力强且功能完善的代码输出。
构建前端组件或页面
设计Web应用或仪表盘
美化或优化现有UI样式
生成HTML/CSS/React代码
npx skills add codedogQBY/ReadAny --skill frontend-design -g -y
提供shadcn/ui组件库的完整模式,涵盖安装、配置及可访问性React组件实现。适用于搭建项目、集成React Hook Form与Zod验证、Tailwind CSS主题定制,以及构建按钮、表单、对话框等UI元素和复杂布局。
初始化或配置 shadcn/ui 项目
使用 React Hook Form 和 Zod 构建带验证的表单
通过 Tailwind CSS 自定义组件样式或主题
实现按钮、对话框、下拉菜单等具体 UI 组件
npx skills add codedogQBY/ReadAny --skill shadcn-ui -g -y
Tauri v2跨平台应用开发技能,涵盖Rust后端配置、IPC通信及权限管理。通过提供标准代码模板和避坑指南,预防常见错误,加速开发并优化Token使用。
配置 tauri.conf.json
实现 Rust 命令
设置 IPC 模式
配置权限与能力
解决构建问题
部署桌面或移动应用
npx skills add codedogQBY/ReadAny --skill tauri-v2 -g -y


