frontend-best-practices

Name: frontend-best-practices
Author: handbook.adra.dev

handbook.adra.dev开发278 次安装

关于 frontend-best-practices

涵盖 React、TypeScript、CSS、性能、无障碍设计和组件设计的前端开发最佳实践。适用于审查前端代码、构建 UI 组件、搭建前端项目或执行前端编码规范。

安装

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

$npx skills add https://handbook.adra.dev --skill frontend-best-practices

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

支持 Markdown

登录后评论

基本信息

作者: handbook.adra.dev
分类: 开发
安装次数: 278

报告问题

推荐 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

855.5k

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