Skills / Category
Frontend
5,090 skills
Showing 121–144 of 5,090
- 0.791score
ui-design
mblode
Designs and builds React/Next/Tailwind UI, audits visual and interaction defects, and stress-tests components with worst-case data.
SkillAFreshness: A★ 162Claude Code +9 - 0.790score
report-card
SerhiiKorniienko
Render a finished BS report as a self-contained HTML page — score hero, filterable claims, readable on a phone, prints to a clean PDF.
SkillAFreshness: A★ 160Claude Code +9 - 0.790score
creating-share-images
Dicklesworthstone
Create OpenGraph and Twitter share images for Next.js applications using next/og ImageResponse.
SkillAFreshness: A★ 207Claude Code +9 - 0.790score
ui-system
OutThisLife
Reuse existing UI primitives, CSS vars, and DESIGN.md patterns instead of inventing new buttons, colors, borders, shadows, or helpers — including when…
SkillAFreshness: A★ 206Claude Code +9 - 0.789score
bulletproof-react
Yam Borodetsky
Bulletproof React architecture patterns for scalable, maintainable applications.
SkillAFreshness: A★ 147Claude Code +9 - 0.789score
nuxt
Yam C Borodetsky
Nuxt full-stack Vue framework with SSR, auto-imports, and file-based routing.
SkillAFreshness: A★ 147Claude Code +9 - 0.789score
sanity-form-component-suspense
sanity-ioOfficial
Fix a Sanity Studio custom form component (components.input, components.field, components.item, or a plugin's form.components) that suspends without its own…
SkillAFreshness: A★ 194Claude Code +9 - 0.788score
md2wechat
geekjourneyx
Convert Markdown to WeChat Official Account HTML, inspect supported providers/themes/prompts, generate article images, create drafts, write with creator…
SkillBFreshness: B★ 3.8KClaude Code +9 - 0.787score
create-react-native-library
callstackincubator
Scaffolds React Native libraries with create-react-native-library for standalone libraries or local native modules and views.
SkillBFreshness: B★ 1.7KClaude Code +9 - 0.787score
github-actions
callstackincubator
GitHub Actions workflow patterns for React Native iOS simulator and Android emulator cloud builds with downloadable artifacts.
SkillBFreshness: B★ 1.7KClaude Code +9 - 0.787score
react-native-tv-best-practices
callstackincubator
Reviews React Native TV apps for focus/D-pad navigation, 10-foot UI layout, TV playback/DRM integration, low-memory TV performance, and TV accessibility.
SkillBFreshness: B★ 1.7KClaude Code +9 - 0.787score
react-navigation
callstackincubator
Provides React Navigation UI patterns for stacks, tabs, drawers etc.
SkillBFreshness: B★ 1.7KClaude Code +9 - 0.787score
upgrading-react-native
callstackincubator
Upgrades React Native apps to newer versions by applying rn-diff-purge template diffs, updating package.json dependencies, migrating native iOS and Android…
SkillBFreshness: B★ 1.7KClaude Code +9 - 0.786score
hyperframes
spinabot
Author HTML compositions that the `render_video` tool turns into deterministic MP4 video — animated charts and dashboards, data explainers, text/quote cards…
SkillBFreshness: B★ 11.4KClaude Code +9 - 0.786score
wp-patterns
WordPressOfficial
Pattern: create or update WordPress block patterns (starter pages, templates, template parts, Query Loop layouts), review pattern registration, block markup…
SkillBFreshness: B★ 2.3KClaude Code +9 - 0.786score
plannotator-visual-explainer
backnotprop
Generate self-contained HTML visualizations with Plannotator theming.
SkillAFreshness: A★ 9.6KClaude Code +9 - 0.786score
hyperframes
scott-fryxell
Create video compositions, animations, title cards, overlays, captions, voiceovers, audio-reactive visuals, and scene transitions in HyperFrames HTML.
SkillAFreshness: A★ 125Claude Code +9 - 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