“Ui” 共 2,209 个结果
io.github.microsoft/skills/frontend-design-review
评审并产出高品质、符合设计系统规范的生产级前端界面。以三大支柱评估：从洞察到行动的零摩擦、工艺质量、可信构建。适用：PR 评审、设计评审、无障碍审计、设计系统合规检查、富有创意的前端设计、UI 代码评审、组件评审、响应式检查、主题测试，以及打造令人难忘的 UI。不适用：后端 API 评审、数据库表结构评审、基础设施或 DevOps 工作、不含 UI 的纯业务逻辑，以及非前端代码。
io.github.vercel-labs/open-agents/frontend-design
创造具辨识度、生产级、高设计质量的前端界面。当用户要求构建 Web 组件、页面、artifacts、海报或应用时使用（示例包括网站、落地页、仪表盘、React 组件、HTML/CSS 布局，或为任意 Web UI 做样式美化）。生成富有创意、精致的代码与 UI 设计，避免千篇一律的 AI 审美。
io.github.redpanda-data/console/form-refactorer
把旧表单重构为使用现代 Redpanda UI Registry Field 组件，配合 react-hook-form 与 Zod 校验。当用户要求：(1) 重构或现代化表单，(2) 迁移 Chakra UI 或 @redpanda-data/ui 表单，(3) 更新表单改用 Field 组件，(4) 从旧表单模式迁移，(5) 用 react-hook-form + Zod 校验实现表单时使用。
io.github.egorfedorov/Slot-Casino-Game-Developer-Skills-for-Stake-Engine/css-motion-designer
为赌场游戏 UI 设计 CSS 动画体系与动效配方。在制作回合切换、闲置循环、回合间动效、背景图案，或纯 CSS 动画规格说明时使用。
io.github.dadbodgeoff/drift/mobile-components
移动优先的 UI 组件，包括底部导航、底部面板、下拉刷新与滑动操作。针对触控优化并具备完善的手势处理。
io.github.Galaxy-Dawn/claude-scholar/frontend-design
打造独特、生产级、高设计质量的前端界面。当用户要求构建 Web 组件、页面、产物、海报或应用（示例包括网站、落地页、仪表盘、React 组件、HTML/CSS 布局，或对任意 Web UI 做样式美化）时使用此技能。生成富有创意、打磨精细的代码与 UI 设计，避免千篇一律的 AI 审美。
io.github.DaKheera47/job-ops/design-principles
执行受 Linear 与 Stripe 启发的精确、克制的设计系统。在构建仪表盘、管理后台界面，或任何需要 Jony Ive 级精度——干净、现代、有品味的极简——的 UI 时使用此技能。每一个像素都重要。
io.github.softaworks/agent-toolkit/writing-clearly-and-concisely
用于撰写供人阅读的文本——文档、提交信息、错误消息、解释说明、报告或 UI 文案。运用 Strunk 的经典写作规则，让文字更清晰、更有力、更专业
io.github.Dicklesworthstone/pi_agent_rust/writing-clearly-and-concisely
将 Strunk 的经典写作规则应用于任何给人读的文本——文档、提交信息、错误消息、解释说明、报告或 UI 文案。让你的写作更清晰、更有力、更专业。
io.github.softaworks/agent-toolkit/writing-clearly-and-concisely
用于撰写供人阅读的文本——文档、提交信息、错误消息、解释说明、报告或 UI 文案。运用 Strunk 的经典写作规则，让文字更清晰、更有力、更专业
io.github.davila7/claude-code-templates/cc-skill-frontend-patterns
面向 React、Next.js 的前端开发模式，涵盖状态管理、性能优化与 UI 最佳实践。
vproduction
io.github.quran/quran.com-frontend-next/frontend-design
创建具有高设计品质、独特且生产级的前端界面。当用户要求构建 Web 组件、页面、制品、海报或应用时使用（如网站、落地页、仪表盘、React 组件、HTML/CSS 布局，或对任何 Web UI 做样式/美化）。产出有创意、精致、避免 AI 通用美学的代码与 UI 设计。
io.github.davila7/claude-code-templates/design-system-starter
创建并演进设计系统：设计令牌、组件架构、无障碍指南与文档模板，保证跨产品 UI 的一致、可扩展与可访问。
io.github.davila7/claude-code-templates/writing-clearly-and-concisely
用于撰写人类会阅读的散文——文档、提交信息、错误提示、解释说明、报告或 UI 文案。套用 Strunk 的经典规则，让文字更清晰、更有力、更专业。
io.github.Mindrally/skills/nextjs-react-typescript
精通 TypeScript、Node.js、Next.js App Router、React、Shadcn UI、Radix UI 与 Tailwind。
io.github.bytedance/deer-flow/frontend-design
创建具有高设计品质、独特且生产级的前端界面。当用户要求构建 Web 组件、页面、制品、海报或应用时使用（如网站、落地页、仪表盘、React 组件、HTML/CSS 布局，或对任何 Web UI 做样式/美化）。产出有创意、精致、避免 AI 通用美学的代码与 UI 设计。
io.github.softaworks/agent-toolkit/design-system-starter
创建并演进设计系统：设计令牌、组件架构、无障碍指南与文档模板。确保跨产品的一致、可扩展且无障碍的 UI
io.github.davila7/claude-code-templates/senior-frontend
面向 ReactJS、NextJS、TypeScript、Tailwind CSS 的全面前端开发技能，包含组件脚手架、性能优化、包体积分析与 UI 最佳实践。在开发前端特性、优化性能、实现 UI/UX 设计、管理状态或审查前端代码时使用。
io.github.mintuz/skills/css
在为 Web UI 编写 CSS/样式/布局时使用；输出可直接投产、无障碍且易维护的 CSS。
io.github.mintuz/claude-plugins/css
在为 Web UI 编写 CSS/样式/布局时使用；输出可直接投产、无障碍且易维护的 CSS。
io.github.openai/skills/playwright
当任务需要从终端驱动真实浏览器（导航、填表、快照、截图、数据抽取、UI 流程调试）时使用，经 `playwright-cli` 或内置封装脚本执行。
io.github.openai/skills/playwright-interactive
通过 `js_repl` 维持持久浏览器与 Electron 会话，实现快速迭代式 UI 调试。
io.github.openai/skills/figma-implement-design
将 Figma 设计翻译为可上线的应用代码，视觉还原度 1:1。在从 Figma 文件实现 UI 代码时使用；用户提到“实现设计”“生成代码”“实现组件”、提供 Figma URL，或要求构建符合 Figma 规格的组件时触发。经 `use_figma` 写入 Figma 画布请用 `figma-use`。
io.github.openai/skills/chatgpt-apps
构建、搭建脚手架、重构并排障结合了 MCP 服务器与 widget UI 的 ChatGPT Apps SDK 应用。当 Codex 需要设计工具、注册 UI 资源、接通 MCP Apps 桥接或 ChatGPT 兼容 API、应用 Apps SDK 元数据/CSP/域名设置，或产出符合官方文档的项目脚手架时使用。优先采用文档先行工作流：先生成代码前调用 openai-docs 技能或 OpenAI 开发者文档 MCP 工具。
