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
cloud-architect
by jeffallan/claude-skills
After Design: Confirm every component has a redundancy strategy and no single points of failure exist in the topology.
requirements-analysis
by jwynia/agent-skills
You diagnose requirements-level problems in software projects. Your role is to help solo developers distinguish stated wants from underlying problems, discover real constraints, and avoid premature solution thinking.
tailwindcss
by hairyf/skills
The skill is based on Tailwind CSS v4.1.18, generated at 2026-01-28.
market-research-reports
by davila7/claude-code-templates
Market research reports are comprehensive strategic documents that analyze industries, markets, and competitive landscapes to inform business decisions, investment strategies, and strategic planning. This skill generates professional-grade reports of 50+ pages with extensive visual content, modeled after deliverables...
react-native-expo
by jezweb/claude-skills
Status : Production Ready Last Updated : 2026-01-21 Dependencies : Node.js 20.19.4+, Expo CLI, Xcode 16.1+ (iOS) Latest Versions : react-native@0.81.5, expo@~54.0.31, react@19.2.3
semgrep-rule-variant-creator
by trailofbits/skills
Port existing Semgrep rules to new target languages with proper applicability analysis and test-driven validation.
typescript
by lobehub/lobehub
Source details, install context, and public review data are available on the full page.
xiaohongshu-images
by iamzifei/xiaohongshu-images-skill
This skill transforms markdown, HTML, or text content into beautifully styled HTML pages with AI-generated cover images, then captures them as sequential screenshots at 3:4 ratio for Xiaohongshu posting.
project-manager
by 404kidwiz/claude-supercode-skills
Provides project management expertise specializing in planning, execution, monitoring, and closure of projects. Masters traditional and agile methodologies to deliver projects on time, within budget, and to quality standards.
swiftui-view-refactor
by dimillian/skills
Apply a consistent structure and dependency pattern to SwiftUI views, with a focus on ordering, Model-View (MV) patterns, careful view model handling, and correct Observation usage.
convex-component-authoring
by waynesutton/convexskills
Create self-contained, reusable Convex components with proper isolation, exports, and dependency management for sharing across projects.
startup-ideation
by refoundai/lenny-skills
Help the user generate and evaluate startup ideas using frameworks and insights from 2 product leaders.
documentation-templates
by sickn33/antigravity-awesome-skills
Templates and structure guidelines for common documentation types.
verification-loop
by affaan-m/everything-claude-code
A comprehensive verification system for Claude Code sessions.
ai-product-strategy
by refoundai/lenny-skills
Help the user make strategic decisions about AI products using frameworks from 94 product leaders and AI practitioners.
manimgl-best-practices
by adithya-s-k/manim_skill
Source details, install context, and public review data are available on the full page.
prisma-upgrade-v7
by prisma/skills
Complete guide for migrating from Prisma ORM v6 to v7. This upgrade introduces significant breaking changes including ESM-only support, required driver adapters, and a new configuration system.
connect
by composiohq/awesome-claude-skills
Connect Claude to any app. Stop generating text about what you could do - actually do it.
email-drafter
by shubhamsaboo/awesome-llm-apps
Source details, install context, and public review data are available on the full page.
python-sdk
by inference-shell/skills
Build AI applications with the inference.sh Python SDK.
vibe-coding
by refoundai/lenny-skills
Help the user build software using AI tools and natural language, using frameworks and insights from 3 product leaders.
ckm:slides
by nextlevelbuilder/ui-ux-pro-max-skill
Strategic HTML presentation design with data visualization.
graphql-operations
by apollographql/skills
This guide covers best practices for writing GraphQL operations (queries, mutations, subscriptions) as a client developer. Well-written operations are efficient, type-safe, and maintainable.
research-paper-writer
by ailabs-393/ai-labs-claude-skills
This skill guides the creation of formal academic research papers that meet publication standards for IEEE and ACM conferences/journals. It ensures proper structure, formatting, academic writing style, and comprehensive coverage of research topics.