微信扫一扫personjakexiao无需 Key
frontend_mastery
高级React模式、性能优化和状态管理规则。
download11deployed_code—star123
Skill 资源库
AI Skill 资源库
把 Skill 的源码、资源快照、README、包体和安装信号放进一个可搜索、可筛选的公开目录。
personjakexiao无需 Key
frontend-quality
运行前端质量检查，包括TypeScript、ESLint和测试。在提交、PR之前或当用户说“检查前端”、“运行前端测试”、“前端代码检查”时使用。
download11deployed_code—star123
personjakexiao无需 Key
frontend-refactor-planner
为混乱的UI代码创建安全的重构计划，包括组件拆分策略、状态简化、性能优化和可访问性改进。提供阶段性方法、风险评估和“完成”标准。在重构“遗留代码”、“混乱组件”、“性能问题”或“大文件”时使用。
download11deployed_code—star123
personjakexiao无需 Key
frontend-rive
状态驱动的交互式动画，内置状态机。当动画需要响应用户输入（悬停、点击、拖动）、具有多种状态/转换或响应数据值（进度条、计数器）时使用。适用于动画按钮、切换开关、复选框、角色等。对于简单的播放/循环动画，请改用Lottie。
download11deployed_code—star123
personjakexiao无需 Key
frontend-storyboard-artist
使用Storybook精通技巧构建令人惊叹的组件库。擅长组件文档、视觉测试和设计系统。适用于UI库、组件开发或设计系统创建。
download11deployed_code—star123
personjakexiao无需 Key
frontend-tailwind
使用Tailwind CSS掌握创建美观的用户界面。精通以实用程序优先的设计、响应式布局和设计系统。适用于用户界面开发、设计系统创建或CSS优化。每当您需要编写Tailwind CSS时都可以使用它。
download11deployed_code—star123
personjakexiao无需 Key
frontend-svelte
SvelteKit 5开发的技术知识。利用Svelte的编译时魔法构建响应式应用程序。精通SvelteKit、存储和响应式模式。适用于Svelte开发、性能优化或现代Web应用。此技能提供了MCP使用模式和Svelte 5惯例。在实现Svelte组件或SvelteKit路由时使用。
download11deployed_code—star123
personjakexiao无需 Key
frontend-web-dev
在构建Angular应用程序、创建TypeScript组件、实现响应式表单、管理状态、使用RxJS可观察对象或使用TypeScript开发现代Web用户界面时使用。
download11deployed_code—star123
personjakexiao无需 Key
frontend-refactor
代码重构代理。改进和重构代码结构。
download11deployed_code—star123
personjakexiao无需 Key
frontend-qc
使用浏览器自动化执行全面的前端质量保证审查。系统地测试UI元素，发现并报告错误到GitHub Issues，并提供改进建议。利用Chrome DevTools技能进行交互式测试。在对前端UI组件进行质量保证审查、测试用户界面中的错误或可用性问题、在部署前验证前端实现或对多个组件进行系统化的UI测试时，应使用此技能。
download11deployed_code—star123
personjakexiao无需 Key
frontend-security-basics
保护Solana前端免受钓鱼、恶意提示和不安全的签名请求。用于钱包用户体验和dApp网站的审计。
download11deployed_code—star123
personjakexiao无需 Key
frontend-state
状态管理代理。设计和实现应用程序状态管理。
download11deployed_code—star123
personjakexiao无需 Key
frontend-tdd
前端TDD代理。负责基于React/Next.js的TDD测试编写及实现。遵循先写测试后实现的红-绿-重构循环。
download11deployed_code—star123
personjakexiao无需 Key
frontend-typescript
精通TypeScript的类型系统，为JavaScript应用程序提供无懈可击的支持。擅长高级类型、泛型以及类型安全模式。适用于TypeScript开发、类型系统设计或JavaScript迁移。
download11deployed_code—star123
personjakexiao无需 Key
frontend-view-pattern
保证Easy Budget中的Blade视图（仪表板、索引、创建、编辑、显示）具有一致的标准。
download11deployed_code—star123
personjakexiao无需 Key
frontend-verify
使用agent-browser进行前端实现的验证技能。用于UI实现后的动作确认、交互测试、可访问性检查。在“验证前端”、“确认UI”、“/frontend-verify”、“确认屏幕操作”等场景下使用。当UI实现完成时自动触发。
download11deployed_code—star123
personjakexiao无需 Key
frontend-prompt-generator
根据既定模式生成前端开发任务的结构化提示。当用户请求线框图、UI实现、数据绑定或React/Next.js项目中的路由功能的提示，并且有特定格式要求（如光标规则、文件路径、测试驱动开发）时使用。
download11deployed_code—star123
personjakexiao无需 Key
frontend-quality-bar
在这个Next.js + Chakra UI前端仓库中，强制执行高质量、生产就绪的标准。用于用户体验优化、可访问性、性能、错误/加载状态、代码整洁度以及“准备合并”检查（lint/format/build）。
download11deployed_code—star123
personjakexiao无需 Key
frontend-socket
实时通信代理。实现WebSocket/Socket.io通信。
download11deployed_code—star123
personjakexiao无需 Key
frontend-storyboard-artist
使用Storybook精通技能构建令人惊叹的组件库。擅长组件文档、可视化测试和设计系统。适用于UI库、组件开发或设计系统创建。
download11deployed_code—star123
personjakexiao无需 Key
Frontend Theming
您处理前端主题的方法。在处理涉及前端主题的文件时使用此技能。
download11deployed_code—star123
personjakexiao无需 Key
frontend-testing
使用Playwright、Cypress、Jest和React Testing Library进行全面的前端测试。涵盖端到端测试、组件测试、单元测试、视觉回归测试以及可访问性测试。可用于质量保证、CI/CD集成及测试自动化。
download11deployed_code—star123
personjakexiao无需 Key
frontmatter-validation
验证文档中的YAML前言是否符合模板要求。在创建或编辑文档时使用，或者当用户请求检查前言时使用。
download11deployed_code—star123
personjakexiao无需 Key
frontmatter
为工作流程文档生成YAML格式的前端元数据（日期/时间、git提交、分支、仓库）。在创建研究文档、计划或工作总结时使用。
download11deployed_code—star123