vercel-composition-patterns

Name: vercel-composition-patterns
Author: fellipeutaka/leon

fellipeutaka开发36 次安装

关于 vercel-composition-patterns

可扩展的 React 组件化模式。适用于重构具有布尔 prop 泛滥的组件、构建灵活的组件库或设计可复用 API。在涉及复合组件、render props、context 提供者或组件架构的任务上触发。包含 React 19 API 变更。

安装

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

$npx skills add https://fellipeutaka/leon --skill vercel-composition-patterns

安装后在 Claude Code 中输入/vercel-composition-patterns确认已加载。

包含的文件

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

AGENTS.md

metadata.json

README.md

agents/

openai.yaml

rules/

_sections.md

_template.md

architecture-avoid-boolean-props.md

architecture-compound-components.md

patterns-children-over-render-props.md

patterns-explicit-variants.md

react19-no-forwardref.md

state-context-interface.md

state-decouple-implementation.md

state-lift-state.md

支持 Markdown

登录后评论

基本信息

作者: fellipeutaka/leon
分类: 开发
安装次数: 36

报告问题

推荐 Skills

全部 Skills

remotion-render

github.com/inference-sh

1.6M

通过 inference.sh，根据 React/Remotion 组件代码渲染视频。输入 TSX 代码即可获取 MP4。支持所有 Remotion API：useCurrentFrame、useVideoConfig、spring、interpolate、AbsoluteFill、Sequence。可配置分辨率、FPS、时长和编解码器。适用于：程序化视频生成、动态图形、动态设计、数据驱动视频、将 React 动画转换为视频。触发词：remotion、render video from code、tsx to video、react video、programmatic video、remotion render、code to video、animated video、motion graphics code、react animation video

improve-codebase-architecture

github.com/mattpocock

1.2M

扫描代码库寻找架构改进机会，以可视化 HTML 报告形式呈现，然后深入分析你选择的任意一个。

design-mobile-apps

github.com/designed-by-ai

1.1M

使用 Sleek 设计移动应用界面、编辑 Sleek 项目，并用 React Native 或 HTML 实现设计。

vercel-react-best-practices

github.com/vercel-labs

848.6k

来自 Vercel Engineering 的 React 和 Next.js 性能优化指南。编写、审查或重构 React / Next.js 代码时应使用此技能，以确保最优性能模式。在涉及 React 组件、Next.js 页面、数据获取、包优化或性能改进的任务上触发。