Agent Skills
› codedogQBY/ReadAny
codedogQBY/ReadAny
GitHub指导创建独特且生产级的前端界面，避免通用AI美学。适用于构建网页组件、页面、应用及UI美化，强调大胆的美学方向、排版、色彩和动效设计，生成高质量代码。
安装全部 Skills
npx skills add codedogQBY/ReadAny --all -g -y
集合内 Skills (6)
指导创建独特且生产级的前端界面，避免通用AI美学。适用于构建网页组件、页面、应用及UI美化，强调大胆的美学方向、排版、色彩和动效设计，生成高质量代码。
用户要求构建网页组件或页面
需要美化或重新设计Web UI
npx skills add codedogQBY/ReadAny --skill frontend-design -g -y
提供 shadcn/ui 组件库的完整使用指南，涵盖安装配置、可访问性 React 组件实现、基于 Tailwind CSS 的主题定制以及结合 React Hook Form 和 Zod 构建复杂表单与 UI 模式。
初始化或配置 shadcn/ui 项目
安装和自定义 UI 组件
构建带验证的 React 表单
实现无障碍界面元素
npx skills add codedogQBY/ReadAny --skill shadcn-ui -g -y
Tauri v2跨平台应用开发技能，涵盖Rust后端命令配置、IPC通信、权限管理及构建部署。
配置 tauri.conf.json
实现 Rust #[tauri::command]
设置 IPC 模式 (invoke/emit)
配置 capabilities 权限
排查 Tauri 构建或运行错误
npx skills add codedogQBY/ReadAny --skill tauri-v2 -g -y
用于创建独特且生产级的前端界面，避免通用AI美学。当用户需要构建网页组件、页面、海报或应用时使用。该技能指导进行设计思考，确定大胆的美学方向，并生成注重排版、色彩、动效和空间构图的高质量HTML/CSS/JS或React/Vue代码。
构建网页组件或页面
制作海报或应用程序
美化Web UI
生成HTML/CSS布局
开发React组件
npx skills add codedogQBY/ReadAny --skill frontend-design -g -y
提供 shadcn/ui 组件库的完整使用模式，涵盖安装配置、React Hook Form 表单验证、Tailwind CSS 主题定制及各类可访问 UI 组件的实现指南。
初始化或配置 shadcn/ui 项目
构建带有 Zod 验证的 React 表单
实现按钮、对话框等可访问性 UI 组件
使用 Tailwind CSS 自定义组件样式
npx skills add codedogQBY/ReadAny --skill shadcn-ui -g -y
指导使用Tauri v2构建跨平台桌面/移动应用，涵盖Rust后端命令配置、IPC通信、权限管理及常见问题排查。
配置tauri.conf.json
实现Rust命令
设置IPC模式
配置权限
npx skills add codedogQBY/ReadAny --skill tauri-v2 -g -y
