Agent Skills
› codedogQBY/ReadAny
codedogQBY/ReadAny
GitHub用于创建独特、生产级的前端界面，避免通用AI美学。指导设计思维与实现，涵盖HTML/CSS/JS及React等框架，强调排版、色彩、动效和空间布局的精致细节，生成具有鲜明风格和高设计质量的代码。
Install All Skills
npx skills add codedogQBY/ReadAny --all -g -y
Skills in Collection (6)
用于创建独特、生产级的前端界面，避免通用AI美学。指导设计思维与实现，涵盖HTML/CSS/JS及React等框架，强调排版、色彩、动效和空间布局的精致细节，生成具有鲜明风格和高设计质量的代码。
构建Web组件或页面
开发仪表板或着陆页
美化现有Web UI
生成高设计质量的UI代码
npx skills add codedogQBY/ReadAny --skill frontend-design -g -y
提供shadcn/ui组件库的完整使用指南，涵盖安装配置、React Hook Form表单验证、Tailwind CSS主题定制及无障碍UI模式实现。
初始化shadcn/ui项目
构建带Zod验证的React表单
自定义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
配置 capabilities.json 权限
排查桌面或移动端构建问题
npx skills add codedogQBY/ReadAny --skill tauri-v2 -g -y
指导创建具有独特设计感的生产级前端界面，避免通用AI美学。适用于构建网页组件、页面或应用，强调大胆的审美方向、排版、色彩及动效细节，生成高质量且令人印象深刻的UI代码。
用户要求构建网站或着陆页
需要创建React或HTML/CSS组件
请求美化或重新设计Web UI
设计仪表盘或海报
npx skills add codedogQBY/ReadAny --skill frontend-design -g -y
提供 shadcn/ui 组件库的完整使用模式，涵盖安装配置、React Hook Form 表单构建、Tailwind CSS 主题定制及无障碍 UI 组件实现，适用于 React/Next.js 项目开发。
设置或初始化 shadcn/ui 项目
构建带有 Zod 验证的复杂表单
使用 Tailwind CSS 定制组件样式
实现可访问性 UI 组件如对话框和下拉菜单
npx skills add codedogQBY/ReadAny --skill shadcn-ui -g -y
Tauri v2跨平台应用开发技能，涵盖Rust后端命令配置、IPC通信、权限管理及部署。
Tauri
src-tauri
invoke
emit
capabilities.json
npx skills add codedogQBY/ReadAny --skill tauri-v2 -g -y
