前端开发模式
io.github.affaan-m/ECC/frontend-patterns
面向 React、Next.js 的前端开发模式,涵盖状态管理、性能优化与 UI 最佳实践。
“Ui” 共 609 个结果
io.github.affaan-m/ECC/frontend-patterns
面向 React、Next.js 的前端开发模式,涵盖状态管理、性能优化与 UI 最佳实践。
io.github.affaan-m/ECC/frontend-patterns
面向 React、Next.js 的前端开发模式,涵盖状态管理、性能优化与 UI 最佳实践。
io.github.affaan-m/ECC/frontend-patterns
React、Next.js、状态管理、性能优化和UI最佳实践的前端开发模式。
io.github.affaan-m/ECC/frontend-patterns
面向 React、Next.js 的前端开发模式,涵盖状态管理、性能优化与 UI 最佳实践。
io.github.affaan-m/ECC/frontend-patterns
面向 React、Next.js 的前端开发模式,涵盖状态管理、性能优化与 UI 最佳实践。
io.github.tw93/Waza/design
为页面、组件、视觉界面、字体排印与基于截图的打磨,产出具辨识度、生产级的 UI。当用户用中文提出设计/做页面/做组件/UI/前端/截图需求,或抱怨界面丑、看不清、不一致、视觉上不对劲时使用。不适用于后端逻辑或数据管道。
io.github.exceptionless/Exceptionless/frontend-architecture
作为 ClientApp 中 Svelte 5 应用的前端统一入口 skill——新增路由、创建功能切片、编写 Svelte 组件、遵循 TypeScript 约定、复用共享 UI/格式化组件、处理无障碍,或编写前端测试。旧版 Angular 应用(ClientApp.angular)仍支撑当前站点的绝大部分页面,但除用户明确要求改动 Angular 或遗留 UI 外,新的前端开发一律只做 Svelte UI。
vdevelop
io.github.eduhub-org/eduhub/cursor-browser
通过 cursor-ide-browser(Cursor 浏览器标签页)检查 UI;若内置浏览器 MCP 不可用则回退到 user-playwright。适用于 @Browser、打开标签页、布局检查、localhost——或用户明确点名 Playwright 时。
io.github.different-ai/openwork/browser-automation
基于 CDP 的本地 OpenWork Electron 浏览器自动化。适用于驱动本地 Electron 开发应用、browser_list、browser_snapshot、browser_eval、composer 自动化或本地 UI 冒烟测试。
io.github.nexu-io/open-design/gpt-tasteskill
精英级 UX/UI 与高级 GSAP 动效工程师。强制执行基于 Python 的真随机布局变化、严格的 AIDA 页面结构、宽幅编辑风格排版(禁止 6 行折行)、无缝隙 bento 网格、严格的 GSAP ScrollTrigger(钉住、堆叠、scrub 跟随)、内联微图与超大区块间距。
io.github.a5c-ai/babysitter/mcp-tool-resource-pattern
实现 MCP Apps 的核心架构模式:Tool 通过 _meta.ui.resourceUri 声明对已注册 Resource 的引用。涵盖 registerAppTool、registerAppResource、文本回退、structuredContent 与仅 app 辅助工具
io.github.a5c-ai/babysitter/mcp-host-styling-integration
将 MCP App UI 与宿主主题系统集成。应用宿主 CSS 变量、处理 onhostcontextchanged、安全区 inset、显示模式检测与全屏配置
io.github.thedaviddias/Front-End-Checklist/font-size
适用于所有 CSS font-size 声明,尤其是正文、UI 标签和导航中用 px 单位定义字号的场景。审查移动端响应式与可访问性合规时使用。注意检查小屏媒体查询中的 font-size。
io.github.paperclipai/paperclip/github-pr-workflow
从功能分支准备 GitHub Pull Request——分支整洁度、提交组织、标题/正文、验证说明、UI 工作的截图,以及对评审意见的回复。
io.github.eugenp/tutorials/codename-one
构建和修改 Codename One 跨平台移动应用(Java 17、Maven、ParparVM/Android/iOS/JavaScript)。当项目包含 common/codenameone_settings.properties、依赖 com.codenameone:codenameone-core、编辑 common/src/main/css/ 下的 CSS、调用 cn1:run/cn1:test/cn1:build、引用 com.codename1.ui.*/com.codename1.testing.*,或用户要求构建 UI、编写界面测试、生成截图、与 Swing/HTML/Android 对比时使用。
io.github.eugenp/tutorials/codename-one
构建和修改 Codename One 跨平台移动应用(Java 17、Maven、ParparVM/Android/iOS/JavaScript)。当项目包含 common/codenameone_settings.properties、依赖 com.codenameone:codenameone-core、编辑 common/src/main/css/ 下的 CSS、调用 cn1:run/cn1:test/cn1:build、引用 com.codename1.ui.*/com.codename1.testing.*,或用户要求构建 UI、编写界面测试、生成截图、与 Swing/HTML 对比时使用。
io.github.jeremylongshore/claude-code-plugins-plus-skills/testing-visual-regression
通过截图比对检测 UI 组件的视觉变化。用于发现非预期的 UI 变化或像素差异。触发语如 “test visual changes”、“compare screenshots”、“detect UI regressions”。
io.github.steipete/agent-scripts/frontend-design
前端 UI:页面、应用、组件,打造精致而非千篇一律的设计。
io.github.wshobson/agents/mobile-android-design
掌握 Material Design 3 与 Jetpack Compose 模式,构建原生 Android 应用。在设计 Android 界面、实现 Compose UI 或遵循 Google Material Design 规范时使用。
io.github.telagod/code-abyss/developing-mobile-apps
移动开发知识参考,覆盖 iOS(SwiftUI)、Android(Jetpack Compose)、React Native 与 Flutter。在构建移动应用、使用跨平台框架或实现原生 UI 模式时使用。
io.github.thedotmack/claude-mem/design-is
依据 Dieter Rams「好的设计是……」十原则审计设计,并输出 /make-plan 提示,指向三种结果之一——新设计、精修设计或重做设计。当用户说「audit this design」「design review」「用 Rams 原则检查这个 UI」「这个 UI 好吗」「critique this design」「design audit」,或要求给出应导向计划的批评时使用。
io.github.affaan-m/ECC/browser-qa
在功能部署之后,通过浏览器自动化完成可视化测试与 UI 交互验证。
io.github.novuhq/novu/frontend-design
创建有辨识度、生产级的前端界面,设计品质要高。当用户要求构建 Web 组件、页面、artifacts、海报或应用时使用本技能(例如网站、落地页、仪表盘、React 组件、HTML/CSS 布局,或为任何 Web UI 做样式/美化)。产出富有创意且精致的代码与 UI 设计,避免平庸的 AI 风格。
io.github.vudovn/ag-kit/frontend-design
面向 Web UI 的设计思维与决策。在设计组件、布局、配色方案、字体排版或创造有美感的界面时使用。教导原则而非固定数值。