Skip to content

Skills for “design”

1,154 skills

Aaronontheweb

Dotnet Skills

54
Aaronontheweb

playwright-blazor-testing

Write UI tests for Blazor applications (Server or WebAssembly) using Playwright. Covers navigation, interaction, authentication, selectors, and common Blazor-specific patterns.

Pack1.3k23kTesting

adamlyttleapps

Claude Skill App Onboarding Questionnaire

40
adamlyttleapps

app-onboarding-questionnaire

Design and build a high-converting questionnaire-style onboarding flow for your app, modelled on proven conversion patterns from top subscription apps.

1.2k176Marketing

AgentSkillOS

SkillAnything

40
AgentSkillOS

skill-anything

Automatically generate production-ready Skills for any software, API, CLI tool, library, workflow, or service. Use this skill whenever the user wants to create a skill from scratch for a…

4818Automation

lingzhi227

Agent Research Skills

40
lingzhi227

slide-generation

Convert a completed paper into presentation slides (Beamer LaTeX) or poster. Extract key figures, tables, equations, and create a narrative flow for oral presentation. Identified gap in…

Pack46260kPresentations

RKiding

Awesome Finance Skills

41
RKiding

alphaear-logic-visualizer

Create visualize finance logic diagrams (e.g., Draw.io XML) to explain complex finance transmission chains or finance logic flows.

Pack3.1k6.8kFinance

lingxling

Awesome Skills Cn

34
lingxling

template-skill

Replace with description of the skill and when Claude should use it.

Pack331388Design
51
Microck

ai-multimodal

