搜索结果
form
找到 99 个相关结果 / Frontend
Frontend / UI
数据分析
data-analysis
分析数据集以提取洞察、识别模式并生成报告。适用于探索数据、创建可视化或执行统计……
Frontend / UI
Vue 调试指南
vue-debug-guides
Vue 3 调试与错误处理:涵盖运行时错误、警告、异步失败及 SSR/水合问题。在诊断或修复 Vue 问题时使用。
Frontend / UI
收集表单回复的方案
recipe-collect-form-responses
检索并查看 Google 表单的回复。
Frontend / UI
性能
performance
优化 Web 性能,实现更快的加载速度和更好的用户体验。当被要求“加速网站”、“优化性能”、“减少加载时间”、“修复…”时使用。
Frontend / UI
创建反馈表单配方
recipe-create-feedback-form
创建一个用于收集反馈的 Google Form,并通过 Gmail 分享。
Frontend / UI
imagegen-前端-移动端
imagegen-frontend-mobile
专为移动应用打造的精英级图像生成技能,用于创建高质量、原生应用风格的界面概念与交互流程。适用于 iOS、Android 及跨平台移动端……
Frontend / UI
性能优化
performance-optimization
优化应用性能,提升速度、效率和可扩展性。适用于改善页面加载时间、减小打包体积、优化数据库查询等场景……
Frontend / UI
响应式设计
responsive-design
创建适用于所有设备和屏幕尺寸的响应式网页设计。适用于构建移动优先布局、实现断点或优化……
Frontend / UI
Node.js 最佳实践
nodejs-best-practices
Node.js 开发原则与决策制定。涵盖框架选择、异步模式、安全性与架构。授人以渔,而非生搬硬套。
Frontend / UI
基线 UI
baseline-ui
验证动画时长,强制排版比例,检查组件可访问性,并防止 Tailwind CSS 项目中的布局反模式。使用场景……
Frontend / UI
gsap-core
gsap-core
官方 GSAP 核心技能——gsap.to()、from()、fromTo()、缓动、持续时间、交错、默认值、gsap.matchMedia()(响应式,…
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…”的请求时触发。
Frontend / UI
响应式设计
responsive-design
使用容器查询、流式排版、CSS Grid 和移动优先断点策略实现现代响应式布局。适用于构建自适应…
Frontend / UI
品牌落地页
brand-landingpage
品牌优先的落地页设计师——通过访谈用户挖掘品牌标识(形容词、色彩、排版、形状语言),随后通过 Stitch 生成并迭代打磨落地页,输出可直接部署的 HTML。当用户尚未确立视觉方向,需要制作独立的落地页或营销页时,优先使用本技能而非 frontend-design。触发条件:用户要求“创建/设计/构建落地页”、“为我的项目/产品/服务制作主页”、“构建营销页”,或希望推广应用/副项目。特别是当用户尚未定义品牌颜色、字体或视觉风格时——引导式的品牌访谈是其核心价值。不触发条件:用户已有具体设计稿需要实现、想要构建仪表盘或应用 UI、需要组件级的前端开发(按钮、表单、导航栏)、正在构建多页应用,或使用已知设计令牌重新设计现有页面。在这些情况下,请使用 frontend-design。
Frontend / UI
GSAP 插件
gsap-plugins
用于 GSAP 插件的官方 GSAP 技能 —— 注册、ScrollToPlugin、ScrollSmoother、Flip、Draggable、Inertia、Observer、SplitText、ScrambleText、SVG 以及……
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
品味设计
taste-design
面向 Google Stitch 的语义设计系统技能。生成对智能体友好的 DESIGN.md 文件,以强制执行高品质、反同质化的 UI 标准——严格的排版,…