CSS 开发
io.github.NeverSight/learn-skills.dev/css-development
在处理 CSS、创建组件、编写样式、重构样式或评审 CSS 代码时使用此技能。触发词:CSS、styles、Tailwind、dark mode、component styling、semantic class、@apply、stylesheet。会按创建、校验或重构路由到对应的专项子技能。
“Frontend Development” 共 803 个结果
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 审美。
io.github.Dokhacgiakhoa/Agent-skills-setup-for-AntiGravity/backend-development-feature-development
编排从需求到部署的端到端后端功能开发。适用于跨团队、跨服务协调多阶段功能交付。
io.github.Dokhacgiakhoa/antigravity-ide/backend-development-feature-development
编排从需求到部署的端到端后端功能开发。适用于跨团队、跨服务协调多阶段功能交付。
io.github.marmelab/atomic-crm/frontend-dev
Atomic CRM 的前端开发编码实践。在创建或修改 React 组件、表单、列表页、详情视图、筛选器、数据请求或响应式布局时使用。
io.github.rohitg00/awesome-claude-code-toolkit/mobile-development
面向 React Native 与 Flutter 的移动开发模式,包括导航、状态管理与响应式设计
io.github.rohitg00/awesome-claude-code-toolkit/mcp-development
MCP 服务器开发,包括工具设计、资源端点、提示词模板与传输层配置
io.github.rohitg00/awesome-claude-code-toolkit/frontend-excellence
现代前端模式,涵盖 React Server Components、性能优化与 Core Web Vitals
io.github.ComposioHQ/awesome-claude-plugins/senior-frontend
面向 React、Next.js、TypeScript 与 Tailwind CSS 应用的前端开发技能。在构建 React 组件、优化 Next.js 性能、分析 bundle 体积、搭建前端项目、实现无障碍或审查前端代码质量时使用。
io.github.mitsuhiko/agent-stuff/frontend-design
设计并实现具有鲜明美学方向、可直接上线的前端界面。在需要新建或改版网页、组件或应用(HTML/CSS/JS、React、Vue 等)时使用。
io.github.YFGaia/dify-plus/frontend-testing
为 Dify 前端组件、Hook 和工具函数生成 Vitest + React Testing Library 测试。触发词:testing、spec 文件、coverage、Vitest、RTL、单元测试、集成测试或编写/审查测试的请求