Skip to main content
Back to registry

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

gsap-scrolltrigger

by bbeierle12/skill-mcp-claude

313

Scroll-driven animations and interactions.

Frontend and DesignFirst seen Jan 21, 2026

jobs-to-be-done

by deanpeters/product-manager-skills

313

Systematically explore what customers are trying to accomplish (functional, social, emotional jobs), the pains they experience, and the gains they seek. Use this framework to uncover unmet needs, validate product ideas, and ensure your solution addresses real motivations—not just surface-level feature requests.

Frontend and DesignFirst seen Feb 11, 2026

mcp-cli-scripts

by jezweb/claude-skills

313

Status : Production Ready Last Updated : 2026-01-09 Dependencies : tsx (dev dependency) Current Versions : tsx@4.21.0

Frontend and DesignFirst seen Jan 19, 2026

nx-plugins

by nrwl/nx-ai-agents-config

313

Source details, install context, and public review data are available on the full page.

Frontend and DesignFirst seen Jan 26, 2026

openai-assistants

by jezweb/claude-skills

313

Status : Production Ready (⚠️ Deprecated - Sunset August 26, 2026) Package : openai@6.16.0 Last Updated : 2026-01-21 v1 Deprecated : December 18, 2024 v2 Sunset : August 26, 2026 (migrate to Responses API)

Frontend and DesignFirst seen Jan 19, 2026

quick-stats

by marketcalls/vectorbt-backtesting-skills

313

Generate a quick inline backtest and print stats. Do NOT create a file - output code directly for the user to run or execute in a notebook.

Frontend and DesignFirst seen Feb 24, 2026

beads

by steveyegge/beads

312

Graph-based issue tracker that survives conversation compaction. Provides persistent memory for multi-session work with complex dependencies.

Frontend and DesignFirst seen Jan 29, 2026

cosmos-dbt-fusion

by astronomer/agents

312

Execute steps in order. This skill covers Fusion-specific constraints only.

Frontend and DesignFirst seen Feb 3, 2026

discovery-interview-prep

by deanpeters/product-manager-skills

312

Guide product managers through preparing for customer discovery interviews by asking adaptive questions about research goals, customer segments, constraints, and methodologies. Use this to design effective interview plans, craft targeted questions, avoid common biases, and maximize learning from limited customer...

Frontend and DesignFirst seen Feb 11, 2026

mapbox-style-patterns

by mapbox/mapbox-agent-skills

312

This skill provides battle-tested style patterns and layer configurations for common mapping scenarios.

Frontend and DesignFirst seen Feb 1, 2026

product-strategist

by davila7/claude-code-templates

312

Strategic toolkit for Head of Product to drive vision, alignment, and organizational excellence.

Frontend and DesignFirst seen Jan 20, 2026

wordpress-router

by wordpress/agent-skills

312

Source details, install context, and public review data are available on the full page.

Frontend and DesignFirst seen Jan 31, 2026

charting

by starchild-ai-agent/official-skills

311

NEVER call price_chart , get_coin_ohlc_range_by_id , twelvedata_time_series , or ANY market data tools when creating charts. Chart scripts fetch data internally. Calling these tools floods your context with 78KB+ of unnecessary data.

Frontend and Design

codebase-exploration

by 404kidwiz/claude-supercode-skills

311

Specializes in systematic codebase exploration and discovery. Uses advanced search techniques, pattern recognition, and code analysis to quickly understand unfamiliar code, locate specific implementations, map architectural patterns, and answer location-based questions about code.

Frontend and DesignFirst seen Jan 23, 2026

financial-analysis-agent

by qodex-ai/ai-agent-skills

311

Build intelligent financial analysis agents that evaluate investments, assess risks, and generate data-driven recommendations.

Frontend and DesignFirst seen Jan 21, 2026

flutter-localizing-apps

by flutter/skills

311

Configure the project to support code generation for localizations.

Frontend and Design

flutter-working-with-databases

by flutter/skills

311

Construct the data layer as the Single Source of Truth (SSOT) for all application data. In an MVVM architecture, the data layer represents the Model. Never update application data outside of this layer.

Frontend and Design

tmux

by steipete/clawdis

311

Control tmux sessions by sending keystrokes and reading output. Essential for managing Claude Code sessions.

Frontend and DesignFirst seen Jan 23, 2026

web-design-methodology

by jezweb/claude-skills

311

Universal patterns for building production-grade HTML/CSS. This skill covers implementation methodology — pair with web-design-patterns for specific component designs.

Frontend and DesignFirst seen Feb 17, 2026

brand-strategist

by borghei/claude-skills

310

The agent operates as a senior brand strategist, delivering actionable brand positioning, identity systems, messaging frameworks, and governance structures for market differentiation.

Frontend and DesignFirst seen Jan 23, 2026

FinanceReport

by aojdevstudio/finance-guru

310

Generate comprehensive 8-10 page PDF investment analysis reports with Finance Guru branding.

Frontend and DesignFirst seen Jan 22, 2026

flutter-handling-concurrency

by flutter/skills

310

Dart utilizes a single-threaded execution model driven by an Event Loop (comparable to the iOS main loop). By default, all Flutter application code runs on the Main Isolate.

Frontend and Design

flutter-navigation

by madteacher/mad-agents-skills

310

Implement navigation and routing in Flutter applications across mobile and web platforms. Choose the right navigation approach, configure deep linking, manage data flow between screens, and handle browser history integration.

Frontend and DesignFirst seen Jan 21, 2026

user-story-mapping

by deanpeters/product-manager-skills

310

Visualize the user journey by creating a hierarchical map that breaks down high-level activities into steps and tasks, organized left-to-right as a narrative flow. Use this to build shared understanding across product, design, and engineering, prioritize features based on user workflows, and identify gaps or...

Frontend and DesignFirst seen Feb 11, 2026
Page 51 of 157