Process and generate multimedia content using Google Gemini API. Capabilities include analyze audio files (transcription with timestamps, summarization, speech understanding, music/sound…

Pack4134.8kDocuments

zubair-trabzada

AI Sales Team Claude

34
zubair-trabzada

sales-report-pdf

You generate a professional, visually polished PDF version of the sales pipeline report. The PDF is designed for sharing with sales leadership, investors, or team members who need a clean…

Pack1.5kSales

freshtechbro

Claudedesignskills

52
freshtechbro

pixijs-2d

Fast, lightweight 2D rendering engine for creating interactive graphics, particle effects, and canvas-based applications using WebGL/WebGPU. Use this skill when building 2D games, particle…

Pack1.3k73kGame development

freshtechbro

Claudedesignskills

52
freshtechbro

react-spring-physics

Physics-based animation library combining React Spring (spring dynamics, gesture integration, 60fps animations) and Popmotion (low-level composable animation utilities, reactive streams)…

Pack1.3k73kFrontend

Noi1r

Beamer Skill

42
Noi1r

beamer

Beamer LaTeX slide workflow: create, compile, review, and polish academic presentations. Use this skill whenever the user works on Beamer .tex slide decks, or asks to create slides, make a…

37476Presentations

Paramchoudhary

ResumeSkills

46
Paramchoudhary

resume-formatter

Ensure ATS-friendly formatting and create clean scannable layouts

Pack3.1k245kCareer
50
Microsoft

add-action

Guide users through adding a new connector action to a Copilot Studio agent. Connector actions require UI-based connection setup, so this skill walks users through the Copilot Studio portal…

Pack492333Coding
50
Microsoft

analyze-evals

Analyze exported evaluation results from Copilot Studio's Evaluate tab. The user provides a CSV file exported from the Copilot Studio UI; this skill parses it, identifies failures, and…

Pack492333AI engineering

growthenginenowoslawski

Coldoutboundskills

49
growthenginenowoslawski

prospeo-full-export

Export your entire Prospeo people search to CSV. Build filters in Prospeo's UI, then use this skill to extract every result via the API — even searches over 25K. Handles pagination, rate…

Pack8132.3kSales

aj-geddes

Claude Code Bmad Skills

41
aj-geddes

bmad-help

Orchestration spine and "what do I do next?" router for the BMAD Planning & Orchestrator plugin. Detects current planning state by scanning the output folder for which artifacts exist…

Pack4949.4kProductivity

lingzhi227

Agent Research Skills

46
lingzhi227

figure-generation

Generate publication-quality scientific figures using matplotlib/seaborn with a three-phase pipeline (query expansion, code generation with execution, VLM visual feedback). Handles bar…

Pack46260kResearch

rshankras

Claude Code Apple Skills

64
rshankras

design

Design skills for Apple platform UI — Liquid Glass, animations, game feel (haptics, sound, celebrations), UI prototyping, UX writing, SF Symbols, typography, and design-system rules that…

Pack88214kDesign
82
Composio

canvas-design

Create beautiful visual art in .png and .pdf documents using design philosophy. You should use this skill when the user asks to create a poster, piece of art, design, or other static piece…

Pack79k160kDesign

Anthropic

Claude Plugins Official

78
Anthropic

frontend-design

Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one. Helps with aesthetic direction, typography, and making choices that don't read as…

Pack47k186kDesign
73
tech-leads-club

figma-implement-design

Translate Figma nodes into production-ready code with 1:1 visual fidelity using the Figma MCP workflow (design context, screenshots, assets, and project-convention translation). Use when…

Pack7.2k22kDesign
73
tech-leads-club

frontend-design

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications…

Pack7.2k22kDesign
82
Composio

brand-guidelines

Applies Anthropic's official brand colors and typography to any sort of artifact that may benefit from having Anthropic's look-and-feel. Use it when brand colors or style guidelines, visual…

Pack79k160kDesign
70
composio-community

canvas-design

Create beautiful visual art in .png and .pdf documents using design philosophy. You should use this skill when the user asks to create a poster, piece of art, design, or other static piece…

Pack17k26kDesign
68
plugin87

design-review

Review or audit a design/UI across 6 weighted dimensions with Nielsen's 10 heuristics and a prioritized findings table. Use when the user wants a design critique, quality score, heuristic…

Pack3.2k11kDesign

boraoztunc

Skills

64
boraoztunc

better-layout

Layout structure for web interfaces, from grouping and alignment to reading order, progressive disclosure, and adaptive breakpoints. Use when structuring a page or component, spacing or…

Pack46413kDesign
64
alchaincyf

huashu-design

设计哲学顾问,从20种风格中推荐3个方向并生成视觉Demo和AI提示词。当用户提到"设计风格"、"设计方向"、"配色方案"、"视觉风格"、"设计评审"、"推荐风格"时使用。

Pack2.3k16kDesign

aiskillstore

Marketplace

64
aiskillstore

canvas-design

Create beautiful visual art in .png and .pdf documents using design philosophy. You should use this skill when the user asks to create a poster, piece of art, design, or other static piece…

Pack4777.4kDesign

boraoztunc

Skills

64
boraoztunc

frontend-design

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications…

Pack46413kDesign

Owl-Listener

Designer Skills

63
Owl-Listener

survey-design

Design unbiased survey instruments — question wording, scales, and sampling — to measure attitudes at scale. Use when you need quantitative breadth. For behavioural experiments, use…

Pack3.3k238kDesign
62
iflytek

frontend-design

Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one. Helps with aesthetic direction, typography, and making choices that don't read as…

Pack5.4k77Design

rrezartprebreza

Spring Boot Skills

62
rrezartprebreza

domain-driven-design

Use when evolving aggregate invariants, value objects or domain events in an existing DDD-style Spring Boot 3 application, or when DDD is explicitly requested. Preserve existing API…

Pack3563.2kDesign
70
composio-community

brand-guidelines

Applies OpenAI's brand colors and typography to any artifact that should match the Codex/OpenAI look-and-feel. Use it when brand colors or style guidelines, visual formatting, or company…

Pack17k26kDesign

Google Labs

Stitch Skills

66
Google Labs

shadcn-ui

Expert guidance for integrating and building applications with shadcn/ui components, including component discovery, installation, customization, and best practices.

Pack8.7k471kDesign
71
vinvcn

codebase-design

用于设计深模块的共享词汇。适用于用户想设计或改进模块接口、寻找深化机会、决定 seam 放在哪里、让代码更容易测试或更适合 AI 导航,或其他技能需要深模块词汇时。

Pack5.7k189kCoding
64
managedcode

plan-ui-change

Plan complex Blazor UI features by decomposing them into focused components. USE FOR: building a complex Blazor page with multiple sections, planning component decomposition, designing a…

Pack5127.8kDesign