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
story-consistency-monitor
by wordflowlab/novel-writer-skills
Source details, install context, and public review data are available on the full page.
threejs-game
by natea/fitfinder
Comprehensive assistance with Three.js game development using WebGL, covering 3D rendering, game mechanics, physics, animations, and interactive browser-based games.
e-tax
by kazukinagata/shinkoku
shinkoku で計算した確定申告データを、確定申告書等作成コーナー( Claude in Chrome を使ってブラウザ上で入力・提出するためのスキル。
grepai-embeddings-ollama
by yoanbernabeu/grepai-skills
This skill covers using Ollama as the embedding provider for GrepAI, enabling 100% private, local code search.
research-lookup
by davila7/claude-code-templates
This skill enables real-time research information lookup using Perplexity's Sonar models through OpenRouter. It intelligently selects between Sonar Pro Search (fast, efficient lookup) and Sonar Reasoning Pro (deep analytical reasoning) based on query complexity. The skill provides access to current academic...
resource-curator
by leonardomso/33-js-concepts
Use this skill to find, evaluate, add, and maintain high-quality external resources (articles, videos, courses) for concept documentation pages. This includes auditing existing resources for broken links and outdated content.
swiftui-performance
by dpearson2699/swift-ios-skills
Audit SwiftUI view performance end-to-end, from instrumentation and baselining to root-cause analysis and concrete remediation steps.
using-agentops
by boshu2/agentops
You have access to workflow skills for structured development.
using-gh-cli
by trailofbits/skills
Always use gh instead of curl , wget , or WebFetch for GitHub URLs. The gh CLI uses the user's authenticated token automatically, so it:
aixyz
by agentlyhq/aixyz
The project evolves quickly. Always consult these sources for up-to-date details:
alpine-js
by mindrally/skills
Source details, install context, and public review data are available on the full page.
box
by membranedev/application-skills
Box is a cloud-based content management and file sharing service. It's used by businesses of all sizes to securely store, access, and collaborate on files from anywhere. Think of it as a more business-focused alternative to Dropbox or Google Drive.
dart-expert
by personamanagmentlayer/pcl
Expert guidance for Dart programming, Flutter framework, mobile development, and cross-platform applications.
grepai-init
by yoanbernabeu/grepai-skills
This skill covers the grepai init command and project initialization.
ipados-design-guidelines
by ehmo/platform-design-skills
Comprehensive rules for building iPad-native apps following Apple's Human Interface Guidelines. iPad is not a big iPhone -- it demands adaptive layouts, multitasking support, pointer interactions, keyboard shortcuts, and inter-app drag and drop. These rules extend iOS patterns for the larger, more capable canvas.
mapbox-style-quality
by mapbox/mapbox-agent-skills
This skill provides expert guidance on ensuring Mapbox style quality through validation, accessibility, and optimization tools.
pixi-js
by mindrally/skills
Source details, install context, and public review data are available on the full page.
ruby-rails-application
by aj-geddes/useful-ai-prompts
Build comprehensive Ruby on Rails applications with proper model associations, RESTful controllers, Active Record queries, authentication systems, middleware chains, and view rendering following Rails conventions.
agent-teams-simplify-and-harden
by pskoett/pskoett-ai-skills
A two-phase team loop that produces production-quality code: implement , then audit using simplify + harden passes , then fix audit findings , then re-audit , repeating until the codebase is solid or the loop cap is reached.
ai-sdk-6-skills
by gocallum/nextjs16-agent-skills
Note : Pin versions during beta as breaking changes may occur in patch releases.
apollo-kotlin
by apollographql/skills
Apollo Kotlin is a strongly typed GraphQL client that generates Kotlin models from your GraphQL operations and schema, that can be used in Android, JVM, and Kotlin Multiplatform projects.
authoring-skills
by vercel/next.js
Use this skill when creating or modifying agent skills in .agents/skills/ .
axiom-swiftdata
by charleswiltgen/axiom
Apple's native persistence framework using @Model classes and declarative queries. Built on Core Data, designed for SwiftUI.
hindsight-docs
by vectorize-io/hindsight
Complete technical documentation for Hindsight - a biomimetic memory system for AI agents.