skillsfree
💻 开发工具⚙️ 后端开发🎨 前端开发🚀 DevOps⛓️ Web3与区块链🎭 创意设计📄 文档处理📊 数据与AI💼 业务应用🤖 自动化🔒 安全✦ 其他
免费精选定价
⌘K
首页免费精选定价
💻 开发工具⚙️ 后端开发🎨 前端开发🚀 DevOps⛓️ Web3与区块链🎭 创意设计📄 文档处理📊 数据与AI💼 业务应用🤖 自动化🔒 安全✦ 其他
skillsfree

精选 1500+ Claude AI 技能展示平台。发现、学习并提升您的工作效率。

技能分类

开发工具前端开发后端开发数据与AI文档处理DevOps全部分类

资源

GitHub文档API 参考Claude AI

关于

关于我们联系方式常见问题

法律信息

隐私政策服务条款

© 2026 Claude Skills Free. 保留所有权利。

用❤为 Claude 社区倾心打造

☀️
  1. 首页
  2. ✦前端开发
  3. ✦前端开发指南
⏱ 翻遍文档拼方案→Frontend 一次装好反复试错调通→#backend 随取随用

前端开发指南

React/TypeScript 应用的前端开发指南。现代模式包括 Suspense、懒加载、useSuspenseQuery、使用功能目录的文件组织、MUI v7 样式、TanStack Router、性能优化以及 TypeScript 最佳实践。在创建组件、页面、功能、获取数据、样式设计、路由或处理前端代码时使用。

🎨 Frontend✦付费剧本✦7 种语言

你将成为

使用场景

适用于以下场景

✦ 01🎯

快速创建问题

无需切换应用,直接从命令行创建新的 Linear 票据

✦ 02🔍

查看问题状态

无需打开 Linear 仪表板即可查看议题详情和状态

✦ 03💬

评论问题

直接从命令行为现有事项添加评论

✦ 04📝

更新问题详情

通过命令行修改问题的标题、描述或负责人

装备后的数字

为什么选择这个技能

经过验证的优势和可衡量的影响

5x

更快地创建问题

创建 issue 的速度比使用网页界面快 5 倍

50%

减少上下文切换

停留在终端,减少50%的应用切换

3x

快速状态检查

查询问题状态的速度比网页浏览快3倍

装备内容

里面有什么

文件、标签与三步安装

从源仓库下载或复制 skill 文件。
把 skill 文件放进 Claude 的 skills 目录 —— ~/.claude/skills/
重启 Claude 或运行重载命令,skill 会自动加载。
$ cp mrgoonie__claudekit-skills/.claude/skills/frontend-development/Skill.md ~/.claude/skills/

提示: 首次使用前请阅读文档与代码,确认它的功能和所需权限。

相关标签

#backend#frontend#javascript#react

技术信息

作者
mrgoonie
分类
Frontend
文件大小
11.06 KB
来源仓库
mrgoonie__claudekit-skills
许可证
MIT
元数据
包含 YAML 元数据
查看 GitHub 源码

带走这个技能

$9.9/月
付费剧本

解锁全部 450+ 付费剧本的无限下载。

所有 Skills 来自开源社区,保留原作者版权。

接着演下去

相关技能推荐

基于标签和分类的推荐

查看所有技能
🎨

智能体

免费

按照公开的agents.md规范生成并维护AGENTS.md文件。在为AI代理工作流创建文档、编写入职指南或在项目间标准化代理交互模式时使用。

Frontend11 KB
查看详情
🎨

API 合同同步管理器

高级

验证 OpenAPI、Swagger 和 GraphQL 架构与后端实现是否匹配。检测破坏性更改、生成 TypeScript 客户端,并确保 API 文档保持同步。在处理 API 规范文件(.yaml、.json、.graphql)、审查 API 变更、生成前端类型或验证端点实现时使用。

Frontend11 KB
查看详情
🎨

Aptos 去中心化应用集成

高级

在Aptos上构建去中心化应用(具备前端集成、钱包连接(Petra、Martian、Pontem)、TypeScript SDK、交易提交和钱包适配器模式)的专家。由关键词wallet connect、petra、martian、pontem、typescript sdk、aptos sdk、dapp、frontend integration、wallet adapter、transaction、sign触发

Web3 & Blockchain16 KB
查看详情
💻

代理工厂

高级

Claude代码代理生成系统,该系统遵循成熟的生产模式,创建带有增强型YAML前端配置、工具访问模式和MCP集成支持的自定义代理和子代理

Development8 KB
查看详情
查看所有技能