Agent Skills
› freestyle-voice/freestyle
freestyle-voice/freestyle
GitHub指导创建具有独特设计感的生产级前端界面，避免通用AI美学。涵盖组件、页面及应用开发，强调大胆的审美方向、排版、色彩及动效细节。
安装全部 Skills
npx skills add freestyle-voice/freestyle --all -g -y
集合内 Skills (8)
指导创建具有独特设计感的生产级前端界面，避免通用AI美学。涵盖组件、页面及应用开发，强调大胆的审美方向、排版、色彩及动效细节。
构建网页组件或页面
生成HTML/CSS/JS代码
美化Web UI界面
设计React/Vue组件
npx skills add freestyle-voice/freestyle --skill frontend-design -g -y
提供 Hono Web 应用开发的 API 参考与 CLI 使用指南，涵盖路由、中间件、上下文处理及端点测试方法。
构建 Hono Web 应用
查询 Hono API、路由或中间件用法
代码中导入 hono 模块
npx skills add freestyle-voice/freestyle --skill hono -g -y
管理shadcn/ui组件库，支持添加、搜索、调试及样式定制。提供项目上下文与使用示例，指导基于CLI的组件集成与设计系统构建。
shadcn init
create an app with --preset
switch to --preset
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
提供React和Next.js性能优化指南，涵盖消除数据瀑布、包体积优化及服务端渲染等规则。适用于编写、审查或重构相关代码时确保最佳实践。
编写新的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
用于审查Web界面代码是否符合设计规范与最佳实践，支持检查可访问性、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种风格、色彩及排版方案。用于指导页面设计、组件构建、视觉审查、交互优化及无障碍适配，提升用户体验与界面质量。
设计新页面或重构UI组件
选择配色、字体或布局系统
审查界面的可用性、无障碍性或一致性
npx skills add freestyle-voice/freestyle --skill ui-ux-pro-max -g -y
