清晰简洁写作
SkillSkillsMP
io.github.davila7/claude-code-templates/writing-clearly-and-concisely
用于撰写人类会阅读的散文——文档、提交信息、错误提示、解释说明、报告或 UI 文案。套用 Strunk 的经典规则，让文字更清晰、更有力、更专业。
source
“Ui” 共 828 个结果
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 工具。
io.github.vercel-labs/agent-skills/react-view-transitions
使用 React 的 View Transition API（`<ViewTransition>` 组件、`addTransitionType` 以及 CSS 视图过渡伪元素）实现顺滑、接近原生体验动画的指南。只要用户想添加页面过渡、动画化路由切换、做共享元素动画、组件进出场动画、列表重排动画、前进/后退方向性导航动画，或在 Next.js 中集成视图过渡，就使用此技能。用户提到 view transitions、`startViewTransition`、`ViewTransition`、transition types，或询问如何不借助第三方动画库在 React 中做 UI 状态间动画时也应使用。