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
c4-architecture
by softaworks/agent-toolkit
Generate software architecture documentation using C4 model diagrams in Mermaid syntax.
codex
by softaworks/agent-toolkit
GPT-5.2 Advantages : 76.3% SWE-bench (vs 72.8% GPT-5), 30% faster on average tasks, better tool handling, reduced hallucinations, improved code quality. Knowledge cutoff: September 30, 2024.
command-creator
by softaworks/agent-toolkit
This skill guides the creation of Claude Code slash commands - reusable workflows that can be invoked with /command-name in Claude Code conversations.
daily-meeting-update
by softaworks/agent-toolkit
Generate a daily standup/meeting update through an interactive interview . Never assume tools are configured—ask first.
domain-name-brainstormer
by softaworks/agent-toolkit
This skill helps you find the perfect domain name for your project by generating creative options and checking what's actually available to register.
m05-type-driven
by zhanghandong/rust-skills
Source details, install context, and public review data are available on the full page.
marp-slide
by softaworks/agent-toolkit
Create professional, visually appealing Marp presentation slides with 7 pre-designed themes and built-in best practices.
meme-factory
by softaworks/agent-toolkit
Create memes using the free memegen.link API and textual meme formats.
professional-communication
by softaworks/agent-toolkit
This skill provides frameworks and guidance for effective professional communication in software development contexts. Whether you're writing an email to stakeholders, crafting a team chat message, or preparing meeting agendas, these principles help you communicate clearly and build professional credibility.
reducing-entropy
by softaworks/agent-toolkit
More code begets more code. Entropy accumulates. This skill biases toward the smallest possible codebase.
ship-learn-next
by softaworks/agent-toolkit
This skill helps transform passive learning content into actionable Ship-Learn-Next cycles - turning advice and lessons into concrete, shippable iterations.
skill-judge
by softaworks/agent-toolkit
Evaluate Agent Skills against official specifications and patterns derived from 17+ official examples.
difficult-workplace-conversations
by softaworks/agent-toolkit
A structured framework for approaching challenging workplace conversations including conflicts, performance issues, sensitive feedback, and emotionally charged discussions.
feedback-mastery
by softaworks/agent-toolkit
This skill provides frameworks for navigating difficult workplace conversations and delivering effective feedback. Whether you're addressing performance issues, resolving conflicts, or giving constructive feedback, these structured approaches lead to better outcomes.
gws-alertcenter
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.
m04-zero-cost
by zhanghandong/rust-skills
Source details, install context, and public review data are available on the full page.
plugin-forge
by softaworks/agent-toolkit
Build and manage Claude Code plugins with correct structure, manifests, and marketplace integration. Includes workflows, automation scripts, and reference docs.
chat-sdk
by vercel/chat
Unified TypeScript SDK for building chat bots across Slack, Teams, Google Chat, Discord, GitHub, and Linear. Write bot logic once, deploy everywhere.
conducting-user-interviews
by refoundai/lenny-skills
Help the user run better discovery conversations and extract real insights using techniques from 43 product leaders.
last30days
by mvanhorn/last30days-skill
Permissions overview: Reads public web/platform data and optionally saves research briefings to ~/Documents/Last30Days/ . X/Twitter search uses optional user-provided tokens (AUTH_TOKEN/CT0 env vars). Bluesky search uses optional app password (BSKY_HANDLE/BSKY_APP_PASSWORD env vars - create at...
gws-cloudidentity
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.
ml-pipeline
by jeffallan/claude-skills
Senior ML pipeline engineer specializing in production-grade machine learning infrastructure, orchestration systems, and automated training workflows.
building-with-llms
by refoundai/lenny-skills
Help the user build effective AI applications using practical techniques from 60 product leaders and AI practitioners.
premium-frontend-design
by kv0906/cc-skills
This skill guides creation of production-grade frontend interfaces that feel ALIVE — not generic, not copy-paste, but genuinely crafted experiences that users remember.