senior-frontend by davila7/claude-code-templates
npx skills add https://github.com/davila7/claude-code-templates --skill senior-frontend为高级前端开发者提供的完整工具包,包含现代工具和最佳实践。
此技能通过自动化脚本提供三个核心功能:
# Script 1: Component Generator
python scripts/component_generator.py [options]
# Script 2: Bundle Analyzer
python scripts/bundle_analyzer.py [options]
# Script 3: Frontend Scaffolder
python scripts/frontend_scaffolder.py [options]
用于组件生成任务的自动化工具。
功能:
用法:
python scripts/component_generator.py <project-path> [options]
全面的分析和优化工具。
功能:
用法:
广告位招租
在这里展示您的产品或服务
触达数万 AI 开发者,精准高效
python scripts/bundle_analyzer.py <target-path> [--verbose]
用于专业任务的高级工具。
功能:
用法:
python scripts/frontend_scaffolder.py [arguments] [options]
完整指南请参阅 references/react_patterns.md:
完整工作流程文档请参阅 references/nextjs_optimization_guide.md:
技术参考指南请参阅 references/frontend_best_practices.md:
语言: TypeScript, JavaScript, Python, Go, Swift, Kotlin 前端: React, Next.js, React Native, Flutter 后端: Node.js, Express, GraphQL, REST APIs 数据库: PostgreSQL, Prisma, NeonDB, Supabase DevOps: Docker, Kubernetes, Terraform, GitHub Actions, CircleCI 云服务: AWS, GCP, Azure
# 安装依赖
npm install
# 或
pip install -r requirements.txt
# 配置环境
cp .env.example .env
# 使用分析器脚本
python scripts/bundle_analyzer.py .
# 查看建议
# 应用修复
遵循以下文档中的模式和实践:
references/react_patterns.mdreferences/nextjs_optimization_guide.mdreferences/frontend_best_practices.md# 开发
npm run dev
npm run build
npm run test
npm run lint
# 分析
python scripts/bundle_analyzer.py .
python scripts/frontend_scaffolder.py --analyze
# 部署
docker build -t app:latest .
docker-compose up -d
kubectl apply -f k8s/
请查看 references/frontend_best_practices.md 中的完整故障排除部分。
references/react_patterns.mdreferences/nextjs_optimization_guide.mdreferences/frontend_best_practices.mdscripts/ 目录每周安装量
1.0K
仓库
GitHub 星标数
23.5K
首次出现
Jan 20, 2026
安全审计
安装于
opencode799
gemini-cli786
codex756
github-copilot708
cursor672
claude-code636
Complete toolkit for senior frontend with modern tools and best practices.
This skill provides three core capabilities through automated scripts:
# Script 1: Component Generator
python scripts/component_generator.py [options]
# Script 2: Bundle Analyzer
python scripts/bundle_analyzer.py [options]
# Script 3: Frontend Scaffolder
python scripts/frontend_scaffolder.py [options]
Automated tool for component generator tasks.
Features:
Usage:
python scripts/component_generator.py <project-path> [options]
Comprehensive analysis and optimization tool.
Features:
Usage:
python scripts/bundle_analyzer.py <target-path> [--verbose]
Advanced tooling for specialized tasks.
Features:
Usage:
python scripts/frontend_scaffolder.py [arguments] [options]
Comprehensive guide available in references/react_patterns.md:
Complete workflow documentation in references/nextjs_optimization_guide.md:
Technical reference guide in references/frontend_best_practices.md:
Languages: TypeScript, JavaScript, Python, Go, Swift, Kotlin Frontend: React, Next.js, React Native, Flutter Backend: Node.js, Express, GraphQL, REST APIs Database: PostgreSQL, Prisma, NeonDB, Supabase DevOps: Docker, Kubernetes, Terraform, GitHub Actions, CircleCI Cloud: AWS, GCP, Azure
# Install dependencies
npm install
# or
pip install -r requirements.txt
# Configure environment
cp .env.example .env
# Use the analyzer script
python scripts/bundle_analyzer.py .
# Review recommendations
# Apply fixes
Follow the patterns and practices documented in:
references/react_patterns.mdreferences/nextjs_optimization_guide.mdreferences/frontend_best_practices.md# Development
npm run dev
npm run build
npm run test
npm run lint
# Analysis
python scripts/bundle_analyzer.py .
python scripts/frontend_scaffolder.py --analyze
# Deployment
docker build -t app:latest .
docker-compose up -d
kubectl apply -f k8s/
Check the comprehensive troubleshooting section in references/frontend_best_practices.md.
references/react_patterns.mdreferences/nextjs_optimization_guide.mdreferences/frontend_best_practices.mdscripts/ directoryWeekly Installs
1.0K
Repository
GitHub Stars
23.5K
First Seen
Jan 20, 2026
Security Audits
Gen Agent Trust HubPassSocketPassSnykPass
Installed on
opencode799
gemini-cli786
codex756
github-copilot708
cursor672
claude-code636
React 组合模式指南:Vercel 组件架构最佳实践,提升代码可维护性
102,200 周安装
Firebase 最佳实践指南:安全规则、成本控制与数据建模,避免常见陷阱
872 周安装
GraphQL 操作最佳实践指南:查询、变更、订阅编写与优化技巧
874 周安装
LetzAI API 集成指南:AI图像视频生成、编辑与放大API调用教程
877 周安装
签证文件自动翻译工具 - 支持OCR识别、专业翻译、PDF生成,一站式处理签证申请材料
879 周安装
Salesforce 开发者指南:Apex、LWC、SOQL 最佳实践与 DevOps 部署
879 周安装
OKX Onchain OS 安全技能:代币风险分析、DApp钓鱼检测、交易预执行安全、签名授权管理
879 周安装