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界面
请求生成HTML/CSS/React代码
npx skills add freestyle-voice/freestyle --skill frontend-design -g -y
提供 Hono Web 应用开发的内联 API 知识，涵盖路由、中间件、JSX、验证及流式处理。支持使用 CLI 工具测试端点，辅助构建和调试基于 Hono 的后端服务。
用户询问 Hono 相关 API、路由或中间件问题
代码中包含 'hono' 或 'hono/*' 的导入语句
npx skills add freestyle-voice/freestyle --skill hono -g -y
管理shadcn/ui组件，支持添加、搜索、修复、调试、样式调整及组合UI。提供项目上下文、组件文档和使用示例，指导基于shadcn/cli的UI开发流程与最佳实践。
使用shadcn/cli添加或搜索组件
处理shadcn/ui项目的样式与布局问题
需要shadcn组件文档或示例时
npx skills add freestyle-voice/freestyle --skill shadcn -g -y
提供React组件组合模式指南，解决布尔prop泛滥问题。涵盖复合组件、状态提升及React 19新特性，用于重构、构建库或审查架构，提升代码可维护性与扩展性。
重构含大量布尔属性的组件
构建可复用组件库
设计灵活的组件API
审查组件架构
使用复合组件或上下文提供者
npx skills add freestyle-voice/freestyle --skill vercel-composition-patterns -g -y
提供Vercel工程团队的React与Next.js性能优化最佳实践指南，涵盖消除瀑布流、包体积优化及服务端渲染等规则。用于指导代码编写、审查与重构，确保应用高性能。
编写或重构React/Next.js组件
进行代码性能审查
优化数据获取策略
减少Bundle体积
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
npx skills add freestyle-voice/freestyle --skill web-design-guidelines -g -y
提供涵盖22种技术栈的UI/UX设计智能支持，包含样式、配色、排版及UX规范等本地数据库。用于页面设计、组件构建、视觉审查及交互优化，确保无障碍与一致性。
设计新页面或组件
审查UI的可用性与无障碍性
选择配色方案或字体搭配
实现响应式布局或动画效果
npx skills add freestyle-voice/freestyle --skill ui-ux-pro-max -g -y
