positron-data-grid-pattern
Positron 虚拟化表格/网格架构模式说明：DataGridInstance 子类本身就是数据网格，<PositronDataGrid instance={...} /> 只是轻量渲染器。避免用 React 包装组件经 useEffect 向实例推送 props 的反模式。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 11-02 00:09
前端与建站
11,379 个结果
shiny-for-python
Shiny for Python（py-shiny）是用于以纯 Python 构建响应式 Web 应用的框架，支持 Core（显式定义 app_ui 对象与 server 函数）和 Express（顶层代码即 UI，输出内联定义）两种模式。其核心是响应式依赖图：在响应式上下文中读取 input、reactive.value 或 @reactive.calc 会自动注册依赖，数据源变化即重新执行读取它的代码，无需手动调用输出或安排更新。该技能本身是一份索引，围绕响应式、Express 模式、Core/Express 模块、会话生命周期、仪表盘设计、图表与地图、布局导航、主题、输出渲染、反馈交互、后台任务、书签、AI 聊天、自定义渲染器与组件、测试与可观测性等主题，分别指向对应的参考文档。
adding-framework-support
PostHog wizard 的框架集成开发指南：说明如何以数据驱动的 FrameworkConfig 方式为向导新增语言或框架支持，涵盖枚举注册、配置编写、注册表登记、检测策略与验证命令。
ssd-frontend-review
用于审查 React/TypeScript（.tsx/.ts）代码是否符合 SSD 前端规范，检查命名、组件结构、TypeScript 类型、Formik 表单、状态管理、API 调用与测试属性等，并输出带文件路径和行号的违规报告；仅做只读审查，不修改文件。
frontend-design
该技能用于设计和实现具有鲜明风格、生产级质量的前端界面，避免常见的“AI 味”审美。当你需要 UI/UX 设计、Web 组件、页面、落地页等前端产出时使用。它要求先做设计思考（用途、基调、约束、差异化），再输出可运行代码，并在排版、配色、动效、空间构图、背景与视觉细节上精益求精。
ultrathink-frontend
面向前端架构与先锋 UI 设计的技能，强调有意图的极简主义、非模板化布局、工程规范与无障碍。提供标准与 ULTRATHINK 两种执行模式，触发后深度推理并输出可运行产物；优先复用项目中的 UI 库。
create-ts-entry-point
create-ts-entry-point 是 PrestaShop 项目中的一个技能（Skill），用于为新后台管理页面创建 TypeScript 入口文件。它涵盖了目录结构、列表页与表单页入口文件的创建方式，以及 webpack 注册流程。该技能要求先阅读 @.ai/Component/Javascript/CONTEXT.md 了解页面结构和 webpack 配置。目录结构位于 admin-dev/themes/new-theme/js/pages/{domain}/，包含 index.ts（列表页入口）、form.ts 或 form/index.ts（表单页入口），以及可选的 {domain}-map.ts（DOM 选择器映射）。简单页面只需 index.ts 和 form.ts，只有真正复杂的页面才创建子目录和管理类。列表入口负责初始化 Grid 实例并添加扩展；表单入口负责初始化表单所需的全局组件。入口必须在 admin-dev/themes/new-theme/.webpack/common.js 中注册，否则不会被编译。
create-vue-component
用于在 PrestaShop 的 Symfony 管理后台页面中嵌入 Vue 3 组件的技能。仅当页面区块需要标准表单类型和 JS 组件无法提供的复杂交互时才是例外使用；常规管理页仍应使用 initComponents()。
icons
该技能用于在项目模板中统一使用 Lucide 图标，并通过自定义 Web Component <x-icon> 渲染图标。适用场景包括为页面、按钮或 UI 元素添加图标时；要求始终使用 <x-icon> 组件，避免内联 SVG。组件支持图标集、尺寸预设、无障碍标签和自定义路径等属性，图标文件来自 lucide-static npm 包，可同步到本地目录，也支持自定义 SVG 图标集。
one-prompt-website
一个 psquared 技能：用单条提示词生成并上线完整单页网站，包含概念、静态页面、AI 图片与循环背景视频。资料显示它依赖本机指定目录、psquared 内部联系表单接口与部署流程，通用性有限。
puda-ui
puda-ui 是用于构建 Streamlit 手动控制前端的技能，通过 PUDA CLI 驱动机器。适合构建操作员界面、手动机器控制面板等场景。
styling
StyleX 样式技能，为项目提供设计令牌、可组合设计原语与自定义 css prop 的三层样式方案。写或改任何样式前须先查阅此技能。
answer-me
answer-me 是一个用于把复杂解释做成单文件可视化 HTML 页面的技能（Skill）。用户只需写扩展 Markdown 内容稿，am render 负责模板、配色、暗黑模式、组件、SVG 自动布局和受控写作检查，一次调用输出并自动打开页面。适合概念关系、流程协议、多维对比、层级时间等场景。
qjudge-ui-carbon-owner
QJudge 前端 UI 全责技能，采用 Carbon-first 样式规范，负责画面元件、样式、layout、Storybook/stories 与 registry 同步，以及 overflow、双滚动条、split pane 等版面稳定性修复。
vercel-react-best-practices
该技能提供来自 Vercel Engineering 的 React 与 Next.js 性能优化指南，适用于编写、审查或重构 React/Next.js 代码时参考。技能内包含完整指南文件，但建议按任务或审查代码先定位相关性能领域，再在 references/full-guide.md 中搜索对应章节或规则标题，仅阅读相关部分后再进行修改或审查，并优先处理影响较大的类别而非微优化。
slack
通过 OpenClaw 的 slack 工具控制 Slack，支持对消息添加表情回应、置顶/取消置顶，以及发送、编辑、删除和读取消息、获取成员信息与自定义表情列表。
present
Present 是一个生成深色主题 HTML 演示文稿的技能。用户通过 /present 或相关指令触发，可把课程、报告、数据、计划、对比等内容整理成格式化的单文件 HTML，保存为 present-{topic}.html 并交付。
sprint-planner
Sprint Planner 是一个用于规划下一个冲刺增量的技能：读取 journal backlog 以及 SRS、架构和可选的前端设计规格，产出冲刺文档、冲刺日志并更新 journal 状态。
visual-development-skill
用于开发或修改视觉元素（组件、页面、布局、样式）的技能：通过 Playwright 截图与 Compodium 组件预览进行视觉验证，不依赖代码本身判断 UI 改动效果。
3d-web-experience
面向 Web 3D 体验的技能，涵盖 Three.js、React Three Fiber、WebGL 优化、3D 模型集成与 Spline 工作流，并能搭建 3D 产品配置器与交互式场景。强调视觉冲击与性能的平衡，让没有 3D 经验的用户也能顺畅使用。
design-taste-frontend
该技能用于在前端界面开发、改进或评审中提供高标准设计指导，强调避免常见LLM UI套路，如居中大标题、紫色渐变、卡片滥用和脆弱布局。它覆盖React/Next.js、Tailwind、动效、组件状态、排版、间距、颜色与响应式行为，并强制依赖检查、框架版本锁定、无表情符号策略以及使用CSS Grid而非复杂Flex计算。内置基线配置为设计变化度8、动效强度6、视觉密度4，可按用户要求动态调整。该技能仅提供设计与实现建议，不替代产品需求、无障碍审查或用户测试，生成UI需在目标仓库验证后方可用于生产。
mobile-design
来自 ranbot-ai/awesome-skills 的移动端设计技能，强调移动优先、触控优先与尊重平台差异，用于在设计或开发移动应用时避免桌面思维和 AI 默认套路，通过可行性评估与必读参考规范约束流程。
nextjs-app-router-patterns
面向 Next.js 14+ App Router 的综合性模式技能，涵盖 App Router 架构、Server Components 与现代全栈 React 开发，适用于新建应用、从 Pages Router 迁移、流式渲染、并行与拦截路由、数据获取与缓存优化以及 Server Actions 全栈功能。
react-nextjs-development
面向 React 与 Next.js 14+ 应用开发的技能工作流，覆盖 App Router、Server Components、TypeScript、Tailwind CSS 等现代前端模式，按项目搭建、组件架构、样式、数据获取、路由、表单、测试与部署分阶段组织。