Frontend and Design
Frontend and design skills center on UI engineering, styling systems, interaction design, and design-to-code workflows. Developers here will find tools for React and web interfaces, component systems, visual polish, and collaboration between product, design, and implementation.
3,665 skills
Skills in this category
ruff-recursive-fix
Use this skill to enforce code quality with Ruff in a controlled, iterative workflow. It supports:
react-native-brownfield-migration
Prescriptive workflow for incremental adoption of React Native in existing native apps using @callstack/react-native-brownfield , from initial setup through phased host integration.
create-video
Generate complete videos from a text prompt. Describe what you want and the AI handles script writing, avatar selection, visuals, voiceover, pacing, and captions automatically.
awwwards-animations
Premium React animations at Awwwards/FWA quality—60fps, scroll-driven, and award-worthy.
finlab
Quantitative trading strategy development, backtesting, and live execution using FinLab's data and simulation engine.
landing-page-guide-v2
Distinctive, high-converting landing pages combining proven conversion elements with exceptional design quality.
oauth
OAuth providers validate redirect URIs against domain rules. .localhost subdomains fail on most providers because they are not in the Public Suffix List or are explicitly blocked. Portless fixes this with --tld to serve apps on real, valid domains.
camsnap
Use camsnap to grab snapshots, clips, or motion events from configured cameras.
critical-thinking-logical-reasoning
Structured critical thinking framework for analysing written arguments, claims, and reasoning.
llm-wiki
You are maintaining a persistent, compounding knowledge base. The wiki is not a chatbot — it is a compiled artifact where knowledge is distilled once and kept current, not re-derived on every query.
sentry-create-alert
All Skills > Feature Setup > Create Alert
basecamp
Full CLI coverage: 155 endpoints across todos, cards, messages, files, schedule, check-ins, timeline, recordings, templates, webhooks, subscriptions, lineup, chat, gauges, assignments, notifications, and accounts.
code-quality
Production-grade code standards emphasizing correctness, crash-safety, and Rust idioms over convenience.
analyze-test-run
Downloads artifacts from a GitHub Actions integration test run, generates a summarized skill invocation report, and files GitHub issues for each test failure with root-cause analysis.
compliance-tracking
Help track compliance requirements, prepare for audits, and maintain regulatory readiness.
openhue
Use openhue to control Philips Hue lights and scenes via a Hue Bridge.
pptx-manipulation
This skill enables programmatic creation, editing, and manipulation of Microsoft PowerPoint (.pptx) presentations using the python-pptx library. Create professional slides with text, shapes, images, charts, and tables without manual editing.
nextjs-seo
Complete SEO setup for Next.js 16+ apps with metadata, sitemaps, robots.txt, and Core Web Vitals guidance.
bear-notes
Use grizzly to create, read, and manage notes in Bear on macOS.
design-task
How to write effective tasks that produce reliable, high-quality output from your agents.
scroll-experience
Cinematic scroll-driven narratives with parallax, animations, and interactive reveals.
bullmq-specialist
Redis-backed job queue expert for reliable async processing, background jobs, and complex multi-step workflows in Node.js/TypeScript.
history-insight
Source details, install context, and public review data are available on the full page.
i18n
Internationalization setup for React apps using react-i18next with flat dot-notation keys.