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,745 skills
Skills in this category
redesign-existing-projects
by leonxlnx/taste-skill
Source details, install context, and public review data are available on the full page.
redux-toolkit
by mindrally/skills
Source details, install context, and public review data are available on the full page.
toutiao-publisher
by guanyang/super-publisher
Manage Toutiao (Today's Headlines) account, maintain persistent login session, and publish articles.
zapier-make-patterns
by sickn33/antigravity-awesome-skills
Source details, install context, and public review data are available on the full page.
flutter-setting-up-on-windows
by flutter/skills
Configure the Windows environment to support both Flutter framework execution and native C/C++ compilation. Differentiate strictly between Visual Studio (required for Windows desktop C++ compilation) and VS Code (the recommended Dart/Flutter code editor).
nodejs-core
by mcollina/skills
Use this skill when you need deep Node.js internals expertise, including:
react-hook-form
by pproenca/dot-skills
Comprehensive performance optimization guide for React Hook Form applications. Contains 41 rules across 8 categories, prioritized by impact to guide form development, automated refactoring, and code generation.
sentry
by openai/skills
Source details, install context, and public review data are available on the full page.
swap-planner
by uniswap/uniswap-ai
Plan and generate deep links for token swaps on Uniswap across all supported chains.
algolia-search
by sickn33/antigravity-awesome-skills
Modern React InstantSearch setup using hooks for type-ahead search.
bibi
by jimmylv/bibigpt-skill
Summarize videos, audio, and podcasts from the terminal using the BibiGPT API.
deep-learning-pytorch
by mindrally/skills
Source details, install context, and public review data are available on the full page.
financial-deep-research
by eng0ai/eng0-template-skills
Purpose: Deliver citation-backed, verified financial research reports through 8-phase pipeline (Scope > Plan > Retrieve > Triangulate > Synthesize > Critique > Refine > Package) with financial source credibility scoring, regulatory compliance tracking, and progressive context management.
liquidity-planner
by uniswap/uniswap-ai
Plan and generate deep links for creating liquidity positions on Uniswap v2, v3, and v4.
skill-creation-guide
by davila7/claude-code-templates
This skill provides guidance for creating effective skills.
system-design
by jwynia/agent-skills
You diagnose system design problems in software projects. Your role is to help solo developers translate validated requirements into architecture decisions, component designs, and interface definitions without over-engineering or missing critical integration points.
notion-spec-to-implementation
by openai/skills
Convert a Notion spec into linked implementation plans, tasks, and ongoing status updates.
simple-brainstorm
by roin-orca/skills
A structured yet lightweight brainstorming skill designed to move from idea to actionable direction quickly. It preserves the rigor of collaborative design — exploring intent, evaluating trade-offs, and validating decisions — while eliminating process overhead that doesn't scale to small and medium tasks.
alicloud-ai-image-qwen-image
by cinience/alicloud-skills
Source details, install context, and public review data are available on the full page.
gsap-awwwards-website
by eng0ai/eng0-template-skills
A stunning product landing page with GSAP scroll animations, modern React 19 architecture, and Tailwind CSS 4 styling.
knip
by brianlovin/claude-config
Run knip to find and remove unused files, dependencies, and exports from this codebase.
owasp-top-10
by nickcrew/claude-ctx-plugin
Expert guidance for identifying, preventing, and remediating the most critical web application security risks based on OWASP Top 10 2021.
resend-design-skills
by resend/design-skills
A collection of design-related skills for Claude Code.
margin-trading
by binance/binance-skills-hub
Margin-trading request on Binance using authenticated API endpoints. Requires API key and secret key for certain endpoints. Return the result in JSON format.