component-library
面向 React/Next.js 单体仓库的组件架构规范技能,提供组件命名、结构与复用模式指引,适用于创建或重构 UI 组件及审查组件架构。
找到适合任务的 Agent Skill,阅读介绍并复制安装命令。
更新于 10-18 00:12
10,837 个结果
面向 React/Next.js 单体仓库的组件架构规范技能,提供组件命名、结构与复用模式指引,适用于创建或重构 UI 组件及审查组件架构。
该技能为应用状态管理提供指南与最佳实践,涉及 React Query、Zustand 和 MMKV,适用于需要管理应用状态的场景。详细文档见 ../../rules/13-state-management.md。
面向 React 应用的国际化(i18n)实现技能,覆盖用户可见文案、日期时间、货币、列表、序数的本地化格式,ICU MessageFormat 复数处理,以及 RTL 语言(希伯来语、阿拉伯语)支持。提供格式化工具、检查清单与组件示例等配套资源。
bunshin 是 genjutsu 技能体系中最重的流水线,用于从客户真实素材出发,从零构建或整体重做整个网站或 Web 应用。由一名艺术指导(你)掌控方向,多个克隆子代理并行研究、建页、独立评审并执行计划。
Refine 是一个面向企业级 CRUD 应用的 headless React 框架,提供数据获取、路由、鉴权和访问控制,且不绑定 UI。围绕数据提供者、资源、Hooks、鉴权提供者和路由提供者等抽象组织代码,适合构建管理后台与内部工具。
面向 AI 智能体的省 token 网页浏览与内容提取 CLI:把网页渲染成紧凑的编号终端视图,典型页面不超过 500 token。支持打开、跟踪链接、查找、翻页、读区段、导出 markdown,以及维基、GitHub、Reddit 等站点快捷方式。
用于在 .NET MAUI 应用中实现 Syncfusion Carousel(SfCarousel)控件的技能,支持通过图片或内容集合进行交互式导航,并提供视图模式、动画、加载更多、UI 虚拟化、滑动事件与自定义模板等能力。
这是一个面向 Expo Router 的导航相关技能,资料说明其在实现导航时使用,并提供指引与最佳实践,详细文档参见 ../../rules/14-navigation.md。
html-skills-stop 是 html-skills 的会话级关闭技能,用于结束当前 Claude Code 会话的服务器模式:终止本会话的接收器、清理临时文件,并停止由 html-skills-listen 启动的 Monitor 任务。
面向 Vue 2 应用的 Vuex 2.x 状态管理技能,提供安装、快速上手、核心概念(state、getters、mutations、actions)、模块、插件与 API 的示例与模板,按官方文档结构组织,便于检索和套用。
Tailwind CSS 调试与常见问题排查技能,覆盖样式不生效、JIT 未识别、v4 迁移、类名被覆盖、typography 与 forms 插件问题,以及调试工具与错误信息处理。
面向 Framer Motion 的六个专项技能,覆盖核心动画、React/Next.js 集成、变体编排、滚动动画、手势交互与布局动画(含共享元素过渡)。通过 npx skills add 安装,适用于 React 项目的动效开发。
stitch-mcp CLI 是把 Google Stitch 平台生成的 AI UI 设计接入本地开发流程的命令行工具,支持本地预览、生成可部署的 Astro 站点,以及把 Stitch MCP 工具代理给编码智能体,并自动刷新令牌。
面向 React Native 与 Flutter 的移动开发技能,涵盖导航、状态管理、列表渲染、响应式布局与平台差异化处理,并提供组件结构示例、反模式提示与开发检查清单。
用于指导 React Native 组件开发的技能,涵盖 StyleSheet、动态样式、FlatList 性能优化与无障碍移动端 UI,适合在构建 React Native 界面组件时使用。
Syncfusion .NET MAUI Switch(SfSwitch)控件技能,用于在 .NET MAUI 应用中实现和自定义开关/切换控件,支持多状态、事件处理、视觉状态管理与主题。
面向 Vue 3 后台管理项目的开发规范技能,覆盖 Composition API、TypeScript、Vite、Pinia、Vue Router、UnoCSS、SCSS 与 Element Plus 技术栈,提供目录结构、命名、组件、API、Store、Composables、注释与权限等约定及参考文档。
面向落地页、作品集、营销站点和一次性创意项目的界面设计技能,源自 Anthropic 前端设计技能改编,强调大胆统一的审美方向,避免千篇一律的「AI 味」,用于创意性页面而非标准应用组件。
基于 each::sense AI 的梗图生成技能,可通过 API 生成经典模板、自定义、品牌、反应、对比、多格漫画等各类表情包图片,适用于社交媒体分享、品牌营销与职场幽默。
Maizzle 6 是一个用 Vue 组件与 Tailwind CSS 构建 HTML 电子邮件的框架,可输出兼容主流邮件客户端的模板。支持脚手架创建、开发服务器、生产构建、纯文本版本与编程式渲染。
daisyUI 5 是面向 Tailwind CSS 4 的 CSS 组件库,通过语义化类名快速构建常见 UI 组件。资料涵盖其安装方式、类名使用规则、语义化颜色系统、主题配置与自定义主题,以及在 React 项目中封装 daisyUI 组件的流程。
Tailwind CSS v4 技能,覆盖 CSS 优先配置、设计令牌、组件模式、shadcn/ui 集成、暗色模式、容器查询与 v3 迁移。
用于在 Angular 中集成 Bootstrap(ng-bootstrap)的 AI 技能,覆盖 Bootstrap 5、独立组件与 Angular 17+ 兼容,提供安装、样式引入及 Modal、Dropdown、Accordion、Datepicker、Toast、Typeahead 等组件的用法指导。
一套现代前端工程技能,聚焦 React Server Components、流式渲染、代码分割、打包优化以及 Core Web Vitals(LCP、INP、CLS)的优化与监控实践。