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,665 skills

Skills in this category

giuseppe-trisciuoglio/developer-kit/Software Engineering

spring-data-jpa

Persistence layer patterns for Spring Data JPA repositories, entities, queries, and advanced features.

Weekly installs
818
Community vote
0
0 up / 0 down
Freshness
Synced May 1, 2026
Software EngineeringFrontend and DesignNo reviews yetSource giuseppe-trisciuoglio/developer-kit
vercel-labs/before-and-after/Software Engineering

before-and-after

Visual comparison of web pages or elements across two URLs or images.

Weekly installs
817
Community vote
0
0 up / 0 down
Freshness
Synced May 1, 2026
Software EngineeringFrontend and DesignNo reviews yetSource vercel-labs/before-and-after
clerk/skills/Software Engineering

clerk-chrome-extension-patterns

Enable Native API in Clerk Dashboard under Native applications. Required for all extension integrations.

Weekly installs
816
Community vote
0
0 up / 0 down
Freshness
Synced May 1, 2026
Software EngineeringFrontend and DesignNo reviews yetSource clerk/skills
vercel/next.js/Software Engineering

runtime-debug

Use this skill when reproducing runtime-bundle, module-resolution, or user-bundle inclusion regressions.

Weekly installs
816
Community vote
0
0 up / 0 down
Freshness
Synced May 1, 2026
Software EngineeringFrontend and DesignNo reviews yetSource vercel/next.js
borghei/claude-skills/Software Engineering

business-intelligence

Senior BI specialist designing dashboards, defining KPI frameworks, automating reports, and translating data into executive narratives.

Weekly installs
815
Community vote
0
0 up / 0 down
Freshness
Synced May 1, 2026
Software EngineeringFrontend and DesignNo reviews yetSource borghei/claude-skills
asyrafhussin/agent-skills/Software Engineering

laravel-best-practices

31 Laravel 13 conventions and best practices across architecture, Eloquent, controllers, validation, security, and API design.

Weekly installs
815
Community vote
0
0 up / 0 down
Freshness
Synced May 1, 2026
Software EngineeringFrontend and DesignNo reviews yetSource asyrafhussin/agent-skills
aj-geddes/useful-ai-prompts/Software Engineering

android-kotlin-development

Native Android development with Kotlin, MVVM architecture, Jetpack Compose, and modern libraries.

Weekly installs
814
Community vote
0
0 up / 0 down
Freshness
Synced May 1, 2026
Software EngineeringFrontend and DesignNo reviews yetSource aj-geddes/useful-ai-prompts
markdown-viewer/skills/Software Engineering

mindmap

