微信扫一扫personjakexiao无需 Key
frontend-hook
自定义钩子开发代理。设计并实现React自定义钩子。
download11deployed_code—star123
Skill 资源库
AI Skill 资源库
把 Skill 的源码、资源快照、README、包体和安装信号放进一个可搜索、可筛选的公开目录。
personjakexiao无需 Key
frontend-lint
代码质量检查代理。管理代码的linting和格式化。
download11deployed_code—star123
personjakexiao无需 Key
frontend_mastery
高级React模式、性能优化和状态管理规则。
download11deployed_code—star123
personjakexiao无需 Key
frontend-lottie
用于UI反馈和润色的装饰性JSON动画。可用于加载指示器、成功/错误复选标记、空状态插图、动画图标。只播放和循环 - 没有交互性。对于响应式/有状态的动画，请使用Rive。轻量级且支持SSR。
download11deployed_code—star123
personjakexiao无需 Key
frontend-htmx
Axum + Askama + HTMX 堆栈适用于单二进制文件的Web应用程序。使用场景：构建服务器渲染的UI、轻量级前端、单一可部署二进制文件。触发词：'htmx', 'askama', '模板', '服务器渲染', '单二进制前端'。
download11deployed_code—star123
personjakexiao无需 Key
"Nexus UI Developer"
React 18、TypeScript、Tailwind CSS和多租户API连接专家。
download11deployed_code—star123
personjakexiao无需 Key
frontend-perf
性能优化代理。分析并优化前端性能。
download11deployed_code—star123
personjakexiao无需 Key
frontend-prompt-generator
根据既定模式生成前端开发任务的结构化提示。当用户请求线框图、UI实现、数据绑定或React/Next.js项目中的路由功能的提示，并且有特定格式要求（如光标规则、文件路径、测试驱动开发）时使用。
download11deployed_code—star123
personjakexiao无需 Key
frontend-dev-guidelines
React/TypeScript应用程序的前端开发指南。包括Suspense、懒加载、useSuspenseQuery等现代模式，使用features目录进行文件组织，MUI v7样式，TanStack Router，性能优化，以及TypeScript最佳实践。在创建组件、页面、功能、获取数据、样式设计、路由或处理前端代码时使用。
download11deployed_code—star123
personjakexiao无需 Key
frontend-google-fonts
为Next.js + Tailwind项目使用Google Fonts进行字体设置。在选择字体、需要字体搭配建议（SaaS、编辑、企业预设）或设置优化字体加载时使用。包括即用型配置和性能最佳实践。
download11deployed_code—star123
personjakexiao无需 Key
frontend-implementation-plan
为任何UI屏幕或功能创建全面的、可投入生产的前端实现计划。在记录如何构建UI组件、建立设计系统、规划组件架构或为前端开发创建技术规范时使用此技能。该技能适用于各种框架（React、Vue、Angular、Svelte等），并专注于清晰的结构、可重用模式和可维护性。
download11deployed_code—star123
personjakexiao无需 Key
frontend
前端开发技能。React组件、自定义钩子、Tailwind样式。用于UI工作。
download11deployed_code—star123
personjakexiao无需 Key
"Nexus UI Developer"
React 18、TypeScript、Tailwind CSS和多租户API连接专家。
download11deployed_code—star123
personjakexiao无需 Key
frontend-pattern
应用React 19和Next.js 16模式的技能
download11deployed_code—star123
personjakexiao无需 Key
frontend_mastery
高级React模式、性能优化和状态管理规则。
download11deployed_code—star123
personjakexiao无需 Key
frontend-quality
运行前端质量检查，包括TypeScript、ESLint和测试。在提交、PR之前或当用户说“检查前端”、“运行前端测试”、“前端代码检查”时使用。
download11deployed_code—star123
personjakexiao无需 Key
frontend-design
创建具有高设计质量的独特生产级前端界面。当用户要求构建网页组件、页面或应用程序时，或者当他们提供截图/图片/设计以供复制或从中汲取灵感时，请使用此技能。对于截图输入，首先使用AI多模态分析提取设计指南，然后根据这些指南实现代码。生成的代码富有创意且经过精心打磨，避免了通用的AI美学。
download11deployed_code—star123
personjakexiao无需 Key
frontend-image-generation
为UI获取图像。首先使用免费资源（DiceBear头像、Unsplash照片、unDraw插图）。仅在有定制需求时使用AI生成。
download11deployed_code—star123
personjakexiao无需 Key
"frontend-fsd-architect"
特征切片设计架构专家
download11deployed_code—star123
personjakexiao无需 Key
frontend-magic-ui
精美的SaaS着陆页组件。可用于数字计数器/统计数据动画、标志滚动条、便当网格布局、设备模型（iPhone，Safari）、闪亮/彩虹按钮、打字效果。基于Framer Motion + Tailwind构建的专业营销润色。对于戏剧性的英雄效果，请使用Aceternity；对于基本的用户界面，请使用shadcn。
download11deployed_code—star123
personjakexiao无需 Key
frontend-layout-fixer
此技能应在通过分析DOM和CSS结构来识别和修复前端布局问题（如裁剪、间距、溢出、RTL文本问题）时使用，并提出最小范围的CSS补丁。当遇到布局错误、文本裁剪、溢出问题、间距问题，以及仅凭截图vanilla Claude无法确定需要修改哪个CSS选择器时触发。
download11deployed_code—star123
personjakexiao无需 Key
frontend-flow
通过实施设计系统（9条ESLint规则）、Storybook覆盖率和5步验证管道来确保前端代码质量。在创建/修改frontend/src/中的React组件时使用，特别是在共享/中，质量门是强制性的。触发条件为“创建组件”、“验证前端”、“Storybook覆盖率”、“перевір фронтенд”、“前端流程”。目标是在任务完成前所有验证都通过，并将知识记录在库中。
download11deployed_code—star123
personjakexiao无需 Key
frontend-refactor
代码重构代理。改进和重构代码结构。
download11deployed_code—star123
personjakexiao无需 Key
frontend-qc
使用浏览器自动化执行全面的前端质量保证审查。系统地测试UI元素，发现并报告错误到GitHub Issues，并提供改进建议。利用Chrome DevTools技能进行交互式测试。在对前端UI组件进行质量保证审查、测试用户界面中的错误或可用性问题、在部署前验证前端实现或对多个组件进行系统化的UI测试时，应使用此技能。
download11deployed_code—star123