Browse

Frontend

150

Skills Found

#	Name	Author	Category	Stars	Score	BP
01	frontend-design 生成具有鲜明美学方向的前端代码，避免通用AI设计模式。提供字体、色彩、动效和空间布局的具体指导，帮助创建令人印象深刻的界面。	@anthropics	frontend	94.3k	8.2	B
02	ui 该技能使用 shadcn/ui 和 Tailwind CSS 生成 UI 组件和反馈表单。它强制执行严格的辅助功能指南和设计约束，优先考虑生产就绪的代码。包含一个用于无障碍检查的质量门，并参考详细的约束文件进行实现。	@Chachamaru127	frontend	385	7.6	S
03	shadcn-ui shadcn/ui组件库的全面文档技能，提供优秀的CLI指导、框架特定设置和实践实现示例。	@MadAppGang	frontend	248	9	F
04	performance-security 一份全面、生产就绪的指南，涵盖现代React应用必备的性能、可访问性和安全实践，并提供实用的代码示例。	@MadAppGang	frontend	248	8.4	A
05	frontend-css-standards 为不同CSS方法论（Tailwind、BEM、CSS模块）提供一致的编码指导。强调使用设计令牌而非硬编码值，遵循框架模式而非覆盖，包含性能优化建议。提供实际示例和验证清单，适用于真实项目。	@maxritter	frontend	1.6k	8.4	B
06	frontend-design 通过强制执行特定设计原则生成具有独特视觉美感的前端代码。避免通用的AI生成模式，鼓励大胆的排版、色彩选择和空间构图。提供排版、动效和视觉细节的具体指导。	@anthropics	frontend	94.5k	8.3	B
07	react-ui-patterns 提供React加载状态、错误处理和表单提交的具体模式。包含正确与错误代码示例、加载指示器的决策树以及需要避免的反模式。遵循不显示陈旧UI和始终暴露错误等用户体验原则。	@ChrisWiles	frontend	5.7k	8.9	S
08	router-query-integration 提供将TanStack Router与TanStack Query集成的具体模式，消除导航时的请求瀑布。展示如何在组件渲染前使用路由加载器预取数据，包含并行查询、依赖查询和错误处理的示例。	@MadAppGang	frontend	248	8.8	B
09	ui-implementer 根据Figma文件或设计截图自动实现UI组件。使用专门的代理进行实现和验证，根据性能在UI Developer和UI Developer Codex之间智能切换。包含迭代修复循环和设计保真度评分。	@MadAppGang	frontend	248	7.9	B
10	styling 提供具体的CSS和Tailwind样式指南，重点减少包装元素并提倡工具类优先。包含好与坏模式的具体示例，并引用团队特定工具如cn()和tailwind-variants。	@EpicenterHQ	frontend	4.3k	8.4
11	G2 Legend Expert 提供G2图表库图例渲染系统的详细知识，包括组件推断、布局计算和交互处理。解释了手动设置内边距导致图例高度变化的原因，并给出具体解决方案。适合需要定制或调试G2图例的开发者。	@antvis	frontend	12.5k	8.4
12	schema-markup 提供Article、FAQPage、HowTo等常见Schema.org类型的JSON-LD模板。包含实施清单和Google搜索结果验证步骤。帮助开发者无需记忆语法即可添加结构化数据。	@MadAppGang	frontend	248	7.8	A

1/13