Browse

Frontend

150

Skills Found

#	Name	Author	Category	Stars	Score	BP
13	frontend-design 该技能生成具有强烈美学方向的前端代码，避免通用AI设计模式。提供字体、色彩、动效和布局的具体指导，创建令人印象深刻的界面。工具鼓励大胆的创意选择而非安全默认方案。	@anthropics	frontend	15.6k	8.4	B
14	discover-frontend 一个为React和Next.js项目自动加载前端开发专业知识的网关技能。它提供对11个专业子技能的结构化访问，涵盖组件、状态管理、数据获取、表单、可访问性、性能、SEO和Web Workers。该技能根据项目上下文激活，并提供渐进式加载以高效管理token使用。	@rand	frontend	85	9.1
15	css-modules 该技能详细介绍了在Vite项目中使用Lightning CSS和PostCSS实现CSS Modules的方法。涵盖文件命名规范、组合模式、TypeScript集成以及与Tailwind的混合使用方案。提供动画、第三方组件样式和性能优化的实际示例。	@MadAppGang	frontend	248	8.6	B
16	frontend-components-standards 一个全面实用的前端组件开发指南，提供清晰的组件设计原则、优秀示例和框架无关的建议。	@maxritter	frontend	1.6k	8.5	C
17	api-integration 一个使用MCP将OpenAPI规范与React应用集成的全面指南，具有优秀的类型安全、查询层模式和实用的实现细节。	@MadAppGang	frontend	248	8.3	B
18	react-email React Email 提供用于构建跨邮件客户端兼容的 HTML 邮件的 React 组件。包含核心结构组件、内容元素和 Tailwind 支持等特性。技能文档提供了欢迎邮件、新闻通讯和团队邀请的示例，包含 TypeScript 类型和内联样式。	@resend	frontend	18.3k	8.3	B
19	react-patterns 提供React 19特性的具体模式，包括React编译器优化、服务器操作和新钩子。明确指导何时使用Actions与TanStack Query进行数据变更，包含表单处理、乐观更新和组件组合的实际代码示例。	@MadAppGang	frontend	248	8.3	B
20	typography-selector 该技能帮助前端开发者和设计师从Google Fonts选择和实现字体排版。它提供基于浏览器的字体浏览流程，生成导入代码和Tailwind配置，并在浏览器工具不可用时提供精选的备用字体组合。包含实用的排版指南和性能提示。	@davepoon	frontend	2.7k	8
21	design-wizard 一个交互式向导，引导用户完成从前端设计探索到代码生成的结构化流程。它询问项目类型、受众和风格偏好，然后调用工具进行趋势研究、情绪板创建、色彩和字体选择。最终生成包含语义化HTML、Tailwind CSS和可访问性功能的单文件代码。	@davepoon	frontend	2.7k	7.9
22	tailwindcss 提供TailwindCSS v4的CSS优先配置模式，使用@theme和@source指令。涵盖设计令牌、CSS变量、容器查询、深色模式和Vite集成。包含v3迁移指南和浏览器兼容性要求。	@MadAppGang	frontend	248	8.4	B
23	app-router 该技能详细指导Next.js App Router的约定，包括文件结构、布局、加载状态、错误边界，以及并行路由和拦截路由等高级模式。它为模态框和标签导航等常见场景提供了具体的代码示例。	@davepoon	frontend	2.7k	8.2
24	react-typescript 提供React 19+与TypeScript的具体开发模式，包括函数组件、自定义Hook、Context/Zustand状态管理、TanStack Query集成、React Hook Form结合Zod的表单处理、错误边界和性能优化技术如记忆化。	@MadAppGang	frontend	248	8.8	B

2/13