Skills / Category
Frontend
6,292 skills
Showing 169–192 of 6,292
- 0.786score
motion-systems
scott-fryxell
Use when designing or implementing motion for web interfaces, including CSS transitions and keyframes, `linear()` easing design, transform strategy…
SkillAFreshness: A★ 125Claude Code +9 - 0.786score
useless
scott-fryxell
What building realness taught us about the web platform - semantic HTML with microdata as one decision that serves SEO, CSS selectors, layout, the data model…
SkillAFreshness: A★ 125Claude Code +9 - 0.785score
figma-implement-motion
figmaOfficial
Translates Figma motion and animations into production-ready application code.
SkillBFreshness: B★ 2.1KClaude Code +9 - 0.785score
button-states
dembrandt
Rest, hover, active, focus, disabled and loading states, derived from the base colour.
SkillAFreshness: A★ 160Claude Code +9 - 0.785score
component-family-consistency
dembrandt
Buttons, inputs, badges and pills share radius, colour logic, shadow, border and spacing.
SkillAFreshness: A★ 160Claude Code +9 - 0.785score
doca-dms
NVIDIA <doca@nvidia.com>
Operate NVIDIA DOCA Management Service on a BlueField, Arm/x86 host, or Kubernetes pod: from DOCA 3.5 the local `dms-cli` (one command per YANG path, no…
SkillAFreshness: A★ 3.7KClaude Code +9 - 0.785score
doca-upgrade
NVIDIA <doca@nvidia.com>
Changing DOCA versions safely: upgrading or downgrading the host DOCA packages, refreshing the BlueField BFB, bumping the NGC DOCA container tag, or rolling…
SkillAFreshness: A★ 3.7KClaude Code +9 - 0.785score
doca-urom-svc
NVIDIA <doca@nvidia.com>
Operate the DOCA UROM Service container on BlueField Arm for remote memory operations (puts, gets, atomics, collectives) enqueued by a paired host using…
SkillAFreshness: A★ 3.7KClaude Code +9 - 0.785score
doca-version
NVIDIA <doca@nvidia.com>
DOCA version handling: detect the installed release and validate the four-way match across pkg-config doca-common, applications/VERSION, doca_caps --version…
SkillAFreshness: A★ 3.7KClaude Code +9 - 0.785score
repeated-component-alignment
dembrandt
Cards, rows, tiles and cells are fixed slot models that stay aligned when content length varies.
SkillAFreshness: A★ 160Claude Code +9 - 0.785score
semantic-html-and-seo
dembrandt
Semantic HTML5, SEO basics, alt text, progressive enhancement and SPA concerns.
SkillAFreshness: A★ 160Claude Code +9 - 0.785score
motion-ad
danny.md — https://www.danny.md/skills/motion-ad
Produce a short motion-graphics video ad — a 15s Facebook/Instagram/TikTok spot — as a rendered MP4.
SkillAFreshness: A★ 119Claude Code +9 - 0.784score
otel-browser
ollygarden
OpenTelemetry browser/RUM mechanics for SPAs and MPAs.
SkillAFreshness: A★ 116Claude Code +9 - 0.784score
otel-collector-builder
ollygarden
Build custom OpenTelemetry Collector distributions with OCB (OpenTelemetry Collector Builder).
SkillAFreshness: A★ 116Claude Code +9 - 0.784score
otel-sdk-versions
ollygarden
OpenTelemetry release version lookup for SDKs across languages and for the Collector (core, contrib, distributions, builder/OCB), the declarative…
SkillAFreshness: A★ 116Claude Code +9 - 0.784score
otel-upgrade
ollygarden
Assess OpenTelemetry package and Collector upgrades across ecosystems.
SkillAFreshness: A★ 116Claude Code +9 - 0.784score
venice-x402
veniceai
Manage Venice x402 wallet credits.
SkillAFreshness: A★ 155Claude Code +9 - 0.784score
react-native-best-practices
callstackincubator
Provides React Native performance optimization guidelines for FPS, TTI, bundle size, memory leaks, re-renders, and animations.
SkillBFreshness: B★ 1.7KClaude Code +9 - 0.783score
stacked-data-cards
Unclecheng-li
生成「叠放式数据论点卡」自动播放动画的单文件 HTML:白色论点卡从底部依次弹入居中,旧卡向左叠成牌堆,卡内数据组件(折线描边、数字滚动、环形仪表、对比条、数据表格、图标卡组)按毫秒级时间线级联入场,整段时长对齐口播/旁白秒数,录屏即成片。适合视频中的数据论证、研究结论展示、观点陈列、反直觉点揭示等场景。
SkillBFreshness: B★ 1.6KClaude Code +9 - 0.783score
video-shot-demos
Unclecheng-li
为视频/课程/解说文案制作"每镜头一个 HTML"的高完成度网页演示动画(分镜演示页、视频配套演示动画、录屏用动画网页、科普/技术/产品发布可视化镜头)。只要用户提到:给视频做演示动画网页、分镜 HTML、shot…
SkillBFreshness: B★ 1.6KClaude Code +9 - 0.783score
arkenv
yamcodes
Answer questions about ArkEnv and help implement environment variable validation.
SkillAFreshness: A★ 147Claude Code +9 - 0.783score
kooboo-app-i18n
Kooboo
使用 Kooboo Label 配合 vue-i18n 为 Vue AI App 添加或维护多语言,包括语言切换、菜单与标题翻译、组件库语言。用户要求 App 国际化,或修改已接入该能力的 App 时使用;单语言 App 无需安装。
SkillAFreshness: A★ 345Claude Code +9 - 0.782score
imagegen
mimimaster
Generate or edit raster images when the task benefits from AI-created bitmap visuals such as photos, illustrations, textures, sprites, mockups, or…
SkillAFreshness: A★ 142Claude Code +9 - 0.782score
canvas
spinabot
Display HTML content — games, visualizations, dashboards, generated HTML, interactive demos — on a connected canvas-capable display surface.
SkillBFreshness: B★ 11.4KClaude Code +9