搜索「Ui」的结果

io.clawhub.nitishgargiitd/game-cog

由 CellCog 驱动的 AI 游戏开发。角色一致的美术、精灵图、地图块、音乐、UI、3D 模型、GDD、关卡设计、游戏原型。

io.clawhub.hoshiyomix/stellar-trails

每个任务都会激活：编码（功能、缺陷、重构、脚本）、文档（报告、方案、DOCX、PDF）、图表与可视化、数据处理、复杂多步规划，乃至简单提问。提供六阶段工作流，含追溯 ID、进出口关卡、范围承诺与三层强制执行机制（阶段机、强制打印、偏好对话框）。复杂度按任务层级自适应。当用户要求构建、修复、分析、创建、规划或处理任何内容时使用——琐碎任务在框架内走精简流程，复杂任务完整执行。Web 开发（Next.js、UI）交由 fullstack-dev 处理；本框架在其外层包裹工作流。

io.clawhub.xsir0/frontend-design-extractor

从前端代码库提取可复用的 UI/UX 设计系统：设计令牌、全局样式、组件、交互模式与页面模板。分析任意前端仓库（React/Vue/Angular/Next/Vite 等）以沉淀或迁移 UI/UX 供跨项目复用时使用。只关注 UI/UX；明确忽略业务逻辑与领域流程。

io.clawhub.muyanshouji/frontend-agent

前端开发专家 - React/Vue/Angular、UI 实现、性能优化

io.clawhub.adcentury/actionbook

当需要与任何网站交互时使用——浏览器自动化、网页抓取、截图、表单填写、UI 测试、监控或构建 AI Agent。提供经过预验证的页面动作，附逐步说明与已测试的选择器。

io.clawhub.moxunjinmu/elite-frontend-design

前端 UI 界面设计。当用户要创建网页、landing page、dashboard、React/Vue 组件、前端页面时触发。 输出 HTML/CSS/JS 代码。不适用于：静态图片设计（用 canvas-design）、公众号配图（用 weixin-canvas-design）。

io.clawhub.oki3505f/telegram-cloud-storage

基于 Teldrive 的高性能 Telegram 云存储方案：把 Telegram 变成带本地 API/UI 的无限云盘。

io.clawhub.dendyadinirwana/tg-smart-cta

用上下文感知的动态 CTA 按钮（Smart Launcher UI）增强 Telegram 回复。在 Telegram 上回复用户时使用，提供相关、及时、面向任务的选项以改善交互。

io.clawhub.steipete/native-app-performance

通过 xctrace/Time Profiler 及纯 CLI 分析 Instruments 追踪文件，完成 macOS/iOS 原生应用性能剖析。当需要剖析、附加、录制或分析 Instruments .trace 文件、定位热点、在不打开 Instruments UI 的情况下优化原生应用性能时使用。

io.clawhub.hilongjw/seede-design

面向智能体与开发者的顶级 AI 设计 CLI。用前沿 AI 模型生成专业的 UI、社媒图与海报。

io.clawhub.jiasenl/clawdbot-skill-homebridge

通过 Homebridge Config UI X REST API 控制智能家居设备。用于列出、开关、调节 HomeKit 兼容配件的亮度、颜色或温度。支持灯、开关、恒温器、风扇及其他由 Homebridge 管理的设备。

io.clawhub.nitishgargiitd/proto-cog

由 CellCog 驱动的 AI UI 原型工具。

io.clawhub.wpank/tailwind-v4-shadcn

将 Tailwind v4 与 shadcn/ui 搭配配置，强制使用四步 CSS 变量主题方案以启用自动深色模式并避免常见错误。

io.clawhub.brunobuddy/webmcp

在浏览或自动化通过 WebMCP API（window.navigator.modelContext）暴露工具的网站时使用此技能。它教会智能体如何发现、检查并调用网页上的 WebMCP 工具，而不是依赖 DOM 抓取或模拟点击界面。

io.clawhub.wangzhiming1999/design-to-code

依据设计稿（Figma、Sketch 或图片）实现 UI，做到像素级布局、响应式行为与设计令牌。当需要还原设计图、实现界面…时使用。

io.clawhub.h4rkl/solana-dev-skill

端到端的 Solana 开发手册（2026 年 1 月）。React/Next.js 界面优先使用 Solana 基金会的 framework-kit（@solana/client + @solana/react-hooks）；所有新的 client/RPC/交易代码优先使用 @solana/kit。当旧依赖需要 web3.js 时，把它隔离在 @solana/web3-compat 之后（或将 @solana/web3.js 作为真正的旧版兜底）。内容覆盖以 wallet-standard 为先的连接方式（含 ConnectorKit）、Anchor/Pinocchio 程序、基于 Codama 的客户端生成、LiteSVM/Mollusk/Surfpool 测试以及安全检查清单。

Web 应用测试

io.github.anthropics/skills/webapp-testing

使用 Playwright 与本地 Web 应用交互并测试的工具包。支持验证前端功能、调试 UI 行为、捕获浏览器截图和查看浏览器日志。

前端设计

io.github.anthropics/skills/frontend-design

在为全新 UI 或改造现有 UI 提供有辨识度、有意图的视觉设计指导。帮助把握美学方向、字体排印，避免设计看起来像模板化的默认样式。

io.github.wshobson/agents/tailwind-design-system

使用 Tailwind CSS v4、设计令牌、组件库与响应式模式构建可扩展的设计系统。在创建组件库、实现设计系统或标准化 UI 模式时使用。

io.github.n8n-io/n8n/agent-design-language

Design or review Agent Builder interfaces. Use for Agent configuration patterns, modal flows, responsive behavior, status treatments, and other Agent-only UI work.

io.github.n8n-io/n8n/experiments

指导在 packages/frontend/editor-ui 中开展实验的工作。在创建、扩展、接线、测试、评审或下线 editor-ui 实验，以及 PostHog 特性开关、实验 key 索引、变体、store/composable、实验持久化状态或实验埋点时使用。

io.github.vercel/next.js/next-partial-prefetching-adoption

在 Next.js 应用中开启 Partial Prefetching 并消化其给出的洞察。当用户要启用或接入 Partial Prefetching、切换 partialPrefetching 标志、用 export const prefetch = 'partial' 让路由接入、审计 Link prefetch={true} 行为、用 instant() 测试保护已预取的 UI，或解决 instant-link-prefetch-partial 与 instant-shell-url-data 洞察时使用。

io.github.heygen-com/hyperframes/motion-graphics

以运动本身传递信息的短设计型 motion graphic——动态字体、数字滚动、图表/数据可视化呈现、logo 片头/品牌定格、下三分之一字幕条/浮层/社媒 overlay、动画地图（区域高亮、地点连线、缩放到某地）、推文/新闻文章/标题动画、网页/UI 动画（滚动、光标、callout），或将真实图片的几何结构融入图表。通常 10 秒以内（最长约 30 秒），无旁白与真人实拍；渲染为 MP4 或透明 overlay。更长的/有旁白的/多场景的用 /general-video；不明确的用 /hyperframes。

io.github.affaan-m/ECC/accessibility

使用 WCAG 2.2 Level AA 设计、实现并审计无障碍数字产品。适用于构建或审计必须满足 WCAG 2.2 Level AA 的 UI，或审查变更对键盘、对比度、屏幕阅读器的支持。使用此技能为 Web 生成语义化 ARIA，并为 Web 与原生平台（iOS/Android）添加无障碍特性。