搜索结果
workflow
找到 126 个相关结果 / Frontend
Frontend / UI
Tailwind CSS 模式
tailwind-css-patterns
提供全面的 Tailwind CSS 实用优先样式模式,涵盖响应式设计、布局工具、flexbox、grid、间距、排版、颜色等……
Frontend / UI
网页设计审查员
web-design-reviewer
此技能支持对本地或远程运行的网站进行可视化检查,以识别并修复设计问题。在收到类似“review website…”的请求时触发。
Frontend / UI
Flutter 构建布局
flutter-building-layouts
使用约束系统和布局组件构建 Flutter 布局。在创建或优化 Flutter 应用的 UI 结构时使用。
Frontend / UI
higgsfield-generate
higgsfield-generate
通过 Higgsfield AI 生成图像/视频。默认配置:图像/设计/文本使用 GPT Image 2,视频使用 Seedance 2.0,角色/参考图处理使用 Nano Banana 2/Pro,结合虚拟形象/产品/钩子、设置制作广告使用 Marketing Studio,另支持 Soul V2/Cinema/Cast/Location 及 Kling 3.0。适用场景:“生成图像”、“制作视频”、“让照片动起来”、“图生视频”、“编辑/风格化/混剪此图像”、“制作片段”、“创建广告”、“制作 UGC 视频”、“产品演示”、“开箱视频”、“品牌视频”、“主持人视频”、“从 URL 导入产品”、“为广告创建虚拟形象”或“分析视频爆款潜力”。支持图生图、图生视频、参考图、任务/上传 ID 以及 Marketing Studio。与 higgsfield-soul-id 链接使用以保持面部/身份一致性。爆款预测器 (`brain_activity`) 可分析视频爆款潜力:钩子强度、注意力、留存率、干扰风险和创意得分。不适用于:Soul 角色训练(请使用 higgsfield-soul-id)、产品拍摄、商城上架卡片、文本/聊天/TTS 任务。
Frontend / UI
品牌落地页
brand-landingpage
品牌优先的落地页设计师——通过访谈用户挖掘品牌标识(形容词、色彩、排版、形状语言),随后通过 Stitch 生成并迭代打磨落地页,输出可直接部署的 HTML。当用户尚未确立视觉方向,需要制作独立的落地页或营销页时,优先使用本技能而非 frontend-design。触发条件:用户要求“创建/设计/构建落地页”、“为我的项目/产品/服务制作主页”、“构建营销页”,或希望推广应用/副项目。特别是当用户尚未定义品牌颜色、字体或视觉风格时——引导式的品牌访谈是其核心价值。不触发条件:用户已有具体设计稿需要实现、想要构建仪表盘或应用 UI、需要组件级的前端开发(按钮、表单、导航栏)、正在构建多页应用,或使用已知设计令牌重新设计现有页面。在这些情况下,请使用 frontend-design。
Frontend / UI
Twitter 自动化
twitter-automation
通过 inference.sh CLI 自动化 Twitter/X,实现发帖、互动和用户管理。应用:x/post-tweet、x/post-create(含媒体)、x/post-like,…
Frontend / UI
Web 性能
web-perf
使用 Chrome DevTools MCP 分析 Web 性能。测量核心 Web 指标 (LCP、INP、CLS) 及辅助指标 (FCP、TBT、Speed Index),识别…
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。
Frontend / UI
Expo 模块
expo-module
使用 Expo Modules API(Swift、Kotlin、TypeScript)创建和编写 Expo 原生模块与视图的指南。涵盖模块定义 DSL、原生……
Frontend / UI
prisma-cli
prisma-cli
Prisma CLI 命令参考,涵盖所有可用命令、选项和用法模式。在运行 Prisma CLI 命令、初始化项目……时使用。
Frontend / UI
Clerk 自定义 UI
clerk-custom-ui
自定义身份验证流程与组件外观 - 钩子 (useSignIn,
Frontend / UI
emblem-ai
emblem-ai
为应用提供一次性用户管理、多链钱包认证、AI 驱动的助手以及 AI 应用内省。当用户希望让网站……时使用。
Frontend / UI
OKX钱包投资组合
okx-wallet-portfolio
当用户提供特定的钱包地址,并希望查询其余额、代币持有量、投资组合价值或 DeFi 仓位时,请使用此技能。典型…
Frontend / UI
Flutter-构建响应式布局
flutter-build-responsive-layout
使用 `LayoutBuilder`、`MediaQuery` 或 `Expanded/Flexible` 来创建适应不同屏幕尺寸的布局。适用于需要让 UI 在……上呈现良好效果的场景。
Frontend / UI
flutter-修复布局问题
flutter-fix-layout-issues
使用 Dart 和 Flutter MCP 工具修复 Flutter 布局错误(溢出、无界约束)。在处理“RenderFlex overflowed”、“Vertical…”时使用。
Frontend / UI
HTML PPT
html-ppt
HTML PPT Studio —— 创作专业的静态 HTML 演示文稿,支持多种风格、布局和动画,全部由模板驱动。当用户要求……时使用。
Frontend / UI
前端幻灯片
frontend-slides
从零创建或通过转换 PowerPoint 文件,生成带有丰富动画的精美 HTML 演示文稿。当用户需要构建演示文稿、转换……时使用。
Frontend / UI
Docker 模式
docker-patterns
用于本地开发的 Docker 与 Docker Compose 模式,涵盖容器安全、网络、数据卷策略及多服务编排。
Frontend / UI
drizzle-orm
drizzle-orm
适用于 TypeScript 的类型安全 SQL ORM,零运行时开销
Frontend / UI
故事板创建
storyboard-creation
影视与视频分镜设计,涵盖镜头词汇、连贯性规则和画格布局。包含景别、摄像机角度、运动、180度规则以及……