前端开发 Skill技能列表
ShopifyApp开发技能Skill shopify-apps
Shopify App开发技能涉及使用Remix框架、Admin API和结账UI扩展来构建Shopify应用,关键词包括Shopify、Remix、Admin API、结账扩展。
Next.js14+AppRouterPatternsSkill Next.js14+AppRouterPatterns
Next.js 14+ App Router 是一个专家级框架,用于构建现代 React 应用程序,包含 Server Components、Streaming、Server Actions 和改进的数据获取能力。
TanStackQueryv5服务器状态管理技能Skill tanstack-query
这个技能教授如何使用 TanStack Query v5(React Query)进行 React 应用中的服务器状态管理,包括数据获取、缓存、突变和错误处理。关键词:TanStack Query, React Query, useQuery, useMutation, 数据获取, 缓存, 服务器状态, 前端开发。
网络研究技能Skill skill-web-research
该技能用于执行网络开发研究,通过框架文档和代码库探索来收集技术信息,支持Astro、Tailwind、Cloudflare等前端技术,并自动处理研究后的状态更新、工件链接和版本控制操作。关键词包括:web开发、研究技能、框架文档、代码库探索、前端技术、状态管理、自动化流程。
前端构建工具套件Skill artifacts-builder
这是一个前端构建工具套件,用于创建复杂的多组件HTML艺术品,基于React、TypeScript、Tailwind CSS和shadcn/ui等现代前端技术。支持状态管理、路由和组件集成,适合高级前端项目开发和Claude AI工具集制作。关键词:前端开发、React、TypeScript、HTML构建、工具集、Claude AI、状态管理、路由、组件库。
Biome代码格式化Skill biome-formatting
Biome代码格式化技能用于配置和使用Biome快速格式化工具,对JavaScript、TypeScript、JSON等前端代码进行格式化,确保代码风格一致性和团队协作效率。关键词:Biome、代码格式化、前端开发、配置管理、风格指南、JavaScript、TypeScript。
现代Web应用架构技能Skill modern-web-app-architecture
本技能提供现代Web应用架构的全面指导,涵盖SPA、SSR、SSG、RSC等渲染策略,专注于架构权衡、状态管理、性能优化、测试和团队扩展。关键词:Web应用、架构设计、前端开发、性能优化、SEO、状态管理、测试策略。
移动优先设计规则Skill mobile-first-design-rules
这个技能专注于移动优先设计和响应式排版,使用Tailwind框架,帮助开发者遵循最佳实践,优化代码可读性和跨设备兼容性。关键词:移动优先设计、响应式排版、Tailwind、前端开发、代码审查、Web开发、UI/UX。
高级前端设计与开发Skill frontend-design
此技能专注于创建高质量、独特的前端界面设计,避免通用AI美学。应用于网站、应用开发,注重创意、细节和代码质量,关键词包括前端设计、UI界面、创意开发、生产级代码、美学优化。
shadcnUI组件库Skill shadcn-ui
shadcn/ui 是一个前端开发技能,用于快速构建基于 React 的应用用户界面。它提供了一系列预设计的、美观且可访问的 UI 组件,基于 TypeScript、Tailwind CSS 和 Radix UI,支持通过 CLI 工具复制和粘贴组件到项目中,实现高效的 UI 开发和自定义。关键词:前端开发、UI 组件、React、Tailwind CSS、shadcn/ui、Radix UI、TypeScript、可访问性、深色模式、表单验证。
HUD状态行配置技能Skill hud
这个技能用于配置Claude Code的抬头显示(HUD),允许用户自定义状态行的布局、预设和显示元素,以增强开发体验。关键词:HUD配置, 状态行, Claude Code, 插件设置, 抬头显示
Next.js应用路由器技能Skill nextjs-app-router
这个技能用于使用Next.js 13+的App Router架构构建现代Web应用,支持服务器组件、客户端组件、高级路由模式,优化数据获取和渲染性能,提升SEO友好性。关键词:Next.js, App Router, 服务器渲染, React, 前端开发