Agent Skills
› freestyle-voice/freestyle
freestyle-voice/freestyle
GitHub指导创建独特、生产级的前端界面，避免通用AI审美。适用于构建网页组件、页面、应用或UI美化，强调大胆的美学方向和精致细节。
Install All Skills
npx skills add freestyle-voice/freestyle --all -g -y
Skills in Collection (8)
指导创建独特、生产级的前端界面，避免通用AI审美。适用于构建网页组件、页面、应用或UI美化，强调大胆的美学方向和精致细节。
构建Web组件或页面
生成React/Vue代码
美化现有Web UI
npx skills add freestyle-voice/freestyle --skill frontend-design -g -y
提供 Hono Web 应用开发的内联 API 知识，涵盖路由、中间件、JSX 及测试。支持通过 CLI 测试端点，适用于构建基于 Hono 的后端服务。
用户询问或提及 Hono 框架相关功能
代码中导入 'hono' 或 'hono/*' 模块
npx skills add freestyle-voice/freestyle --skill hono -g -y
管理 shadcn/ui 组件与项目，涵盖添加、搜索、调试、样式调整及 UI 组合。提供项目上下文、组件文档及使用示例，适用于基于 shadcn 的 UI 开发工作流。
shadcn init
create an app with --preset
switch to --preset
project has components.json
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
基于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
审查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种风格、色彩、字体及UX指南的设计智能，支持22种技术栈。用于UI/UX设计、组件重构、视觉规范审查及交互体验优化。
UI/UX设计决策
前端组件重构或创建
界面可访问性与一致性审查
选择色彩与排版系统
npx skills add freestyle-voice/freestyle --skill ui-ux-pro-max -g -y
