‹ 首页

lang-jsx

@dragoscirjan · 收录于 1 周前 · 上游提交 1 个月前

React and JSX development standards and tooling.

场景前端开发代码规范

适合你，如果你用 React 和 JSX 开发，需要统一编码标准

/ 下载安装
https://github.com/dragoscirjan/opencode-config/tree/main/skills/lang-jsx ↗
/ 通过 npx 安装 校验哈希
npx oh-my-skill add dragoscirjan/opencode-config/lang-jsx
/ 通过 bash 安装
curl -fsSL https://oh-my-skill.com/install.sh | bash -s -- dragoscirjan/opencode-config/lang-jsx
/ 已经装过?验证本机副本,不用重装
npx oh-my-skill verify dragoscirjan/opencode-config/lang-jsx
安装目标可用 --agent / --scope 或 --to 明确指定;省略时只会在唯一已存在的 agent 目录上自动选择,零命中或多命中会停止并提示。content_hash 缺失或不一致均拒装。
0GitHub stars
~122上下文体积 · 单文件
索引托管

怎么用

商店整理自技能原文 · 版本 f561928 · 表述以原文为准
它做什么

安装后，Claude 会按照 React 和 JSX 的最佳实践来编写代码，只使用函数组件和 Hooks，并自动应用 Prettier 和 ESLint 规则。

什么时候触发

当你要求编写或修改 React/JSX 代码时触发。

装好后可以这样说
Claude 会生成符合 JSX 标准的组件。
Claude 会验证 Hooks 规则。
Claude 会移除类组件，改用 Hooks。
技能原文 SKILL.md作者撰写 · MIT · f561928

JSX Standards

  • Tooling: Prettier, eslint-plugin-react, eslint-plugin-react-hooks.
  • Components: Functional components only. No class components.
  • Hooks: Use hooks for state and side effects. Follow the Rules of Hooks. Use useMemo/useCallback only if profiling shows a need.
  • Architecture: Composition over prop drilling. Collocate components with their styles and tests.
  • Iteration: Always use stable, unique key props when mapping arrays.

Always load clean-code alongside this skill.

按 MIT 许可原样转载,未经改动 · 在 GitHub 查看 →

评论

登录即可评论;带「已验证安装」的,是发布者名下有本店的安装或持有记录。
…