html-ppt-zhangzara-studio
黑底电光黄配色的摄影工作室作品集与报价演示模板，以单文件HTML幻灯片形式交付，适合工作室资质介绍、创意机构提案、品牌展示与艺术指导评审等需要强烈设计感的场合。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-20 00:13
前端与建站
10,920 个结果
mobile-ui-development-rule
面向移动端 UI 开发的通用规则技能，覆盖 UI/UX 最佳实践、状态管理与导航模式，引导关注界面与样式规范、导航实现和状态高效管理，并强制采用记忆协议记录经验。
css-flexbox-grid
该技能用于讲解与实践 CSS Flexbox 与 Grid 布局，覆盖一维与二维布局、对齐、间距及响应式写法，并提供常见布局模式与参数校验，帮助开发现代响应式页面。
async-preact-signals
介绍如何在 Preact Signals 中处理异步数据：通过 AsyncState、AsyncData、AsyncLoading、AsyncError 与 asyncSignal 封装 Promise，统一暴露加载、错误与数据状态，并在依赖变化时中止旧请求。
vercel-react-best-practices
Vercel 工程团队维护的 React 与 Next.js 性能优化指南，包含按影响优先级排列的 8 大类 45 条规则，用于指导编写、审查和重构 React/Next.js 代码时提升性能与减小打包体积。
ui-analyzer
ui-analyzer 是一项用于分析 UI 设计截图并生成 React 组件的技能，输出采用 TypeScript 与 Tailwind CSS。适用于用户提供界面稿、Figma 导出图或要求把设计转为代码、理解界面结构与还原既有设计的场景。
weapp-vite-react-best-practices
面向使用 weapp-vite 与 @weapp-vite/react 开发 React 19 微信小程序的实践手册。用于在微信小程序中建立可预测的 React 19 编译、渲染与组件互操作边界，并通过真实构建与 runtime 信号验证结果。内容涵盖 weapp.react 配置、JSX/TSX 页面编写、static/dynamic render mode 选择、可选 React Compiler 接入、原生/Wevu 自定义组件 bridge 注册与事件契约、以及分层验证流程。不适用于通用构建、分包、多平台或 CLI 场景，也不适用于 Wevu JSX/TSX、Vue SFC、原生项目渐进迁移，以及支付宝、抖音等非微信目标。
react-senior-code-review
面向 React 功能模块的资深架构评审技能，从结构边界、状态与数据流、性能渲染、类型表单可测试性与无障碍、样式与动效五个维度给出分级问题清单与修复建议，不主动改代码。
web-design-guidelines
按 Web Interface Guidelines 审查 UI 代码合规性的技能：先拉取最新指南，再读取指定文件逐条比对规则，输出 file:line 形式的检查结果，适用于 UI 审查、无障碍检查、设计审计与 UX 复核。
web-design
一个网页视觉设计路由技能包：把网页设计、动效、WebGL 与视觉样式请求分类到 79 个子技能中唯一最匹配的一个，并负责安装与编排；本身不重新实现效果。
frontend-design
该技能用于指导创建独特、达到生产级水准的前端界面，避免常见的“AI 味”审美。用户提供前端需求（组件、页面、应用或界面）及其用途、受众或技术约束后，技能先引导进行设计思考：明确要解决的问题与使用者、选定鲜明甚至极端的美学基调（如极简、复古未来、奢华、编辑杂志风、粗野主义、工业实用等）、梳理框架与性能无障碍等技术约束，并确定让作品令人难忘的差异化点。随后实现可运行的代码（HTML/CSS/JS、React、Vue 等），要求功能可用、视觉醒目、风格统一且细节讲究。美学指南涵盖：排版选用独特字体并搭配展示字体与正文字体、避免 Arial/Inter 等通用字体；用 CSS 变量统一色彩主题，主色配锐利点缀；用动画与微交互营造效果，HTML 优先纯 CSS，React 可用 Motion，重视页面加载的编排式揭示；空间构成上采用非对称、重叠、斜向、打破网格的布局；背景与视觉细节使用渐变网格、噪点纹理、几何图案、层叠透明、戏剧化阴影、装饰边框、自定义光标等营造氛围。要求避免通用 AI 审美（如常见字体、紫渐变白底、可预测布局），根据语境做多元变化，并让实现复杂度与美学愿景匹配。
component-preview
用于在隔离环境中预览 React 组件的技能，基于 Ladle 运行，支持真实的 Mantine v7 与 Tailwind 样式，无需启动开发服务器，适合修改 UI 组件、排查视觉问题或查看组件外观时使用。
frontend-art-direction
frontend-art-direction 是一个前端视觉指导技能，用于在构建或改进界面时让 UI 显得有意图、贴合具体产品并经过视觉验证，而非通用模板化。它强调先检查项目再定风格，按任务选择最小模式，并通过渲染截图迭代验证。
csctf
CSCTF（Chat Shared Conversation To File）可将 ChatGPT、Gemini、Grok 和 Claude 的分享链接转换为带代码围栏保留的 Markdown 与静态 HTML，支持稳定文件名、批量归档及可选的 GitHub Pages 发布。
data-to-ui
data-to-ui 是一套将 JSON 数据转换为类型安全 React 组件的流水线模式技能，覆盖 JSON 到 TypeScript 再�� React 的流程，强调语义化颜色系统、派生类型与格式化工具，适用于需要把静态数据可靠呈现为 UI 的开发场景。
React
面向 React 应用开发的技能，提供现代 React 模式指导，涵盖内置 Hooks 用法与规则、组件模式、状态管理选型、useEffect 模式、常见陷阱、性能优化、条件渲染、表单处理、项目结构与最佳实践。
apple-appkit
该技能是一份面向 macOS 原生 UI 框架 AppKit 的中文参考文档集合，按 app-windows、views-controls、tables-collections 三个分类整理了 NSApplication、NSWindow、NSViewController、NSView、NSMenu、NSToolbar、NSTableView、NSOutlineView、NSCollectionView 等 AppKit 类的参考资料。通过任务到分类的映射表，开发者可以先定位分类 README，再找到具体页面文件并阅读详细内容，适用于需要查询 AppKit 应用生命周期、窗口与菜单、视图与控件、表格与集合视图等用法时的快速检索。
css-i18n
css-i18n 是一套将物理 CSS 方向属性转换为逻辑属性的审计与改写规范，用于让布局在 RTL（阿拉伯语、希伯来语等）与双向文本环境下自动镜像翻转。适用于用户要求“让 CSS 支持 RTL”“改用逻辑属性”等场景。
iblai-account
iblai-account 是用于在 Next.js 应用中添加账户/组织设置页面的技能，页面含组织信息、用户管理、集成、高级设置与账单等标签页，基于 ibl.ai SDK 组件构建。
igniteui-angular-components
Ignite UI for Angular 非表格类 UI 组件技能，覆盖应用脚手架与配置、表单控件、布局、数据展示、反馈、指令与图表等组件的使用指引，强调通过 igniteui-cli MCP 服务器核对 API，避免凭记忆编写选择器与导入路径。
nextjs
面向 Next.js 16 App Router 的生产实践技能，覆盖 Server Components、Server Actions、缓存组件与框架级优化，并说明从 Next.js 15 迁移时的破坏性变更与版本要求。
react-hook-form-zod
面向 React 的类型安全表单方案，将 react-hook-form 与 Zod 通过 @hookform/resolvers 的 zodResolver 连接。资料覆盖 useForm、register、handleSubmit、Controller、useFieldArray、错误处理与服务端校验，并提供可复用 Schema 与类型推断做法。
2d-bin-packing
面向二维装箱与矩形排样优化的技能，帮助把矩形物品装入二维箱体或板材，以减少用料、箱数或提升空间利用率。资料涵盖问题分类、数学建模、精确算法与启发式算法，并给出整数规划、FFDH、BFDH 和断头台切割等示例代码。
tanstack-start
面向 TanStack Start 的全栈应用开发指导技能，涵盖服务端函数、中间件、部署与框架适配器。适用于项目使用 TanStack Start 时，需先确认已安装包版本再使用 API。