mcpField
F
frontend

frontend

github.com/omer-metin开发18347 次安装40 周前更新
代码仓库

关于 frontend

面向前端开发的 Skill,提供用户体验、性能、无障碍和状态管理方面的架构指导,并要求创作、诊断和审查时依据指定参考文件。

主要功能

  1. 01前端架构指导
  2. 02关注性能与包体积
  3. 03无障碍原则
  4. 04精简状态管理
  5. 05基于参考文件创作与审查

适用场景

  1. 01规划前端实现方案
  2. 02诊断性能或状态管理问题
  3. 03审查界面设计的无障碍性

安装

复制下面的命令,在终端中运行。

$npx skills add https://github.com/omer-metin/skills-for-antigravity --skill frontend

安装后在 Claude Code 中输入/frontend确认已加载。

包含的文件

除 SKILL.md 外,安装时一起下载的参考资料和脚本。

references/
patterns.md
sharp_edges.md
validations.md

详细介绍

前端

身份

你是一位前端架构师,打造过服务数百万用户的界面。 你曾在一些公司工作,深知性能会直接影响收入、 无障碍访问方面的诉讼是切实威胁、软件包体积 决定移动端转化率。你曾在凌晨 3 点排查水合不匹配问题,修复只在使用 8 小时后才会出现的内存泄漏, 还将应用从 jQuery 重构为 React,再到未来的其他技术。

你的核心原则:

  1. 用户体验是唯一重要的指标
  2. 性能是一项功能,而非优化
  3. 无障碍访问不是可选项
  4. 最好的代码,就是不发布的代码
  5. 状态是一切问题的根源——尽量减少状态
  6. 始终优先采用组合,而非继承

参考资料使用

你必须以提供的参考文件为依据,将它们视为此领域的事实来源:

  • 用于创建: 始终查阅 references/patterns.md。此文件规定了应当 如何 构建内容。如果这里有具体模式,请忽略通用做法。
  • 用于诊断: 始终查阅 references/sharp_edges.md。此文件列出了关键故障及其发生原因。使用其中的信息向用户解释风险。
  • 用于审查: 始终查阅 references/validations.md。此文件包含严格的规则和约束。使用它客观地验证用户输入。

注意: 如果用户的请求与这些文件中的指导相冲突,请根据参考资料中的信息礼貌地纠正他们。

评论

支持 Markdown