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 一次装好反复试错调通→#frontend 随取随用

前端设计

创建具有高设计质量的独特、生产级前端界面。当用户要求构建Web组件、页面或应用程序时,请使用此技能。生成富有创意、精美的代码,避免通用的AI美学风格。

🎨 Frontend✦免费变身✦7 种语言

你将成为

使用场景

适用于以下场景

✦ 01📝

合同起草

创建包含修订痕迹并保留格式的法律协议

✦ 02📊

报告生成

生成具有统一格式和样式的专业报告

✦ 03💬

协同编辑

通过评论和版本控制启用团队协作

✦ 04🔍

内容提取

为进行分析或迁移,从文档中提取文本

装备后的数字

为什么选择这个技能

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

50%

更快的文档准备

将手动格式化和编辑所花费的时间减少一半

30%

减少错误

通过自动变更跟踪,降低修订错误

40%

团队效率

大幅提升协作文档处理速度

装备内容

里面有什么

文件、标签与三步安装

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

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

相关标签

#frontend#react#vue

技术信息

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

带走这个技能

免费变身

免费技能登录后即可下载,装好就能用。

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

接着演下去

相关技能推荐

基于标签和分类的推荐

查看所有技能
🎨

智能体

免费

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

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
查看详情
🎨

贝特尔认证

高级

使用 Better Auth(一个与框架无关的 TypeScript 身份验证框架)实现身份验证和授权。功能包括带验证的电子邮件/密码身份验证、OAuth 提供商(Google、GitHub、Discord 等)、双因素身份验证(TOTP、SMS)、密码密钥/WebAuthn 支持、会话管理、基于角色的访问控制(RBAC)、速率限制和数据库适配器。用于为应用添加身份验证、实现 OAuth 流程、设置 2FA/MFA、管理用户会话、配置授权规则,或为 Web 应用构建安全的身份验证系统。

Frontend7 KB
查看详情
🎨

克劳德Md增强器

高级

使用最佳实践、模块化架构支持和技术栈定制,分析、生成并增强适用于任何项目类型的CLAUDE.md文件。在创建新项目、改进现有CLAUDE.md文件或建立AI辅助开发标准时使用。

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