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 UI
npx skills add freestyle-voice/freestyle --skill frontend-design -g -y
提供 Hono Web 应用的构建指导，涵盖 API 参考、路由配置、中间件及 CLI 测试工具使用，辅助 AI 进行 Hono 相关开发。
用户询问 Hono API、路由或中间件
代码中导入 'hono' 或 'hono/*'
npx skills add freestyle-voice/freestyle --skill hono -g -y
管理 shadcn/ui 组件与项目，支持添加、搜索、修复、调试、样式调整和组合 UI。提供上下文、文档及使用示例，适用于涉及 shadcn/ui 或 components.json 的项目场景。
使用 shadcn CLI 添加或搜索组件
初始化 shadcn 项目或切换预设
处理包含 components.json 的 UI 项目
npx skills add freestyle-voice/freestyle --skill shadcn -g -y
提供React组件组合模式指南，帮助重构布尔属性泛滥的代码，构建灵活的可复用组件库和API。涵盖复合组件、渲染属性、上下文提供者及React 19新特性，提升代码可维护性。
重构包含大量布尔属性的组件
构建可复用的组件库
设计灵活的组件API
审查组件架构
npx skills add freestyle-voice/freestyle --skill vercel-composition-patterns -g -y
提供React和Next.js性能优化指南，涵盖消除瀑布流、包体积优化及服务端性能等规则，用于指导代码编写、审查与重构。
编写或重构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
审查前端UI代码是否符合Web界面指南，支持访问性、UX及最佳实践审计。通过获取最新规则并比对指定文件，输出简洁的违规位置报告。
review my UI
check accessibility
audit design
review UX
check my site against best practices
npx skills add freestyle-voice/freestyle --skill web-design-guidelines -g -y
提供涵盖84种风格、192配色及多技术栈的UI/UX设计智能查询。用于页面与组件设计、视觉规范选择、可访问性审查及交互优化，辅助前端界面构建与体验质量控制。
设计新页面或组件
选择配色或字体方案
审查UI可访问性与一致性
优化交互动画与布局
npx skills add freestyle-voice/freestyle --skill ui-ux-pro-max -g -y
