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美学。当用户需要构建网页组件、页面、海报或应用时触发，生成具有鲜明设计风格和精细细节的代码。
构建网页组件或页面
设计UI界面或海报
美化Web前端样式
npx skills add freestyle-voice/freestyle --skill frontend-design -g -y
提供 Hono Web 应用构建的内联 API 知识，涵盖路由、中间件、JSX 及验证。支持使用 CLI 测试端点，适用于基于 Hono 的 Web 开发任务。
用户询问 Hono API、路由或中间件
代码导入 'hono' 或 'hono/*'
需要测试 Hono 端点
npx skills add freestyle-voice/freestyle --skill hono -g -y
管理 shadcn/ui 组件库，支持组件添加、搜索、修复、调试、样式调整及组合。提供项目上下文、文档和使用示例，规范 Tailwind CSS 和表单结构，提升前端 UI 开发效率与一致性。
使用 shadcn/ui 构建或修改 UI
需要添加、搜索或调试 shadcn 组件
处理包含 components.json 的项目
npx skills add freestyle-voice/freestyle --skill shadcn -g -y
提供React组件组合模式指南，解决布尔属性泛滥问题。涵盖复合组件、状态提升、上下文提供者及React 19 API变更，用于重构、构建可复用组件库和设计灵活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
该技能用于审查前端UI代码是否符合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设计智能查询，包含样式、配色、排版及无障碍等规则，辅助页面与组件的设计、开发及审查。
进行前端界面或组件设计
审查UI的可访问性与一致性
选择配色方案或字体搭配
npx skills add freestyle-voice/freestyle --skill ui-ux-pro-max -g -y
