Agent Skills
› freestyle-voice/freestyle
freestyle-voice/freestyle
GitHub指导创建具有独特设计感和生产级质量的网页前端界面。适用于构建组件、页面、应用或海报，强调避免通用AI美学，通过大胆的设计方向、精细的排版、色彩和动效生成引人注目的代码。
Install All Skills
npx skills add freestyle-voice/freestyle --all -g -y
Skills in Collection (8)
指导创建具有独特设计感和生产级质量的网页前端界面。适用于构建组件、页面、应用或海报，强调避免通用AI美学，通过大胆的设计方向、精细的排版、色彩和动效生成引人注目的代码。
构建Web组件或页面
设计仪表盘或着陆页
美化Web UI界面
npx skills add freestyle-voice/freestyle --skill frontend-design -g -y
提供 Hono Web 应用构建指南，涵盖路由、中间件、JSX 及 API 参考。支持使用 CLI 测试端点，适用于基于 Hono 的 Node.js 或 Cloudflare Workers 后端开发场景。
用户询问 Hono 框架相关问题
代码中导入 'hono' 或 'hono/*'
需要测试 Hono 端点
npx skills add freestyle-voice/freestyle --skill hono -g -y
管理shadcn/ui组件与项目，涵盖添加、搜索、调试、样式调整及UI组合。提供项目上下文、组件文档及使用示例，指导基于CLI的高效前端开发。
使用 shadcn CLI 命令（如 init, add, search）
处理 components.json 配置文件
构建或优化 shadcn/ui 相关 UI 界面
npx skills add freestyle-voice/freestyle --skill shadcn -g -y
提供React组件组合模式指南，解决布尔属性泛滥问题。涵盖复合组件、状态提升及React 19新API规范，用于重构复杂组件、构建可复用库及审查架构。
重构包含大量布尔属性的组件
构建可复用的组件库
设计灵活的组件API
审查组件架构
npx skills add freestyle-voice/freestyle --skill vercel-composition-patterns -g -y
基于Vercel工程团队的React和Next.js性能优化指南，提供70条规则。适用于编写、审查或重构前端代码，旨在消除瀑布效应、优化包体积及提升服务端/客户端性能。
React组件开发
Next.js页面实现
代码性能审查
前端代码重构
数据获取策略优化
npx skills add freestyle-voice/freestyle --skill vercel-react-best-practices -g -y
提供React Native和Expo应用开发的最佳实践指南，涵盖列表性能优化、动画实现、导航、UI模式及原生模块配置等核心领域。
构建React Native或Expo应用
优化列表和滚动性能
实现Reanimated动画
处理原生模块或字体配置
npx skills add freestyle-voice/freestyle --skill vercel-react-native-skills -g -y
用于审查Web界面代码是否符合设计规范，支持UI、可访问性及UX审计。通过获取最新指南并对比文件规则，输出具体违规位置。
review my UI
check accessibility
audit design
review UX
npx skills add freestyle-voice/freestyle --skill web-design-guidelines -g -y
提供涵盖22种技术栈的UI/UX设计智能支持，包含84种风格、192色板及无障碍等规范。用于指导页面与组件的设计、重构、审查，确保视觉一致性、交互体验及可访问性。
设计新页面或UI组件
进行UI代码审查以评估可访问性和一致性
选择配色方案或排版系统
实现响应式布局或动画效果
npx skills add freestyle-voice/freestyle --skill ui-ux-pro-max -g -y
