SkillFeeder › 全部 Skill › 工程开发 › frontend-dev-guidelines
用现代 React 模式快速搭建高性能 TypeScript 前端功能
frontend-dev-guidelines
frontend-dev-guidelines 是 SkillFeeder 收录的Agent Skill，来自 GitHub 仓库 diet103/claude-code-infrastructure-showcase，★ 10,047。用现代 React 模式快速搭建高性能 TypeScript 前端功能。适合React 全栈/前端开发者。场景是工程开发 · SDK/API。能做的事包括生成符合 Suspense 和 lazy 加载规范的组件、按 features 目录结构组织代码并配 TanStack Router、输出 MUI v7 + TypeScript 最佳实践的样式与类型。打开 GitHub 自行安装。
能做什么
- 生成符合 Suspense 和 lazy 加载规范的组件
- 按 features 目录结构组织代码并配 TanStack Router
- 输出 MUI v7 + TypeScript 最佳实践的样式与类型
原文简介
Frontend development guidelines for React/TypeScript applications. Modern patterns including Suspense, lazy loading, useSuspenseQuery, file organization with features directory, MUI v7 styling, TanStack Router, performance optimization, and TypeScript best practices. Use when creating components, pages, features, fetching data, styling, routing, or working with frontend code.
同场景推荐
- api-design所在仓库 affaan-m/ECC，仓库 ★ 300,014设计符合行业标准的 REST API 接口规范
- firecrawl-build所在仓库 firecrawl/firecrawl，仓库 ★ 200,015把实时网页数据接入应用代码，支持搜索、抓取和结构化提取
- firecrawl-build-interact所在仓库 firecrawl/firecrawl，仓库 ★ 200,015点击、填表、翻页、登录后持续交互并提取动态页面数据
- firecrawl-build-onboarding所在仓库 firecrawl/firecrawl，仓库 ★ 200,015一键获取 Firecrawl API 密钥并写入 .env 文件
- firecrawl-build-search所在仓库 firecrawl/firecrawl，仓库 ★ 200,015根据用户问题搜索全网，返回带摘要的优质网页列表。
- pdf所在仓库 anthropics/skills，仓库 ★ 190,432读取、编辑、合并、拆分、加密PDF，提取文字表格图像，OCR扫描件，填写表单
- api-and-interface-design所在仓库 addyosmani/agent-skills，仓库 ★ 114,402设计出难误用、易演进的稳定接口
- chat-sdk所在仓库 lobehub/lobehub，仓库 ★ 84,555一次开发，跨平台部署聊天机器人