build-mobile
用于指导开发者构建 Solana 移动应用的技能，覆盖 React Native 或原生 Android（Kotlin），涉及 Mobile Wallet Adapter 钱包连接、交易签名、深链接及移动端加密应用 UX。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 11-02 00:09
前端与建站
11,379 个结果
frontend-design
这是一个用于创建独特、生产级前端界面的技能，目标是避免常见的“AI 味”设计。用户在提出构建 Web 组件、页面、应用或界面需求时，可调用该技能。它会先进行设计思考，明确用途、受众、技术约束与差异化方向，并选择一个大胆的美学方向，例如极简、繁复、复古未来、自然、奢华、趣味、杂志编辑、粗野主义、装饰艺术、柔和粉彩或工业实用等。随后输出可运行的真实代码（HTML/CSS/JS、React、Vue 等），要求功能完整、视觉醒目、风格统一且细节精致。指南涵盖字体、配色与主题、动效、空间构图、背景与视觉细节等方面，强调使用独特字体与 CSS 变量、聚焦高冲击力的动效瞬间、采用非对称或打破网格的布局，并通过渐变网格、噪点纹理、几何图案、叠加透明、戏剧性阴影等营造氛围。技能特别提醒避免通用 AI 审美：如 Inter、Roboto、Arial、系统字体，白底紫色渐变，以及可预测的布局和模板化设计。同时要求根据美学愿景匹配实现复杂度，并在不同生成中变化主题、字体与风格，不收敛于常见选择。
recipe-front-build
recipe-front-build 是 shinpr/codex-workflows 中的前端自主执行配方，用 task-executor-frontend 与 quality-fixer-frontend 等子代理按四步循环完成前端任务并提交。
recipe-front-plan
recipe-front-plan 是 shinpr/codex-workflows 中面向前端规划阶段的工作流技能，用于从设计文档生成测试骨架并创建工作计划，随后进行工作计划的审查与用户批准。
recipe-front-review
面向 React/TypeScript 前端实现后的质量保障技能：依据 Design Doc 做合规校验与安全审查，并按用户确认的路由（代码侧修复或设计侧更新）自动修复问题。
react-hook-form
React Hook Form 性能优化技能，提供 41 条规则、8 个类别的最佳实践，用于客户端表单校验与开发，涵盖 useForm、useWatch、useController、useFieldArray 等用法。
tailwindv4
Tailwind CSS v4 专家技能，聚焦 CSS-first 配置、@theme 指令、OKLCH 颜色与 Vite 集成，用于新项目搭建、v3 到 v4 迁移及现代工具类样式开发。
design-taste-frontend-v1
design-taste-frontend-v1 是 shubhamsaboo/taste-skill 中保留的原始 v1 前端设计技能，用于依赖其确切行为的项目；当前默认版本为 design-taste-frontend（v2 实验版）。资料给出了一套高自主性前端生成规范，覆盖基线配置、默认架构、设计工程指令、动效与性能限制等。
gpt-taste
gpt-taste 是一个面向前端设计工程的高级 AI 技能，定位为「精英级 UX/UI 与进阶 GSAP 动效工程师」。它通过一整套强制规则，抑制大语言模型在生成界面时常见的统计偏见（例如窄容器导致标题折行过多、Bento 网格留空、滥用廉价元标签、按钮文字不可见、布局左右重复等），强制产出具有 AWWWARDS 级别质感的页面。核心机制包括：用模拟 Python 随机脚本做确定性随机化以打破布局惯性、遵循 AIDA 页面结构、采用超宽容器保证标题 2 到 3 行内、在 Bento 网格上强制 grid-flow-dense 消除空单元、要求真实的 GSAP 与 ScrollTrigger 动效与悬停物理反馈，并在生成代码前输出 design_plan 预检块。适用于需要高创意、强动效的落地页或品牌型前端界面。
imagegen-frontend-web
imagegen-frontend-web 是一个用于前端网站视觉方向的图像生成技能，将网站设计需求拆分为多个独立区块图像，输出可作前端设计参考的高质量网站视觉稿，强调艺术指导、排版层级、构图变化与转化导向。
session-forensics
查询本机 DeepWorks 会话库（opencode.db，SQLite，只读）还原 agent 实际收到的注入、思考与工具调用，用于定位「agent 行为和预期不符」类问题；提供 list、injections、reasoning 对比、dump 及导出交互式 HTML 与 JSONL 双格式。
animate
该技能用于按明确目的构建网页动画：先判断是否值得动效并命名用途，再选择最轻量的实现工具（CSS 过渡、@starting-style、CSS animation、WAAPI 或 Motion），并约束缓动曲线、时长、弹簧参数、打断与退出、减少动态效果和指针门控。强调只用 transform 与 opacity、避免 scale(0) 和 ease-in 入场、常用 UI 动效控制在 300ms 内，并提供按钮按压、下拉、提示框、模态框、抽屉、Toast、手风琴、错峰、滚动显现、拖拽关闭等配方入口。它是构建类技能，不做代码库审计、差异评审、动效机会搜寻或 React Native 实现。
audit-my-layout
audit-my-layout 是一个用于检测网页视觉一致性的技能：它不靠截图目测，而是从 DOM 中采集页面上每个可见元素的几何数据，按同级元素分组，比对组内多数值和设计系统，报告间距、对齐、尺寸、字阶、容器溢出和排版等偏差。输入包括网址、检测范围、视口宽度、间距刻度和容器最大宽度；输出按视口列出问题表格、跨视口规律、高严重度问题的可能 CSS 原因与修复建议、已通过项统计、未测量项以及截图路径。需要 Playwright，可运行内置脚本；它只滚动和调整窗口，不点击、不提交表单、不登录。
fizzy
Fizzy CLI 技能用于管理 Fizzy 看板、卡片、步骤、评论、表情回应与固定项，适合通过命令行批量操作任务、检索和迁移看板数据的场景。
dock
Dock 是 simota/agent-skills 中专用于构建生产级原生 macOS 应用的智能体技能，以 SwiftUI 为主、必要时桥接 AppKit，覆盖窗口与场景架构、菜单栏与命令、文档型应用、侧边栏/工具栏/检查器布局、拖放、App Sandbox 以及分发流程（App Store 或公证的 Developer ID）。
redesign-existing-projects
面向现有网站或应用的“改造升级”技能，通过扫描代码、诊断常见AI化设计模式并做针对性优化，在不更换技术栈、不推倒重写的前提下提升界面质感。
fig
用于制作“fig”（figure）的 AI 技能：把想法做成单个自包含 HTML 文件中的循环动画 SVG，可直接放进邮件或幻灯片。适合表达会运动的概念，如流动、循环、重试。
animate-expo
用于 React Native 与 Expo 的动画构建技能，按“是否该动、跑在哪条线程、选什么工具”的顺序做决策，强调在真机发布版本上验证手感，并遵循 Emil Kowalski 的动画理念。
ask-sonner
Sonner 是一个 React toast 提示库的配置指南技能，资料来自其作者 Emil Kowalski。介绍如何安装并挂载 Toaster、选择合适的 toast() 调用、处理 promise 与 loading 提示、更新与关闭提示，以及样式、图标、主题设置和常见问题排查。
css-animations
CSS 动画技能模块，基于 Emil Kowalski 的 Animations on the Web 课程，整理 CSS transitions、keyframes、transform、clip-path 等动画实现与调试的规则、参考和配方。
imagegen-frontend-web
用于按需求生成网站或页面视觉参考图的技能，输出图像与艺术方向，不做代码实现。适合需要前端视觉稿、分区图片或图像先行的艺术指导场景；若还需实现，应改用 image-to-code。
mobile-native
一项让网页应用在手机上更像原生应用的修复技能，聚焦 Android Chrome 与 iOS Safari 的视口、触摸、滚动、安全区域与浏览器界面层面的问题。逐条消除桌面版看不出的移动端破绽，遵循 Emil Kowalski 的设计工程理念。
motion-react
Motion for React（原 Framer Motion）的实战参考技能，聚焦退出动画、布局与共享元素过渡、弹簧、motion values 与高度动画，并给出何时该用、何时改用 CSS 的判断与常见调试对照。
pick-ui-library
pick-ui-library 是一个用于前端选型的查找型技能：根据任务从一份策划好的库清单中推荐合适的库，涵盖无样式组件、命令菜单、提示消息、OTP 输入、动画、图表、拖拽、虚拟化、状态管理与样式等。