前端开发 Skill技能列表

RemixCache技能Skill remix-cache

4.5

Remix Cache 是一个为 Remix 应用程序设计的类型安全、基于 Redis 的缓存库,支持 SSE 实时失效、过期-同时-再验证、模式匹配和自动 React 再验证。它适用于需要在 Remix 应用中实现缓存策略、处理缓存失效、进行实时数据同步的场景。

国际化助手Skill internationalization-helper

4.5

国际化助手是一个用于管理和实施软件多语言支持的技能。它专注于提取硬编码字符串、管理翻译文件、确保区域覆盖,并遵循最佳实践来简化应用程序的国际化(i18n)和本地化(l10n)流程。关键词:国际化 i18n,本地化 l10n,多语言应用,翻译管理,区域设置,前端开发,软件开发。

ShopifyApp开发技能Skill shopify-apps

4.5

Shopify App开发技能涉及使用Remix框架、Admin API和结账UI扩展来构建Shopify应用,关键词包括Shopify、Remix、Admin API、结账扩展。

Next.js14+AppRouterPatternsSkill Next.js14+AppRouterPatterns

4.5

Next.js 14+ App Router 是一个专家级框架,用于构建现代 React 应用程序,包含 Server Components、Streaming、Server Actions 和改进的数据获取能力。

TanStackQueryv5服务器状态管理技能Skill tanstack-query

4.5

这个技能教授如何使用 TanStack Query v5(React Query)进行 React 应用中的服务器状态管理,包括数据获取、缓存、突变和错误处理。关键词:TanStack Query, React Query, useQuery, useMutation, 数据获取, 缓存, 服务器状态, 前端开发。

前端构建工具套件Skill artifacts-builder

4.5

这是一个前端构建工具套件,用于创建复杂的多组件HTML艺术品,基于React、TypeScript、Tailwind CSS和shadcn/ui等现代前端技术。支持状态管理、路由和组件集成,适合高级前端项目开发和Claude AI工具集制作。关键词:前端开发、React、TypeScript、HTML构建、工具集、Claude AI、状态管理、路由、组件库。

TypeScript工具类型Skill typescript-utility-types

4.5

此技能专注于使用TypeScript的内置工具类型、映射类型、条件类型和高级类型操作技术,用于创建灵活、类型安全的TypeScript代码,提升开发效率和代码质量。关键词:TypeScript、工具类型、映射类型、条件类型、类型安全、代码生成、前端开发、类型推断、模板文字类型。

现代Web应用架构技能Skill modern-web-app-architecture

4.5

本技能提供现代Web应用架构的全面指导,涵盖SPA、SSR、SSG、RSC等渲染策略,专注于架构权衡、状态管理、性能优化、测试和团队扩展。关键词:Web应用、架构设计、前端开发、性能优化、SEO、状态管理、测试策略。

移动优先设计规则Skill mobile-first-design-rules

4.5

这个技能专注于移动优先设计和响应式排版,使用Tailwind框架,帮助开发者遵循最佳实践,优化代码可读性和跨设备兼容性。关键词:移动优先设计、响应式排版、Tailwind、前端开发、代码审查、Web开发、UI/UX。

高级前端设计与开发Skill frontend-design

4.5

此技能专注于创建高质量、独特的前端界面设计,避免通用AI美学。应用于网站、应用开发,注重创意、细节和代码质量,关键词包括前端设计、UI界面、创意开发、生产级代码、美学优化。

HUD状态行配置技能Skill hud

4.5

这个技能用于配置Claude Code的抬头显示(HUD),允许用户自定义状态行的布局、预设和显示元素,以增强开发体验。关键词:HUD配置, 状态行, Claude Code, 插件设置, 抬头显示

Next.js应用路由器技能Skill nextjs-app-router

4.5

这个技能用于使用Next.js 13+的App Router架构构建现代Web应用,支持服务器组件、客户端组件、高级路由模式,优化数据获取和渲染性能,提升SEO友好性。关键词:Next.js, App Router, 服务器渲染, React, 前端开发