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
flutter-interoperating-with-native-apis
by flutter/skills
Use FFI to execute high-performance native code or utilize existing C/C++ libraries without the overhead of asynchronous Platform Channels.
video-generation
by bytedance/deer-flow
This skill generates high-quality videos using structured prompts and a Python script. The workflow includes creating JSON-formatted prompts and executing video generation with optional reference image.
flutter-improving-accessibility
by flutter/skills
Design layouts to accommodate dynamic scaling and high visibility. Flutter automatically calculates font sizes based on OS-level accessibility settings.
healthcheck
by steipete/clawdis
Assess and harden the host running OpenClaw, then align it to a user-defined risk tolerance without breaking access. Use OpenClaw security tooling as a first-class signal, but treat OS hardening as a separate, explicit set of steps.
spring-boot-actuator
by giuseppe-trisciuoglio/developer-kit
Source details, install context, and public review data are available on the full page.
spring-boot-cache
by giuseppe-trisciuoglio/developer-kit
Spring Boot ships with a cache abstraction that wraps expensive service calls behind annotation-driven caches. This abstraction supports multiple cache providers (ConcurrentMap, Caffeine, Redis, Ehcache, JCache) without changing business code. The skill provides a concise workflow for enabling caching, managing cache...
unit-test-controller-layer
by giuseppe-trisciuoglio/developer-kit
This skill provides patterns for unit testing @RestController and @Controller classes using MockMvc. It covers testing request/response handling, HTTP status codes, request parameter binding, validation, content negotiation, response headers, and exception handling by mocking service dependencies for isolated...
upgrade-react-native
by react-native-community/skills
Upgrade a React Native Community CLI project to a target version by fetching and applying the diff from the React Native Upgrade Helper .
feishu-docx
by leemysw/agent-kit
Export Feishu/Lark cloud documents to Markdown format for AI analysis.
prompt-optimizer
by daymade/claude-code-skills
Optimize vague prompts into precise, actionable specifications using EARS (Easy Approach to Requirements Syntax) - a Rolls-Royce methodology for transforming natural language into structured, testable requirements.
flutter-building-plugins
by flutter/skills
Implement federated plugins to split a plugin's API across multiple packages, allowing independent teams to build platform-specific implementations. Structure federated plugins into three distinct components:
langchain4j-tool-function-calling-patterns
by giuseppe-trisciuoglio/developer-kit
Define tools and enable AI agents to interact with external systems, APIs, and services using LangChain4j's annotation-based and programmatic tool system.
rust-skills
by leonardomso/rust-skills
Comprehensive guide for writing high-quality, idiomatic, and highly optimized Rust code. Contains 179 rules across 14 categories, prioritized by impact to guide LLMs in code generation and refactoring.
test-cases
by cexll/myclaude
This skill generates comprehensive, requirement-driven test cases from PRD documents or user requirements.
designing-workflow-skills
by trailofbits/skills
Build workflow-based skills that execute reliably by following structural patterns, not prose.
effect-index
by mepuka/effect-ontology
Use this as a quick router to the right Skill for your task. Each entry links to a focused Skill optimized for a coding agent’s limited context.
flutter-adding-home-screen-widgets
by flutter/skills
Home Screen Widgets require native UI implementation (SwiftUI for iOS, XML/Kotlin for Android). The Flutter app communicates with these native widgets via shared local storage ( UserDefaults on iOS, SharedPreferences on Android) using the home_widget package.
opportunity-solution-tree
by deanpeters/product-manager-skills
Guide product managers through creating an Opportunity Solution Tree (OST) by extracting target outcomes from stakeholder requests, generating opportunity options (problems to solve), mapping potential solutions, and selecting the best proof-of-concept (POC) based on feasibility, impact, and market fit. Use this to...
chrome-bridge-automation
by web-infra-dev/midscene-skills
Source details, install context, and public review data are available on the full page.
firebase-storage
by jezweb/claude-skills
Status : Production Ready Last Updated : 2026-01-25 Dependencies : None (standalone skill) Latest Versions : firebase@12.8.0, firebase-admin@13.6.0
problem-statement
by deanpeters/product-manager-skills
Articulate a problem from the user's perspective using an empathy-driven framework that captures who they are, what they're trying to do, what's blocking them, why, and how it makes them feel. Use this to align stakeholders on the problem before jumping to solutions, and to frame product work around user outcomes...
slack-bot-builder
by sickn33/antigravity-awesome-skills
The Bolt framework is Slack's recommended approach for building apps. It handles authentication, event routing, request verification, and HTTP request processing so you can focus on app logic.
spring-boot-saga-pattern
by giuseppe-trisciuoglio/developer-kit
Source details, install context, and public review data are available on the full page.
unit-test-utility-methods
by giuseppe-trisciuoglio/developer-kit
This skill provides comprehensive patterns for testing utility classes and static methods using JUnit 5. It covers testing pure functions without side effects, edge case handling, boundary conditions, and common utility patterns like string manipulation, calculations, collections, and data validation.