搜索结果
ux
找到 89 个相关结果 / Frontend
Frontend / UI
imagegen-前端-移动端
imagegen-frontend-mobile
专为移动应用打造的精英级图像生成技能,用于创建高质量、原生应用风格的界面概念与交互流程。适用于 iOS、Android 及跨平台移动端……
Frontend / UI
宝玉-发布到微博
baoyu-post-to-weibo
将内容发布到微博。支持包含文本、图片和视频的普通帖子,以及通过 Chrome CDP 输入 Markdown 的头条文章。当需要…时使用
Frontend / UI
unocss
unocss
UnoCSS 即时原子化 CSS 引擎,Tailwind CSS 的超集。在配置 UnoCSS、编写实用程序规则与快捷方式,或使用 Wind 等预设时使用,…
Frontend / UI
Nuxt UI
nuxt-ui
使用 @nuxt/ui v4 构建 UI — 125+ 个具备无障碍访问特性的 Vue 组件,支持 Tailwind CSS 主题。适用于创建界面、自定义主题以契合品牌风格,…
Frontend / UI
Pinia
pinia
Pinia 官方 Vue 状态管理库,类型安全且可扩展。用于定义 store、处理 state/getters/actions,或实现 store…
Frontend / UI
网页设计审查员
web-design-reviewer
此技能支持对本地或远程运行的网站进行可视化检查,以识别并修复设计问题。在收到类似“review website…”的请求时触发。
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
antfu
antfu
Anthony Fu 为 JavaScript/TypeScript 项目定制的工具链与规范。适用于初始化新项目、配置 ESLint/Prettier 等场景。
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
clerk
clerk
Clerk 认证路由。当用户询问添加认证时使用,
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
核心网页指标
core-web-vitals
优化 Core Web Vitals (LCP、INP、CLS) 以提升页面体验和搜索排名。当被要求“改善 Core Web Vitals”、“修复 LCP”、“降低 CLS”等时使用。
Frontend / UI
emblem-ai
emblem-ai
为应用提供一次性用户管理、多链钱包认证、AI 驱动的助手以及 AI 应用内省。当用户希望让网站……时使用。
Frontend / UI
Web 质量审计
web-quality-audit
涵盖性能、无障碍访问、SEO 和最佳实践的综合 Web 质量审计。当被要求“审计我的网站”、“审查 Web 质量”、“运行…”时使用。
Frontend / UI
Clerk Webhooks
clerk-webhooks
用于实时事件和数据同步的 Clerk Webhooks。使用 verifyWebhook 进行验证。