Frontend

from "affaan-m/everything-claude-code"

Compose Multiplatform and Jetpack Compose patterns for KMP projects — state management, navigation, theming, performance, and platform-specific UI.

from "affaan-m/everything-claude-code"

Use this skill to automate visual testing and UI interaction verification using browser automation after deploying features.

from "affaan-m/everything-claude-code"

SwiftUI 架构模式，使用 @Observable 进行状态管理，视图组合，导航，性能优化，以及现代 iOS/macOS UI 最佳实践。

from "affaan-m/everything-claude-code"

Next.js 16+ 和 Turbopack — 增量打包、文件系统缓存、开发速度，以及何时使用 Turbopack 与 webpack。

from "affaan-m/everything-claude-code"

从零开始或通过转换PowerPoint文件创建令人惊艳、动画丰富的HTML演示文稿。当用户想要构建演示文稿、将PPT/PPTX转换为网页格式，或为演讲/推介创建幻灯片时使用。帮助非设计师通过视觉探索而非抽象选择发现他们的美学。

from "affaan-m/everything-claude-code"

- 功能部署到 staging / preview 之后 - 需要验证跨页面的 UI 行为时 - 发布前确认布局、表单和交互是否真的可用 - 审查涉及前端改动的 PR 时 - 做可访问性审计和响应式测试时

from "affaan-m/everything-claude-code"

React, Next.js, state yönetimi, performans optimizasyonu ve UI en iyi uygulamaları için frontend geliştirme kalıpları.

from "affaan-m/everything-claude-code"

TypeScript, JavaScript, React ve Node.js geliştirme için evrensel kodlama standartları, en iyi uygulamalar ve kalıplar.

from "affaan-m/everything-claude-code"

React、Next.js、状態管理、パフォーマンス最適化、UIベストプラクティスのためのフロントエンド開発パターン。

from "affaan-m/everything-claude-code"

Frontend development patterns for React, Next.js, state management, performance optimization, and UI best practices.

from "affaan-m/everything-claude-code"

Use when the user has UI screenshots or design exports that need batch conversion into Vue 3 components, especially with Vant, Element Plus, or Ant Design Vue.

from "affaan-m/everything-claude-code"

Production-ready UI motion system for React/Next.js. Use when implementing animations, transitions, or motion patterns.

from "affaan-m/everything-claude-code"

Advanced motion patterns for React / Next.js — drag & drop, gestures, text animations, SVG path drawing, custom hooks, imperative sequences useAnimate , loaders, and the full API decision...

from "affaan-m/everything-claude-code"

Production-ready animation patterns for React / Next.js — button, modal, toast, stagger, page transitions, exit animations, scroll, and layout — built on motion-foundations tokens and...

from "affaan-m/everything-claude-code"

Apply concrete design-engineering details that make interfaces feel polished. Use when reviewing or improving UI spacing, typography, borders, shadows, motion, hit areas, icons, text...

from "affaan-m/everything-claude-code"

EMR/EHR development patterns for healthcare applications. Clinical safety, encounter workflows, prescription generation, clinical decision support integration, and accessibility-first UI...

from "addyosmani/agent-skills"

Builds production-quality UIs. Use when building or modifying user-facing interfaces. Use when creating components, implementing layouts, managing state, or when the output needs to look...

from "addyosmani/agent-skills"

Tests in real browsers via Chrome DevTools MCP. Use when building or debugging anything that runs in a browser. Use when you need to inspect the DOM, capture console errors, analyze network...

from "nexu-io/open-design"

锁死 1920×1080 画布, React 组件级自由组合, 不绑模板

from "nexu-io/open-design"

Opinionated, evolving constraints to guide agents when building interfaces. Useful for keeping output coherent across many small UI pieces.

from "nexu-io/open-design"

Three.js skills for creating 3D elements and interactive experiences in the browser — scenes, materials, controls, and post-processing.

from "nexu-io/open-design"

Programmatic video creation with React. Useful for branded explainers, social cuts, dashboards-to-video, and reproducible motion graphics.

from "nexu-io/open-design"

GSAP React integration with useGSAP hook, refs, gsap.context , cleanup, and SSR. Ships safe motion in React + Next.js apps.

from "nexu-io/open-design"

Generate animation-rich HTML presentations with visual style previews. Useful for online keynotes, embedded talks, and interactive briefs.