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
cpp-coding-standards
by affaan-m/everything-claude-code
Comprehensive coding standards for modern C++ (C++17/20/23) derived from the C++ Core Guidelines . Enforces type safety, resource safety, immutability, and clarity.
open-prose
by frames-engineering/skills
Source details, install context, and public review data are available on the full page.
code-connect-components
by figma/mcp-server-guide
This skill helps you connect Figma design components to their corresponding code implementations using Figma's Code Connect feature. It analyzes the Figma design structure, searches your codebase for matching components, and establishes mappings that maintain design-code consistency.
domain-hunter
by resciencelab/opc-skills
Help users find and purchase domain names at the best price.
gws-admin
by googleworkspace/cli
PREREQUISITE: Read ../gws-shared/SKILL.md for auth, global flags, and security rules. If missing, run gws generate-skills to create it.
php-best-practices
by asyrafhussin/agent-skills
Modern PHP 8.x patterns, PSR standards, type system best practices, and SOLID principles. Contains 51 rules for writing clean, maintainable PHP code.
extract-errors
by facebook/react
Source details, install context, and public review data are available on the full page.
wechat-article-publisher
by iamzifei/wechat-article-publisher-skill
Publish Markdown or HTML content to WeChat Official Account drafts via API, with automatic format conversion.
actionbook
by actionbook/actionbook
Source details, install context, and public review data are available on the full page.
senior-devops
by davila7/claude-code-templates
Complete toolkit for senior devops with modern tools and best practices.
ux-designer
by shubhamsaboo/awesome-llm-apps
Source details, install context, and public review data are available on the full page.
cost-aware-llm-pipeline
by affaan-m/everything-claude-code
Patterns for controlling LLM API costs while maintaining quality. Combines model routing, budget tracking, retry logic, and prompt caching into a composable pipeline.
figma
by openai/skills
Use the Figma MCP server for Figma-driven implementation. For setup and debugging details (env vars, config, verification), see references/figma-mcp-config.md .
langfuse
by langfuse/skills
This skill helps you use Langfuse effectively across all common workflows: instrumenting applications, migrating prompts, debugging traces, and accessing data programmatically.
redis-best-practices
by mindrally/skills
Source details, install context, and public review data are available on the full page.
heygen
by heygen-com/skills
This skill is deprecated. Use the focused skills instead:
app-store-optimization
by sickn33/antigravity-awesome-skills
This comprehensive skill provides complete ASO capabilities for successfully launching and optimizing mobile applications on the Apple App Store and Google Play Store.
backend-dev-guidelines
by sickn33/antigravity-awesome-skills
(Node.js · Express · TypeScript · Microservices)
web-development
by tencentcloudbase/skills
Source details, install context, and public review data are available on the full page.
beautiful-mermaid
by intellectronica/agent-skills
Render Mermaid diagrams as SVG and PNG images using the Beautiful Mermaid library.
prisma-orm-v7-skills
by gocallum/nextjs16-agent-skills
Source details, install context, and public review data are available on the full page.
peekaboo
by steipete/clawdis
Peekaboo is a full macOS UI automation CLI: capture/inspect screens, target UI elements, drive input, and manage apps/windows/menus. Commands share a snapshot cache and support --json / -j for scripting. Run peekaboo or peekaboo --help for flags; peekaboo --version prints build metadata. Tip: run via polter peekaboo...
desktop-computer-automation
by web-infra-dev/midscene-skills
Source details, install context, and public review data are available on the full page.
xiaohongshu-cover-generator
by freestylefly/xiaohongshu-skills
This skill generates Xiaohongshu-style cover images based on user-provided topics.