SuperAPI AI 工具集
合作ENAI 行业资讯收藏

Skill 广场

找到适合任务的 Agent Skill，阅读介绍并复制安装命令。

更新于 10-22 00:14

前端与建站

10,980 个结果

arcgis-coding-components

本技能介绍如何在 Web 应用中嵌入 Arcade 表达式编辑器，基于 @arcgis/coding-components 包提供的 arcgis-arcade-editor Web 组件，用于构建 Arcade 编写、测试与调试界面。该包为 5.0 新增，无 4.x 对应版本。编辑器支持语法高亮、诊断、代码建议和文档侧栏，可设置脚本、profile、testData、snippets、suggestions、editorOptions 等属性，并提供 setFocus、componentOnReady 方法和 arcgisScriptChange、arcgisDiagnosticsChange 事件。

前端与建站40 次安装

recipe-front-review

这是一个面向 React/TypeScript 前端实现完成后的质量保证工作流配方（recipe），属于 shinpr/claude-code-workflows 技能集。它通过编排多个子代理，对已完成的前端实现进行代码审查、安全审查，并根据审查发现的问题在用户批准后执行代码侧修正或设计文档侧更新，最后进行复验并输出最终报告。该配方强调以编排者身份协调 code-reviewer、security-reviewer、task-executor-frontend、quality-fixer-frontend、technical-designer-frontend、document-reviewer、design-sync 等子代理，按步骤 1 至 10 顺序执行，并遵循审查解决门（Review Resolution Gate）等强制流程。

前端与建站40 次安装

tailwind-semantic-theme

Tailwind Semantic Theme 是一个面向 Tailwind v4 项目的主题搭建与重构技能，用于在不安装 shadcn 的前提下，采用 shadcn 兼容的语义化 CSS 令牌（token）体系。它把主题值统一定义为语义 CSS 变量，通过 :root 与 .dark 让浅色和深色模式共用同一套令牌名，并用 @theme inline 将这些令牌暴露给 Tailwind。该技能保留 shadcn 兼容的令牌命名，便于未来接入组件，并优先使用 OKLCH 颜色值。它既可用于方法论指导（说明结构、提供脚手架与迁移建议），也可用于实际实现（直接修改现有全局样式表并接通 .dark 类暗色模式）。适用场景包括：为 Tailwind v4 应用建立 shadcn 风格主题变量、把散落的原始 Tailwind 颜色类重构为语义令牌、查看 globals.css 中 OKLCH 令牌与 @theme inline 的正确结构。使用前提是仅在明确点名该技能或用户明确要求此方法论时启用，且目标为 Tailwind v4 项目。

前端与建站40 次安装

d2-03-main-menu

这是一个 Angular 主菜单/导航中心组件技能，用于根据所选能力（search、create、save、delete）动态生成菜单项。使用前需提供实体名称（PascalCase，如 Product、Order、Employee）和可用能力（可多选）。组件会依据能力生成对应按钮：search 生成 Browse 浏览按钮，create 生成 Create 新建按钮。技能包含完整的 app.routes.ts 路由表配置，将菜单设为默认落地页，并为每个实体定义 search、create、edit 路由，供 d2-04 搜索页和 d2-05 表单页共用。组件使用 Angular standalone 模式，模板采用 Tailwind CSS 响应式卡片网格布局，展示程序图标、名称、描述、能力标签和动态菜单按钮。

前端与建站40 次安装

d2-04-search-delete-page

该技能用于在 up-app 中构建实体的搜索/列表页面，通过实体服务加载全部记录。页面支持基于能力开关的灵活功能：搜索（列表）、编辑，以及可选的删除。删除功能会附带内联确认弹窗。该技能会根据 d2-03-main-menu 中选择的能力自动适配：若选择搜索则显示带编辑按钮的列表；若同时选择删除则增加带确认弹窗的删除按钮；若仅选择搜索则不显示删除按钮。

前端与建站40 次安装

component-wrapper-architecture

该技能总结了在 8bitcn-ui 项目中包装 shadcn/ui 组件的最佳实践，适用于为现有 shadcn/ui 组件创建 8 位复古风格变体。核心思路是包装而非替换基础组件，从而在保留原有兼容性的同时叠加复古样式。内容涵盖基础包装模式、多子组件再导出、Card 外层包装模式，以及别名导入、空 cva 基础、独立 props 接口、React 19 的 ref 用法、rounded-none、属性透传和条件式 retro 等关键原则，并给出 button、card、dialog 等示例文件位置。

前端与建站40 次安装

flutter-figma-workflow

Flutter Figma Workflow 是一个用于将 Figma 设计稿转化为生产级 Flutter 代码的工作流技能。它把 Figma 视为设计依据而非直接生成的代码，强调在实现前先检查目标节点与 Flutter 项目，并在无法访问 Figma 时要求提供导出的界面或规格说明，且如实说明限制。该工作流涵盖：确定精确的 frame、变体、断点、状态与平台目标；提取可复用的 token、组件、资源、排版、约束与交互；在创建新基础组件前先映射到现有 Flutter 主题与组件；实现语义化、约束驱动的 Flutter 结构，而非照搬每个 Figma 图层或粘贴 CSS 坐标；在参考视口与相关响应式尺寸下渲染确定性 fixture；对比截图，修正最大的层级与几何差异，再验证无障碍与交互状态。它还会按需加载设计提取与映射（Dev Mode、tokens、资源、Code Connect）以及 Flutter 实现与一致性校验。边界方面：源不完整或需要新视觉方向时使用 flutter-ui-design；无 Figma 源时用 flutter-ui-patterns 处理组件结构；仅在明确涉及响应式、动画或无障碍时加载对应技能；除非设计或任务证明需要变更，否则保留仓库的包、字体、图标、主题与状态管理。

前端与建站40 次安装

vue3-element-admin

vue3-element-admin 是一个前端项目专用技能，用于开发、维护、重构和审查 vue3-element-admin 前端工程，涵盖 Vue 页面、API 模块、Store、路由、菜单、权限、缓存、国际化等内容。该技能提供项目专用约定，目标是让代码可维护、类型安全、与现有代码保持一致。它明确了使用边界：仅在本仓库或用户明确要求遵循时使用，冲突时按用户请求、仓库实际代码与检查、本 Skill、通用惯例的顺序决定优先级。工作流程包括确认范围、做最小且完整的改动、按风险验证、交付时说明改动与验证结果，不自动修复或格式化整个仓库。技能按需读取参考文档，涉及新增页面、配置驱动 CRUD、路由菜单、权限、缓存、国际化、项目配置、组件、注释等主题。项目约定包括使用 Composition API 与 script setup、SFC 块顺序、命名规范、类型与 API 组织、状态与 Store、样式方案、路由权限与国际化、注释形式等，并附有验证清单。

前端与建站40 次安装