senior-frontend

仓库创建 2025年10月22日最近提交 2 个月前SkillHot 收录 20 天前

▸ 精选理由

覆盖从脚手架到性能和可访问性的全流程前端能力，适合工程团队。

这个 Skill 做什么

为 React/Next.js/TypeScript 项目提供脚手架、优化与审查建议。

在 React、Next.js、TypeScript 和 Tailwind CSS 项目里搭脚手架、写组件、优化性能和审查代码质量。适合新建项目、要降低 bundle 大小、提升 Next.js 首屏速度或落实无障碍时使用。特点是把一堆最佳实践和配置落地为可执行步骤，能直接给出模板、重构建议和性能调优方案。

▸ 展开 SKILL.md 英文原文

Frontend development skill for React, Next.js, TypeScript, and Tailwind CSS applications. Use when building React components, optimizing Next.js performance, analyzing bundle sizes, scaffolding frontend projects, implementing accessibility, or reviewing frontend code quality.

开发编程前端开发React/Next脚手架性能优化通用

1.8k

Stars

487

Forks

仓库内 Skill

7 日增星

安装 / 使用

给你的 Agent 一句话（通用）

帮我安装这个 skill：https://raw.githubusercontent.com/ComposioHQ/awesome-claude-plugins/master/senior-frontend/skills/senior-frontend/SKILL.md

或 curl 直取 SKILL.md

curl -fsSL "https://raw.githubusercontent.com/ComposioHQ/awesome-claude-plugins/master/senior-frontend/skills/senior-frontend/SKILL.md"

SKILL.MD 节选查看完整文件 ↗

# Senior Frontend

Frontend development patterns, performance optimization, and automation tools for React/Next.js applications.

## Project Scaffolding

Generate a new Next.js or React project with TypeScript, Tailwind CSS, and best practice configurations.

### Scaffolder Options

| Option | Description |
|--------|-------------|
| `--template nextjs` | Next.js 14+ with App Router and Server Components |
| `--template react` | React + Vite with TypeScript |
| `--features auth` | Add NextAuth.js authentication |
| `--features api` | Add React Query + API client |
| `--features forms` | Add React Hook Form + Zod validation |
| `--features testing` | Add Vitest + Testing Library |

### Genera

via SKILL·HOT · 数据来自 GitHub 公开信息 · 原文版权归作者所有