lang-tsx

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

React and TSX development standards and tooling.

适合你，如果你用 React 和 TypeScript 开发，需要统一标准和工具

/ 下载安装

/ 通过 npx 安装 校验哈希

npx oh-my-skill add dragoscirjan/opencode-config/lang-tsx

/ 通过 bash 安装

curl -fsSL https://oh-my-skill.com/install.sh | bash -s -- dragoscirjan/opencode-config/lang-tsx

/ 已经装过?验证本机副本,不用重装

npx oh-my-skill verify dragoscirjan/opencode-config/lang-tsx

安装目标可用 --agent / --scope 或 --to 明确指定;省略时只会在唯一已存在的 agent 目录上自动选择,零命中或多命中会停止并提示。content_hash 缺失或不一致均拒装。

0GitHub stars

~118上下文体积 · 单文件

索引托管

怎么用

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

它做什么

安装后，Claude 会按照 React 和 TSX 的编码规范来生成代码，例如使用函数组件、显式类型化 props、合理使用 Hooks，并优先采用组合而非属性传递。

什么时候触发

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

装好后可以这样说

Claude 会生成符合 TSX 标准的组件。

Claude 会显式标注类型。

技能原文 SKILL.md作者撰写 · MIT · f561928

Tooling: Prettier, eslint-plugin-react, typescript-eslint.
Components: Functional components only. No React.FC or React.FunctionComponent.
Props: Type your props explicitly using interface or type.
Hooks: Type hooks explicitly when inference is insufficient (e.g., useState<User | null>(null)).
Architecture: Composition over prop drilling. Collocate components with their styles and tests.

Always load clean-code alongside this skill.

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

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

…