搜索结果
form
找到 283 个相关结果
Frontend / UI
Tailwind CSS 模式
tailwind-css-patterns
提供全面的 Tailwind CSS 实用优先样式模式,涵盖响应式设计、布局工具、flexbox、grid、间距、排版、颜色等……
Frontend / UI
UI组件模式
ui-component-patterns
遵循现代设计模式,构建可复用、易维护的 UI 组件。适用于创建组件库、实现设计系统或构建……
Frontend / UI
网页设计审查员
web-design-reviewer
此技能支持对本地或远程运行的网站进行可视化检查,以识别并修复设计问题。在收到类似“review website…”的请求时触发。
Security / Review
日志分析
log-analysis
分析应用程序日志以识别错误、性能问题和安全异常。适用于调试问题、监控系统健康状况或调查……
Frontend / UI
响应式设计
responsive-design
使用容器查询、流式排版、CSS Grid 和移动优先断点策略实现现代响应式布局。适用于构建自适应…
Frontend / UI
品牌落地页
brand-landingpage
品牌优先的落地页设计师——通过访谈用户挖掘品牌标识(形容词、色彩、排版、形状语言),随后通过 Stitch 生成并迭代打磨落地页,输出可直接部署的 HTML。当用户尚未确立视觉方向,需要制作独立的落地页或营销页时,优先使用本技能而非 frontend-design。触发条件:用户要求“创建/设计/构建落地页”、“为我的项目/产品/服务制作主页”、“构建营销页”,或希望推广应用/副项目。特别是当用户尚未定义品牌颜色、字体或视觉风格时——引导式的品牌访谈是其核心价值。不触发条件:用户已有具体设计稿需要实现、想要构建仪表盘或应用 UI、需要组件级的前端开发(按钮、表单、导航栏)、正在构建多页应用,或使用已知设计令牌重新设计现有页面。在这些情况下,请使用 frontend-design。
Testing / Automation
GSAP 性能
gsap-performance
官方 GSAP 性能优化技能 —— 优先使用 transforms,避免布局抖动,使用 will-change,进行批量处理。适用于优化 GSAP 动画、减少卡顿或……
Frontend / UI
GSAP 插件
gsap-plugins
用于 GSAP 插件的官方 GSAP 技能 —— 注册、ScrollToPlugin、ScrollSmoother、Flip、Draggable、Inertia、Observer、SplitText、ScrambleText、SVG 以及……
Testing / Automation
opentui
opentui
用于构建终端用户界面的综合 OpenTUI 技能。涵盖核心命令式 API、React 协调器和 Solid 协调器。适用于任何 TUI…
Testing / Automation
gstack
gstack
用于 QA 测试和内部试用(dogfooding)的快速无头浏览器。可导航页面、交互元素、验证状态、对比前后差异、截取带标注的屏幕截图,测试响应式布局、表单、上传、对话框,并捕获 Bug 证据。当被要求打开或测试网站、验证部署、试用用户流程,或提交带截图的 Bug 时使用。(gstack)
AI / LLM / Agent skills
Coinglass
coinglass
全面的加密衍生品数据 - 资金费率、持仓量、
AI / LLM / Agent skills
图片
image
当用户希望为营销创建、生成、编辑或优化图像时——博客主图、社交媒体图形、产品模型、个人资料横幅、商品展示图……
AI / LLM / Agent skills
codex-pet
codex-pet
RunComfy 上的 Codex 宠物生成器。从单张参考图像构建兼容 Codex 的 Codex 宠物 spritesheet.webp + pet.json,将其放入 `${CODEX_HOME:-$HOME/.codex}/pets/<name>/` 目录,Codex 会将其作为自定义 Codex 宠物与 8 个内置宠物一同加载。此技能可生成 Codex 所期望的精确 Codex 宠物图集(1536x1872 PNG/WebP,8 列 x 9 行,192x208 像素单元格,9 种动画状态 — idle、running-right、running-left、waving、jumping、failed、waiting、running、review)。通过本地 RunComfy CLI 调用一次 OpenAI GPT Image 2 edit(命令为 `runcomfy run openai/gpt-image-2/edit`)以生成标准 Codex 宠物姿势,随后使用 ImageMagick 微变换程序化组装全部 9 行动画 —— 无需 Codex Pro、无需 `$imagegen`、无需 OPENAI_API_KEY,仅需 RUNCOMFY_TOKEN。触发词为 "codex pet"、"create codex pet"、"make codex pet"、"hatch codex pet"、"/hatch image"、"desktop pet codex"、"codex pets"、"spritesheet.webp",或任何为 OpenAI Codex 构建自定义宠物的明确请求。
Frontend / UI
Web 性能
web-perf
使用 Chrome DevTools MCP 分析 Web 性能。测量核心 Web 指标 (LCP、INP、CLS) 及辅助指标 (FCP、TBT、Speed Index),识别…
AI / LLM / Agent skills
Godot GDScript 模式
godot-gdscript-patterns
掌握 Godot 4 GDScript 模式,包括信号、场景、状态机和优化。适用于构建 Godot 游戏、实现游戏系统或……
AI / LLM / Agent skills
firecrawl-解析
firecrawl-parse
高效提取并转换任何本地文件(如 PDF、DOCX、DOC、ODT、RTF、XLSX、XLS 或 HTML)的内容,将其保存为格式整洁的 Markdown 文件并写入磁盘。当用户请求解析、读取或提取其计算机上文件的信息时,请使用此技能,包括“解析此 PDF”、“转换此文档”、“读取此文件”、“从中提取文本”等表述,或者在提供了本地文件路径(非 URL)的情况下。此技能提供高级选项,例如生成 AI 驱动的摘要以及基于文件内容回答问题。在处理本地文件时,优先使用此工具而非 `scrape`,以便为下游任务提供精确且结构化的输出。
Frontend / UI
insforge
insforge
在编写使用 InsForge 或 @insforge/sdk 的应用代码时使用此技能:数据库 CRUD、身份验证、存储上传/存储 RLS、函数、AI、实时、电子邮件、Stripe 结账、订阅、客户门户流程,或将兼容 S3 的工具(aws CLI、AWS SDKs、rclone、Terraform、boto3)指向 InsForge Storage。在遇到添加身份验证、获取数据、上传文件、将存储桶设为公开、添加结账、售卖订阅或发送电子邮件等请求时触发。对于基础设施、SQL 迁移、CLI 命令或 Stripe 密钥/目录设置,请改用 insforge-cli。
DevOps / Deployment
insforge-cli
insforge-cli
当通过 CLI 管理 InsForge 基础设施时使用此技能:项目、SQL、迁移、RLS 策略、函数、存储桶、前端部署、计算服务、密钥/环境变量、Stripe 支付密钥/目录/产品/价格/Webhook、定时任务、日志、诊断、导入/导出,或**管理后端分支**(创建分支项目以测试高风险的 schema/认证/RLS 更改,将分支合并回生产环境,解决合并冲突)。对于使用 @insforge/sdk 的应用代码,请改用 insforge 技能。
Frontend / UI
品味设计
taste-design
面向 Google Stitch 的语义设计系统技能。生成对智能体友好的 DESIGN.md 文件,以强制执行高品质、反同质化的 UI 标准——严格的排版,…
AI / LLM / Agent skills
opencli-usage
opencli-usage
在任何 OpenCLI 会话开始时使用——这是 `opencli` 功能的全局概览,包括如何发现适配器、有哪些可用标志以及输出格式……