CSS 布局调试
io.github.majiayu000/spellbook/css-debug
使用此技能诊断 CSS 与前端布局问题,如定位、溢出裁剪、Tailwind 类冲突、z-index 层叠,以及 React 渲染可见性问题。
“React” 共 547 个结果
io.github.majiayu000/spellbook/css-debug
使用此技能诊断 CSS 与前端布局问题,如定位、溢出裁剪、Tailwind 类冲突、z-index 层叠,以及 React 渲染可见性问题。
io.github.vercel-labs/open-agents/web-animation-design
设计并实现自然而有目的感的 Web 动画。当用户询问动画、motion、缓动、时序、时长、弹簧、过渡或动画性能问题时,主动使用本技能。包括:如何为特定 UI 元素做动画、该用什么缓动、动画最佳实践,以及动效的无障碍考量。触发词:easing、ease-out、ease-in、ease-in-out、cubic-bezier、bounce、spring physics、keyframes、transform、opacity、fade、slide、scale、hover effects、microinteractions、Framer Motion、React Spring、GSAP、CSS transitions、入场/出场动画、页面过渡、stagger、will-change、GPU 加速、prefers-reduced-motion、弹窗/下拉/提示气泡/抽屉动画、手势动画、拖拽交互、按钮按压手感、感觉卡顿、想要顺滑效果。
io.github.curiositech/some_claude_skills/nextjs-app-router-expert
Next.js 14/15 App Router 架构、React Server Components(RSC)、Server Actions 与现代全栈 React 开发专家。擅长路由模式、数据获取策略、缓存、流式渲染与部署优化。
io.github.aiskillstore/marketplace/mobile-developer
使用现代架构模式开发 React Native、Flutter 或原生移动应用。精通跨平台开发、原生集成、离线同步与应用商店优化。在移动功能、跨平台代码或应用优化场景下主动使用。
io.github.aiskillstore/marketplace/mobile-design
面向 iOS 与 Android 应用的移动优先设计与工程方法论。涵盖触控交互、性能、平台约定、离线行为与移动端特有的决策。教授原则与约束,而非固定布局。适用于 React Native、Flutter 或原生移动应用。
io.github.netease-youdao/LobsterAI/frontend-design
创造具辨识度、生产级、高设计质量的前端界面。当用户要求构建 Web 组件、页面、artifacts、海报或应用时使用(示例包括网站、落地页、仪表盘、React 组件、HTML/CSS 布局,或为任意 Web UI 做样式美化)。生成富有创意、精致的代码与 UI 设计,避免千篇一律的 AI 审美。
io.github.github/awesome-copilot/code-exemplars-blueprint-generator
技术栈无关的提示词生成器,可生成定制化 AI 提示以扫描代码库并识别高质量代码范例。支持多编程语言(.NET、Java、JavaScript、TypeScript、React、Angular、Python),分析深度、归类方式与文档格式均可配置,帮助团队确立编码标准并保持开发一致性。
io.github.vercel-labs/open-agents/frontend-design
创造具辨识度、生产级、高设计质量的前端界面。当用户要求构建 Web 组件、页面、artifacts、海报或应用时使用(示例包括网站、落地页、仪表盘、React 组件、HTML/CSS 布局,或为任意 Web UI 做样式美化)。生成富有创意、精致的代码与 UI 设计,避免千篇一律的 AI 审美。
io.github.PageAI-Pro/ralph-loop/component-refactoring
重构前端中高复杂度的 React 组件。当用户要求代码拆分、提取 Hook 或降低复杂度,或遇到难以理解的组件需要重构时使用。
io.github.atilladeniz/Kubeli/refactor
遵循 Ousterhout 设计原则重构代码。分析复杂度、制定优先级重构计划,并以安全优先的方式执行。针对 Vite/React、Tauri/Rust、Zustand 技术栈优化。
io.github.anomalyco/opencode/agents-sdk
使用 Agents SDK 在 Cloudflare Workers 上构建 AI 代理。在创建有状态代理、持久工作流、实时 WebSocket 应用、定时任务、MCP 服务器或聊天应用时加载。涵盖 Agent 类、状态管理、可调用 RPC、Workflows 集成与 React hooks。
io.github.davila7/claude-code-templates/design-to-code
借助 coderio 把 Figma 设计稿像素级转换为 React,产出生产就绪代码(TypeScript、Vite、TailwindCSS V4)并保持高视觉还原度,具备完善的错误处理、断点续跑能力,并通过辅助脚本简化执行流程。
io.github.baotoq/micro-commerce/nextjs-app-router-patterns
掌握 Next.js 14+ App Router:Server Components、流式渲染、并行路由与高级数据获取。在构建 Next.js 应用、实现 SSR/SSG 或优化 React Server Components 时使用。
io.github.alonronin/mockingoose/typescript-docs
使用 JSDoc、TypeDoc 与面向不同受众的多层文档模式,生成全面的 TypeScript 文档。在为 NestJS、Express、React、Angular 与 Vue 创建 API 文档、架构决策记录(ADR)、代码示例或框架专属模式时使用。
io.github.Galaxy-Dawn/claude-scholar/frontend-design
打造独特、生产级、高设计质量的前端界面。当用户要求构建 Web 组件、页面、产物、海报或应用(示例包括网站、落地页、仪表盘、React 组件、HTML/CSS 布局,或对任意 Web UI 做样式美化)时使用此技能。生成富有创意、打磨精细的代码与 UI 设计,避免千篇一律的 AI 审美。
io.github.Dokhacgiakhoa/Agent-skills-setup-for-AntiGravity/mobile-developer
使用现代架构模式开发 React Native、Flutter 或原生移动应用。精通跨平台开发、原生集成、离线同步与应用商店优化。在移动功能、跨平台代码或应用优化场景下主动使用。
io.github.Dokhacgiakhoa/Agent-skills-setup-for-AntiGravity/nextjs-app-router-patterns
掌握 Next.js 14+ App Router:Server Components、流式渲染、并行路由与高级数据获取。在构建 Next.js 应用、实现 SSR/SSG 或优化 React Server Components 时使用。
io.github.Dokhacgiakhoa/antigravity-ide/mobile-developer
使用现代架构模式开发 React Native、Flutter 或原生移动应用。精通跨平台开发、原生集成、离线同步与应用商店优化。在移动功能、跨平台代码或应用优化场景下主动使用。
io.github.Dokhacgiakhoa/antigravity-ide/nextjs-app-router-patterns
掌握 Next.js 14+ App Router:Server Components、流式渲染、并行路由与高级数据获取。在构建 Next.js 应用、实现 SSR/SSG 或优化 React Server Components 时使用。
io.github.marmelab/atomic-crm/frontend-dev
Atomic CRM 的前端开发编码实践。在创建或修改 React 组件、表单、列表页、详情视图、筛选器、数据请求或响应式布局时使用。
io.github.Dicklesworthstone/pi_agent_rust/nextjs-app-router-patterns
掌握 Next.js 14+ App Router:Server Components、流式渲染、并行路由与高级数据获取。在构建 Next.js 应用、实现 SSR/SSG 或优化 React Server Components 时使用。
io.github.rohitg00/awesome-claude-code-toolkit/mobile-development
面向 React Native 与 Flutter 的移动开发模式,包括导航、状态管理与响应式设计
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 体积、搭建前端项目、实现无障碍或审查前端代码质量时使用。