Browse

Frontend

150

Skills Found

#	Name	Author	Category	Stars	Score	BP
49	core-components 为React Native项目提供设计令牌系统和核心UI组件的使用指南。重点强调用间距、颜色和排版令牌替换硬编码值。包含Box、HStack、VStack、Text、Button、Input和Card组件的示例，并明确指出了反模式。	@ChrisWiles	frontend	5.7k	8.4	A
50	tailwind-css 一份全面且结构清晰的Tailwind CSS参考指南，为现代前端开发提供了实用的模式和示例，清晰度高，实用性强。	@giuseppe-trisciuoglio	frontend	189	8.5	B
51	browser-debugger 将Chrome DevTools与视觉模型结合，自动化UI测试、设计还原度检查和调试。为不同角色提供详细操作流程、模型选择指导和具体验证示例。专注于真实浏览器交互而非模拟测试。	@MadAppGang	frontend	248	8.2	C
52	graphql-schema 提供使用Apollo Client进行GraphQL操作的具体模式，强调文件组织、代码生成和强制错误处理。强制分离.gql文件与生成代码，要求突变期间禁用按钮，包含查询、突变和乐观更新的示例。	@ChrisWiles	frontend	5.7k	8.4	A
53	frontend-dev-guidelines 为现代React/TypeScript应用提供具体实现模式，包括Suspense、懒加载、TanStack Query和MUI v7。包含检查清单、导入别名、文件组织规则以及组件、数据获取、表单和路由的工作代码示例。	@Dimon94	frontend	99	8.9
54	demoify-skill 该技能通过Chrome DevTools MCP集成，实时修改网页以创建干净的演示截图。提供文本替换、UI隐藏和截图捕获的具体工作流程，包含Gmail和发票演示的实用示例。文档包含具体的图像比例和真实的演示数据指南。	@different-ai	frontend	214	7.9	F
55	svelte-components 提供实用的 Svelte 模式，涵盖 Web 组件、表单处理以及集成 Bits UI 和 Ark UI 等流行 UI 库。包含针对常见场景的具体代码示例，如表单属性在表格外的使用和 Svelte 5 自定义元素的注意事项。主要作为快速参考手册。	@spences10	frontend	196	8.4	B
56	shadcn-ui 一个全面实用的shadcn/ui组件库实施指南，包含详细的设置说明、配置示例和React/Next.js项目组件模式。	@giuseppe-trisciuoglio	frontend	189	8	B
57	react-best-practices 提供React Hooks、Effects和组件设计的具体模式和反模式。重点指导如何避免不必要的副作用、正确管理依赖项和执行清理。包含派生状态、事件处理和获取数据等常见场景的代码示例。	@0xBigBoss	frontend	42	8.9	B
58	frontend-design 该技能生成具有明确美学方向的前端代码，避免通用AI设计。强制使用特定动画库（anime.js v4），提供详细的排版和配色指南，推动在Web界面中做出大胆的创意选择。	@mrgoonie	frontend	1.9k	8.4	A
59	frontend-patterns 提供使用 Next.js App Router、Clerk 身份验证、shadcn/ui 组件和 PostHog 分析构建前端的明确模式。包含服务器/客户端组件、受保护路由、表单验证和事件跟踪的清晰示例。提供无障碍访问和响应式设计检查清单。	@bybren-llc	frontend	50	8.2	A
60	landing-page-guide 该技能为使用Next.js 14+和ShadCN UI构建落地页提供结构化框架。它强制要求包含11个转化必备元素，提供完整组件示例和SEO元数据设置。指南涵盖项目结构、必需依赖和实现工作流。	@bear2u	frontend	803	8.3

5/13