Browse

Frontend

150

Skills Found

#	Name	Author	Category	Stars	Score	BP
37	formik-patterns 该技能提供在React Native项目中使用Formik和Yup实现表单验证的实用代码示例。涵盖登录表单、条件验证、多步骤流程和GraphQL集成等常见模式，包含错误处理、加载状态和表单状态管理。	@ChrisWiles	frontend	5.6k	8.6	A
38	panda-css 一个将自然语言描述转换为Panda CSS代码的Claude技能。帮助开发者生成正确的CSS-in-JS语法，支持响应式设计模式，并为常见样式任务提供工具类建议。	@hashintel	frontend	1.4k	8.1	F
39	server-components 该技能详细讲解Next.js App Router中的React服务器组件，涵盖服务器与客户端组件的区别、组合模式、数据获取策略和实际代码示例，帮助开发者理解何时使用哪种组件类型以及如何有效构建应用。	@davepoon	frontend	2.7k	8.4
40	ark-ui 基于Ark UI库生成React组件，包含TypeScript类型和样式。根据描述创建功能性UI元素，处理属性和基本交互。适用于原型设计和组件脚手架。	@hashintel	frontend	1.4k	7.9	F
41	svelte-runes 为Svelte 5的Runes系统提供清晰、结构化的指导，包含实用示例和迁移建议。涵盖决策矩阵、常见错误和附件模式，重点防止响应式错误和语法混用。	@spences10	frontend	196	8.5	B
42	building-nextjs-apps 该技能提供构建Next.js 16应用的具体指导，重点关注异步参数、代理文件等破坏性变更。提供布局、动态路由、服务端操作和数据获取的代码模式。包含日期时间处理和项目结构的实用解决方案。	@panaversity	frontend	159	8.8	B
43	webpack Webpack reference tool. Use when working with webpack in frontend contexts.	@openclaw	frontend	3.7k	-	S
44	state-management 为前端应用状态管理提供清晰的决策树和具体代码示例，涵盖本地、全局、服务器和URL状态。包含React（Zustand/TanStack Query）和Vue（Pinia）的实践模式，指导何时使用何种方案。	@MadAppGang	frontend	248	8.8	F
45	server-actions 详细指导如何在Next.js中使用Server Actions处理表单提交和数据变更。涵盖表单状态管理、Zod验证、缓存重验证模式以及购物车、自动保存等实际案例。提供常见场景的代码示例。	@davepoon	frontend	2.7k	8.3
46	building-chat-interfaces 该技能提供将OpenAI ChatKit与自定义后端集成的模式，重点解决身份验证、上下文注入和数据库持久化问题。包含Python服务器、React前端和Next.js代理的代码示例，用于处理JWT认证和用户上下文。	@panaversity	frontend	159	7.9	B
47	sveltekit-structure 提供SvelteKit文件结构和路由模式的快速参考文档。涵盖页面/布局文件、路由参数、错误边界和SSR水合等核心概念。包含实用示例，并将详细说明分离到引用文件中。	@spences10	frontend	196	8.5	B
48	frontend-design 该技能生成具有明确美学方向的前端代码，避免通用AI模式。提供字体、色彩、动效和布局的具体指导，强调大胆创意而非安全选项，旨在创建令人印象深刻的界面。	@panaversity	frontend	159	8.2	B

4/13