Quick Start: Start with @startmindmap -> define root and branches with * or +/- markers -> optionally set branch side, direction, and styles -> wrap in ```plantuml fence.

Weekly installs
814
Community vote
0
0 up / 0 down
Freshness
Synced May 1, 2026
Software EngineeringFrontend and DesignNo reviews yetSource markdown-viewer/skills
deanpeters/product-manager-skills/Software Engineering

tam-sam-som-calculator

Structured market sizing framework for TAM, SAM, and SOM with adaptive questions and citation-backed estimates.

Weekly installs
814
Community vote
0
0 up / 0 down
Freshness
Synced May 1, 2026
Software EngineeringFrontend and DesignNo reviews yetSource deanpeters/product-manager-skills
flutter/skills/Software Engineering

flutter-environment-setup-windows

Automated Windows Flutter development environment setup with platform-specific toolchain configuration.

Weekly installs
813
Community vote
0
0 up / 0 down
Freshness
Synced May 1, 2026
Software EngineeringFrontend and DesignNo reviews yetSource flutter/skills
claude-office-skills/skills/Software Engineering

dcf-valuation

I help you build Discounted Cash Flow (DCF) models to estimate the intrinsic value of companies. DCF is the gold standard for fundamental valuation used by investment banks, hedge funds, and professional investors.

Weekly installs
812
Community vote
0
0 up / 0 down
Freshness
Synced May 1, 2026
Software EngineeringFrontend and DesignNo reviews yetSource claude-office-skills/skills
deanpeters/product-manager-skills/Software Engineering

finance-based-pricing-advisor

Evaluate financial impact of pricing changes using ARPU, conversion, churn, and payback analysis.

Weekly installs
812
Community vote
0
0 up / 0 down
Freshness
Synced May 1, 2026
Software EngineeringFrontend and DesignNo reviews yetSource deanpeters/product-manager-skills
aradotso/trending-skills/Software Engineering

my-brain-is-full-crew

Skill by ara.so — Daily 2026 Skills collection

Weekly installs
811
Community vote
0
0 up / 0 down
Freshness
Synced May 1, 2026
Software EngineeringFrontend and DesignNo reviews yetSource aradotso/trending-skills
tanweai/pua/Software Engineering

pro

本 skill 是 /pua 核心的扩展层。角色切换请用 /pua:p7 /pua:p9 /pua:p10 。

Weekly installs
811
Community vote
0
0 up / 0 down
Freshness
Synced May 1, 2026
Software EngineeringFrontend and DesignNo reviews yetSource tanweai/pua
joeseesun/qiaomu-mondo-poster-design/Software Engineering

qiaomu-mondo-poster-design

Master-level posters, book covers, and album art in Mondo's bold, minimalist screen-print aesthetic.

Weekly installs
811
Community vote
0
0 up / 0 down
Freshness
Synced May 1, 2026
Software EngineeringFrontend and DesignNo reviews yetSource joeseesun/qiaomu-mondo-poster-design
endigo/claude-skills/Software Engineering

academic-research-writer

Academic research documents with peer-reviewed sources, IEEE citations, and scholarly rigor.

Weekly installs
810
Community vote
0
0 up / 0 down
Freshness
Synced May 1, 2026
Software EngineeringFrontend and DesignNo reviews yetSource endigo/claude-skills
paulrberg/agent-skills/Software Engineering

bump-deps

Update Node.js dependencies using taze CLI with smart prompting: auto-apply MINOR/PATCH updates, prompt for MAJOR updates individually, skip fixed-version packages.

Weekly installs
810
Community vote
0
0 up / 0 down
Freshness
Synced May 1, 2026
Software EngineeringFrontend and DesignNo reviews yetSource paulrberg/agent-skills
ailabs-393/ai-labs-claude-skills/Software Engineering

codebase-documenter

This skill enables creating comprehensive, beginner-friendly documentation for codebases. It provides structured templates and best practices for writing READMEs, architecture guides, code comments, and API documentation that help new users quickly understand and contribute to projects.

Weekly installs
810
Community vote
0
0 up / 0 down
Freshness
Synced May 1, 2026
Software EngineeringFrontend and DesignNo reviews yetSource ailabs-393/ai-labs-claude-skills
trailofbits/skills/Software Engineering

dimensional-analysis

This skill orchestrates a dimensional-analysis pipeline for codebases that perform numeric computations with mixed units, precisions, or scaling factors. The main skill context is a workflow controller only: it delegates scanning, vocabulary discovery, annotation, propagation, and validation to specialized subagents,...

Weekly installs
809
Community vote
0
0 up / 0 down
Freshness
Synced May 1, 2026
Software EngineeringFrontend and DesignNo reviews yetSource trailofbits/skills
kostja94/marketing-skills/Software Engineering

linkedin-posts

Guides LinkedIn post copy creation and optimization. Use for generating publish-ready professional content. Suitable for copy agents and design agents (image specs).

Weekly installs
809
Community vote
0
0 up / 0 down
Freshness
Synced May 1, 2026
Software EngineeringFrontend and DesignNo reviews yetSource kostja94/marketing-skills
anthropics/knowledge-work-plugins/Software Engineering

pipeline-review

If you see unfamiliar placeholders or need to check which tools are connected, see CONNECTORS.md .

Weekly installs
809
Community vote
0
0 up / 0 down
Freshness
Synced May 1, 2026
Software EngineeringFrontend and DesignNo reviews yetSource anthropics/knowledge-work-plugins
alirezarezvani/claude-skills/Software Engineering

board

Interface for the AgentHub message board. Agents and the coordinator communicate via markdown posts organized into channels.

Weekly installs
808
Community vote
0
0 up / 0 down
Freshness
Synced May 1, 2026
Software EngineeringFrontend and DesignNo reviews yetSource alirezarezvani/claude-skills
google-gemini/gemini-cli/Software Engineering

docs-changelog

Generates and formats changelog files for new releases with version-aware templates and highlight extraction.

Weekly installs
808
Community vote
0
0 up / 0 down
Freshness
Synced May 1, 2026
Software EngineeringFrontend and DesignNo reviews yetSource google-gemini/gemini-cli
giuseppe-trisciuoglio/developer-kit/Software Engineering

spring-boot-openapi-documentation

Automated OpenAPI 3.0 documentation generation for Spring Boot 3.x REST APIs with Swagger UI.

Weekly installs
808
Community vote
0
0 up / 0 down
Freshness
Synced May 1, 2026
Software EngineeringFrontend and DesignNo reviews yetSource giuseppe-trisciuoglio/developer-kit
Page 17 of 153