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. ✦前端开发

剧本线

🎨 前端开发

照着设计稿手调像素,无障碍最后才想起。

一句话出组件,评审一次通过。

调样式 2 小时→10 分钟过评审最后才补无障碍→默认就无障碍
全部标签22react21javascript16frontend14documentation13markdown11nodejs11python11database10backend10security10testing9authentication8vue7git5debugging

本条剧本线 16 个技能

🎨

智能体

免费

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

前端开发11 KB
查看详情
🎨

API 合同同步管理器

高级

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

前端开发11 KB
查看详情
🎨

贝特尔认证

高级

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

前端开发7 KB
查看详情
🎨

克劳德Md增强器

高级

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

前端开发16 KB
查看详情
🎨

开发者增长分析

高级

分析您最近的 Claude 代码聊天历史,以识别编码模式、开发差距和改进领域,从 HackerNews 中整理相关学习资源,并自动将个性化的成长报告发送到您的 Slack 私信。

前端开发15 KB
查看详情
🎨

Expo 路由专家

高级

React Native应用中基于文件的路由的Expo Router专家。涵盖导航、布局、动态路由、深度链接和TypeScript集成。当用户提到Expo Router、基于文件的路由、导航、app目录或Expo中的路由时调用。

前端开发3 KB
查看详情
🎨

前端设计

免费

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

前端开发4 KB
查看详情
🎨

前端开发指南

高级

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

前端开发11 KB
查看详情
🎨

第115行演示文稿创建者

高级

构建包含6个选项卡(概述、要求、架构/C4、技术规范、路线图、指南)的交互式HTML演示文稿。创建演示文稿/README.md中心。在ln-110-documents-pipeline下工作。

前端开发31 KB
查看详情
🎨

格子专家

高级

针对 Plaid 银行 API 集成的专家指导,包括 Link、Auth、Transactions、Identity 和 webhook 处理。当用户提及 Plaid、银行连接、财务数据、ACH 或银行 API 时调用。

前端开发12 KB
查看详情
🎨

ply-engine

免费

Ply 的完整实现与设计指南。当任务涉及 ply-engine API、plyx 工作流或使用 Ply 在 Rust 中构建 UI 时,请使用此技能。

前端开发40 KB
查看详情
🎨

提示工厂

高级

世界顶级提示词生成引擎,通过智能7问题流程、覆盖15个专业领域(技术、商业、创意、法律、金融、人力资源、设计、客户、高管、制造、研发、合规、专业技术、研究、创意媒体)的69个综合预设、多种输出格式(XML/Claude/ChatGPT/Gemini)、质量验证关卡以及来自OpenAI/Anthropic/Google的上下文最佳实践,生成适用于任何角色、行业和任务的可用于生产的大型提示词。支持核心和高级两种模式,并提供测试场景和提示词变体功能。

前端开发36 KB
查看详情
🎨

技能创作者

免费

创建有效技能指南。当用户想要创建新技能(或更新现有技能)以通过专业知识、工作流程或工具集成扩展Claude的功能时,应使用此技能。

前端开发17 KB
查看详情
🎨

技能开发人员

高级

按照Anthropic最佳实践创建和管理Claude Code技能。用于创建新技能、修改skill-rules.json、理解触发模式、使用钩子、调试技能激活或实现渐进式披露。涵盖技能结构、YAML头、触发类型(关键字、意图模式、文件路径、内容模式)、执行级别(阻止、建议、警告)、钩子机制(UserPromptSubmit、PreToolUse)、会话跟踪和500行规则。

前端开发12 KB
查看详情
🎨

终端标题

高级

自动将终端窗口标题更新为当前高级任务。在每次Claude Code会话开始时,当用户提供第一个提示时,以及每当用户切换到一个明显的新高級任务时使用。通过提供每个终端正在处理的内容的清晰、一目了然的标识,帮助开发人员管理多个Claude Code终端。

前端开发4 KB
查看详情
🎨

ui-ux-pro-max

免费

适用于 Web、移动端和桌面端的 UI/UX 设计智能。在设计、构建、审查或修复界面(包括页面、组件、设计系统、无障碍、交互、响应式布局、排版、色彩、图表以及特定技术栈的 UI 实现)时使用此技能。可搜索的本地数据:79 种可搜索样式(50 种可用)、192 种产品配色与推理画像、74 种字体搭配、119 条 UX 准则、105 个图标、17 个 GSAP 预设、25 种图表类型和 22 个技术栈。

前端开发16 KB
查看详情

第 1 / 1 页 · 展示 16 / 16

上一页下一页