Frontend Dev Guidelines

davila7/claude-code-templates/cli-tool/components/skills/development/frontend-dev-guidelines

作者 davila78da17d671b6f无许可证32K 个星标收录于 2026年10月8日更新于 2026年10月8日仓库今天更新

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.

仅含说明Software Development

仅公开文件列表。将技能安装到工作区后即可查看文件内容。

路径大小类型
resources/common-patterns.md8.2 KBtext/markdown
resources/complete-examples.md23.9 KBtext/markdown
resources/component-patterns.md10.6 KBtext/markdown
resources/data-fetching.md19.4 KBtext/markdown
resources/file-organization.md11.6 KBtext/markdown
resources/loading-and-error-states.md11.8 KBtext/markdown
resources/performance.md9.4 KBtext/markdown
resources/routing-guide.md7 KBtext/markdown
resources/styling-guide.md7.7 KBtext/markdown
resources/typescript-standards.md8.2 KBtext/markdown
SKILL.md11.1 KBtext/markdown

来源与署名

来源：davila7/claude-code-templates位于cli-tool/components/skills/development/frontend-dev-guidelines提交8da17d6

许可证： 无许可证

内容归原作者所有。SourceWeft 从公开仓库中收录这些内容。

举报或申请下架

更多来自 davila7/claude-code-templates 的技能

React Best Practices

davila7

面向 React 与 Next.js 的性能指南，包含 40 多条关于瀑布请求、打包体积、渲染与重渲染的规则。

包含脚本
Software Development32K今天更新

Web Performance Optimization

davila7

指导开发者测量并修复网页性能问题，如核心网页指标、打包体积、图片与缓存。

Software Development32K今天更新

Find Bugs

davila7

审查本地分支改动中的缺陷、安全漏洞与代码质量问题，仅报告发现而不修改代码。

Security32K今天更新

Browser Automation

davila7

指导使用 Playwright 和 Puppeteer 进行浏览器自动化，用于测试、抓取和智能体浏览器控制。

Software Development32K今天更新

Code Review

davila7

依据 Sentry 工程实践指导代码审查，涵盖安全、性能、测试与设计。

Software Development32K今天更新

Commit

davila7

按照 Sentry 的约定式提交规范格式化 Git 提交信息，包括问题引用。

Software Development32K今天更新

更多Software Development技能

Playground

anthropics

精选

构建自包含的交互式 HTML 演练场，包含控件、实时预览和可复制的提示词输出。

Software Development37K今天更新

M5 Onboard

anthropics

精选

通过 USB 检测 M5Stack ESP32 开发板，刷写 UIFlow 2.0 固件并安装 MicroPython 应用包。

Software Development37K今天更新

Cardputer Buddy

anthropics

精选

指导迭代 Cardputer-Adv 的 MicroPython 应用包：添加应用、通过 USB 串口推送文件、查看日志并运行 REPL 命令。

Software Development37K今天更新

Web Design Guidelines

vercel-labs

精选

依据从远程来源获取的 Web Interface Guidelines 审查 UI 代码，并以 file:line 形式报告问题。

Software Development32K5周前更新

Vercel React Native Skills

vercel-labs

精选

React Native 与 Expo 最佳实践规则，涵盖列表性能、动画、导航、UI 模式、状态与 monorepo 配置。

Software Development32K5周前更新

Vercel React Best Practices

vercel-labs

精选

Vercel 的 React 与 Next.js 性能指南，以 70 条规则的形式用于编写、审查和重构代码。

Software Development32K5周前更新