搜索结果
ing
找到 205 个相关结果 / Frontend
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
响应式设计
responsive-design
使用容器查询、流式排版、CSS Grid 和移动优先断点策略实现现代响应式布局。适用于构建自适应…
Frontend / UI
gsap-scrolltrigger
gsap-scrolltrigger
GSAP 官方 ScrollTrigger 技能 —— 滚动关联动画、固定、擦洗、触发器。在构建或推荐基于滚动的动画、视差效果……时使用。
Frontend / UI
品牌落地页
brand-landingpage
品牌优先的落地页设计师——通过访谈用户挖掘品牌标识(形容词、色彩、排版、形状语言),随后通过 Stitch 生成并迭代打磨落地页,输出可直接部署的 HTML。当用户尚未确立视觉方向,需要制作独立的落地页或营销页时,优先使用本技能而非 frontend-design。触发条件:用户要求“创建/设计/构建落地页”、“为我的项目/产品/服务制作主页”、“构建营销页”,或希望推广应用/副项目。特别是当用户尚未定义品牌颜色、字体或视觉风格时——引导式的品牌访谈是其核心价值。不触发条件:用户已有具体设计稿需要实现、想要构建仪表盘或应用 UI、需要组件级的前端开发(按钮、表单、导航栏)、正在构建多页应用,或使用已知设计令牌重新设计现有页面。在这些情况下,请使用 frontend-design。
Frontend / UI
antfu
antfu
Anthony Fu 为 JavaScript/TypeScript 项目定制的工具链与规范。适用于初始化新项目、配置 ESLint/Prettier 等场景。
Frontend / UI
gsap-timeline
gsap-timeline
用于时间线的官方 GSAP 技能 —— gsap.timeline()、位置参数、嵌套、播放控制。适用于编排动画序列、设计关键帧,或当……
Frontend / UI
GSAP 插件
gsap-plugins
用于 GSAP 插件的官方 GSAP 技能 —— 注册、ScrollToPlugin、ScrollSmoother、Flip、Draggable、Inertia、Observer、SplitText、ScrambleText、SVG 以及……
Frontend / UI
GSAP 框架
gsap-frameworks
适用于 Vue、Svelte 及其他非 React 框架的官方 GSAP 技能 —— 涵盖生命周期、选择器作用域、卸载时清理。当用户想要在……中实现动画时使用。
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
tsdown
tsdown
由 Rolldown 驱动,以极速打包 TypeScript 和 JavaScript 库。适用于构建库、生成类型声明、打包为……
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
clerk
clerk
Clerk 认证路由。当用户询问添加认证时使用,
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
使用文件进行规划-zh
planning-with-files-zh
基于 Manus 风格的文件规划系统,用于组织和跟踪复杂任务的进度。创建 task_plan.md、findings.md 和 progress.md 三个文件。当用户要求规划、拆解或组织多步骤项目、研究任务或需要超过5次工具调用的工作时使用。支持 /clear…
Frontend / UI
Clerk 设置
clerk-setup
按照官方快速入门指南,将 Clerk 身份验证添加到任何项目
Frontend / UI
编码规范
coding-standards
跨项目编码规范的基线,涵盖命名、可读性、不可变性及代码质量审查。请使用详细的前端或后端技能来实现……
Frontend / UI
后端模式
backend-patterns
后端架构模式、API 设计、数据库优化,以及针对 Node.js、Express 和 Next.js API 路由的服务端最佳实践。