前端 UI
io.github.fossasia/eventyay/frontend-ui
面向 Django 模板与 Vue 组件的前端 UI 实现、无障碍与响应式检查
“Frontend Development” 共 540 个结果
io.github.fossasia/eventyay/frontend-ui
面向 Django 模板与 Vue 组件的前端 UI 实现、无障碍与响应式检查
vdevelop
io.github.streamlit/streamlit/improving-frontend-coverage
带覆盖率统计地运行前端单元测试,分析覆盖率报告,并实现有意义的测试用例,使覆盖率提升约 0.2%。当你想通过高价值测试用例系统性提升前端测试覆盖率时使用。
io.github.microsoft/agent-academy/frontend-design
打造独特、生产级、高设计质量的前端界面。当用户要求构建 Web 组件、页面、产物、海报或应用(示例包括网站、落地页、仪表盘、React 组件、HTML/CSS 布局,或对任意 Web UI 做样式美化)时使用此技能。生成富有创意、打磨精细的代码与 UI 设计,避免千篇一律的 AI 审美。
io.github.BidingCC/BuildingAI/frontend-design
创建具有高设计品质、独特且生产级的前端界面。当用户要求构建 Web 组件、页面、制品、海报或应用时使用(如网站、落地页、仪表盘、React 组件、HTML/CSS 布局,或对任何 Web UI 做样式/美化)。产出有创意、精致、避免 AI 通用美学的代码与 UI 设计。
io.github.MoizIbnYousaf/Ai-Agent-Skills/backend-development
后端 API 设计、数据库架构、微服务模式与测试驱动开发。用于设计 API、数据库 schema 或后端系统架构。
io.github.fengshao1227/ccg-workflow/frontend-design
由 Impeccable 与自定义扩展融合而成的前端设计技能。覆盖设计哲学、反 AI 模板腔模式、字体排印、色彩(OKLCH)、空间设计、动效、交互、响应式、UX 写作、状态管理、工程化及 4 种风格变体。另含 20 个命令技能,用于审计/点评/打磨/动效等。
io.github.affaan-m/ECC/frontend-patterns
面向 React、Next.js 的前端开发模式,涵盖状态管理、性能优化与 UI 最佳实践。
io.github.udecode/plate/frontend-design
构建真正具备设计品质的 Web 界面,而非 AI 粗制滥造之作。适用于任何前端工作——落地页、Web 应用、仪表盘、管理面板、组件、交互体验。新建项目与改造既有应用均生效,会检测并遵循现有设计系统。涵盖构图、排版、配色、动效与文案,并通过截图验证结果后才宣告完成。
io.github.Kiranism/next-shadcn-dashboard-starter/frontend-design
创造具辨识度、生产级、高设计质量的前端界面。当用户要求构建 Web 组件、页面、artifacts、海报或应用时使用(示例包括网站、落地页、仪表盘、React 组件、HTML/CSS 布局,或为任意 Web UI 做样式美化)。生成富有创意、精致的代码与 UI 设计,避免千篇一律的 AI 审美。
io.github.NeverSight/learn-skills.dev/css-development
在处理 CSS、创建组件、编写样式、重构样式或评审 CSS 代码时使用此技能。触发词:CSS、styles、Tailwind、dark mode、component styling、semantic class、@apply、stylesheet。会按创建、校验或重构路由到对应的专项子技能。
io.github.NeverSight/learn-skills.dev/nextjs-frontend-testing
当用户想为 Next.js(App Router)+ TypeScript + Tailwind + shadcn/ui 项目搭建、改进或运行前端测试(单元、组件与 E2E)时使用此技能,技术栈为 Vitest/Jest、React Testing Library 与 Playwright。
io.github.affaan-m/ECC/frontend-slides
从零开始或通过转换PowerPoint文件创建令人惊艳、动画丰富的HTML演示文稿。当用户想要构建演示文稿、将PPT/PPTX转换为网页格式,或为演讲/推介创建幻灯片时使用。帮助非设计师通过视觉探索而非抽象选择发现他们的美学。
io.github.langflow-ai/langflow/frontend-query-mutation
Langflow 前端使用 Axios 与 TanStack React Query v5 实现 query/mutation 模式的指南。当创建或更新 controllers/API/queries 中的 API hook、在组件中消费 UseRequestProcessor、决定使用 useQuery 还是 useMutation、处理条件查询、缓存失效、mutation 错误处理,或迁移旧 API 调用到 query hook 模式时触发。
io.github.tech-leads-club/agent-skills/frontend-design
打造独特、生产级、高设计质量的前端界面。当用户要求构建 Web 组件、页面、产物、海报或应用时使用此技能。生成富有创意、打磨精细的代码,避免千篇一律的 AI 审美。不要用于设计评审或审计(改用 web-design-guidelines 或 web-quality-audit)。
io.github.gsd-build/gsd-2/frontend-design
创造具辨识度、生产级、高设计质量的前端界面。当用户要求构建 Web 组件、页面、artifacts、海报或应用时使用(示例包括网站、落地页、仪表盘、React 组件、HTML/CSS 布局,或为任意 Web UI 做样式美化)。生成富有创意、精致的代码与 UI 设计,避免千篇一律的 AI 审美。
io.github.yournextstore/yournextstore/frontend-design
打造独特、生产级、高设计质量的前端界面。当用户要求构建 Web 组件、页面、产物、海报或应用时使用此技能。生成富有创意、打磨精细的代码,避免千篇一律的 AI 审美。
io.github.arpitg1304/robotics-agent-skills/docker-ros2-development
基于 Docker 的 ROS2 开发最佳实践,包括多阶段 Dockerfile、用于多容器机器人系统的 docker-compose、跨容器的 DDS 发现、用于感知的 GPU 直通,以及开发-部署容器模式。在容器化 ROS2 工作空间、为机器人软件栈搭建 docker-compose、调试容器间 DDS 通信、用 NVIDIA Container Toolkit 配置 GPU 工作负载、为 rviz2 与 GUI 工具转发 X11/Wayland,或管理摄像头与串口设备的 USB 直通时使用。每当用户提及 Docker 配合 ROS2、用于机器人的 docker-compose、colcon 工作空间的 Dockerfile、DDS 的容器网络、用于感知的 GPU 容器、ROS2 的 devcontainer、ROS2 的多阶段构建或在容器中部署 ROS2 时触发。也覆盖基于 Docker 的 ROS2 构建 CI/CD、容器中的 CycloneDDS 或 FastDDS 配置、Docker 中的共享内存或 rviz2 的 X11 转发。
io.github.affaan-m/ECC/frontend-slides
从零开始或转换 PowerPoint 文件,做出视觉效果出色、动效丰富的 HTML 演示文稿。当用户想制作演示文稿、把 PPT/PPTX 转为网页,或为演讲、路演准备幻灯片时使用。帮助非设计背景的用户通过视觉探索找到自己的审美,而不是停留在抽象选择上。
io.github.tech-leads-club/agent-skills/frontend-blueprint
AI 前端专家与设计顾问:在生成任何代码前引导用户完成结构化需求探索,收集视觉参考、设计 token、字体排印、图标、布局偏好与品牌规范,让最终产出高保真贴合用户构想。当用户要求构建、设计、创建或改进任何前端界面——网站、落地页、仪表盘、组件、应用、邮件、表单、弹窗或任意 UI 元素——时使用。也响应「给我做一个 UI」「设计一个页面」「做一个组件」「改进这个布局」「让它更好看」「frontend」「interface」「redesign」,或当用户提供 mockup、截图、设计参考时触发。不用于后端逻辑、API 设计、数据库模式或非视觉代码任务。
io.github.netease-youdao/LobsterAI/frontend-design
创造具辨识度、生产级、高设计质量的前端界面。当用户要求构建 Web 组件、页面、artifacts、海报或应用时使用(示例包括网站、落地页、仪表盘、React 组件、HTML/CSS 布局,或为任意 Web UI 做样式美化)。生成富有创意、精致的代码与 UI 设计,避免千篇一律的 AI 审美。
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.anbeime/skill/frontend-design
打造独特、生产级、高设计质量的前端界面。当用户要求构建 Web 组件、页面或应用时使用此技能。生成富有创意、打磨精细的代码,避免千篇一律的 AI 审美。
io.github.Galaxy-Dawn/claude-scholar/frontend-design
打造独特、生产级、高设计质量的前端界面。当用户要求构建 Web 组件、页面、产物、海报或应用(示例包括网站、落地页、仪表盘、React 组件、HTML/CSS 布局,或对任意 Web UI 做样式美化)时使用此技能。生成富有创意、打磨精细的代码与 UI 设计,避免千篇一律的 AI 审美。