Search

Find skills by name, source, slug, or description across the full catalog.

22,638 results for “frontend-design” · page 227

#
Skill
Source
Installs
11301
infographic-item-creator antvis/infographic/infographic-item-creator Generate or update infographic Item components for this repo (TypeScript/TSX in src/s/items). Use when asked to…
antvis/infographic
114
11302
product-help-center vasilyu1983/ai-agents-public/product-help-center s AI-first help centers and self-service support systems. Use when shaping taxonomy, article templates, support…
vasilyu1983/ai-agents-public
114
11303
professional-development-session-er garethmanning/education-agent-skills/professional-development-session-er a professional development session using adult learning principles with active teacher engagement. Use when pl…
garethmanning/education-agent-skills
114
11304
shadcn-ui podo/-agent-skills/shadcn-ui Project-aware shadcn/ui workflow for searching, adding, composing, and fixing components with correct patterns. Under…
podo/-agent-skills
114
11305
visual-plan brandonburrus/visualplan/visual-plan This skill should be used whenever a plan for non-trivial work is being produced, presented, or proposed (a feature, …
brandonburrus/visualplan
114
11306
worked-example-to-problem-solving-transition-er garethmanning/education-agent-skills/worked-example-to-problem-solving-transition-er the transition from worked examples to independent problem-solving using expertise-reversal principles. Use wh…
garethmanning/education-agent-skills
114
11307
workflow-orchestrator 404kidwiz/claude-supercode-skills/workflow-orchestrator Expert in ing durable, scalable workflow systems using Temporal, Camunda, and Event-Driven Architectures.
404kidwiz/claude-supercode-skills
114
11308
colour-independence owl-listener/inclusive--skills/colour-independence interfaces where colour is never the only way information is communicated. Use when ing status indicator…
owl-listener/inclusive--skills
58
11309
compliance-mapping owl-listener/inclusive--skills/compliance-mapping Map decisions to accessibility standards and legal requirements. Use when documenting WCAG conformance, prepar…
owl-listener/inclusive--skills
58
11310
feedback-and-status owl-listener/inclusive--skills/feedback-and-status feedback and status communication that works across senses — visual, auditory, and haptic. Use when ing …
owl-listener/inclusive--skills
58
11311
memory-load-reduction owl-listener/inclusive--skills/memory-load-reduction interfaces that minimise demands on working memory. Use when ing multi-step flows, dashboards, compariso…
owl-listener/inclusive--skills
58
11312
multimedia-accessibility owl-listener/inclusive--skills/multimedia-accessibility accessible video, audio, and multimedia content with captions, transcripts, and audio descriptions. Use when c…
owl-listener/inclusive--skills
58
11313
simplified-views owl-listener/inclusive--skills/simplified-views simplified and reduced-complexity views of interfaces for users who need less visual noise and fewer options. …
owl-listener/inclusive--skills
58
11314
tradeoff-assessment dragoon0x/taste-skills/tradeoff-assessment Name what was prioritized, what was sacrificed, and whether the tradeoff was right. Every decision trades some…
dragoon0x/taste-skills
58
11315
git-workflow oakoss/agent-skills/git-workflow s git workflows covering branching strategies, trunk-based development, stacked changes, conventional commits, …
oakoss/agent-skills
113
11316
markdown-style josiahsiegel/claude-plugin-marketplace/markdown-style This skill should be used to review, lint, or fix Markdown formatting in READMEs, ADRs, runbooks, how-tos, doc…
josiahsiegel/claude-plugin-marketplace
113
11317
teacher-inquiry-cycle-er garethmanning/education-agent-skills/teacher-inquiry-cycle-er a practitioner inquiry cycle from research question through data collection to evidence-informed action. Use w…
garethmanning/education-agent-skills
113
11318
testing bsene/skills/testing Testing strategy and philosophy — feedback, test quality audit, BDD review, architecture decisions, and test s…
bsene/skills
113
11319
trauma-informed-practice-er garethmanning/education-agent-skills/trauma-informed-practice-er trauma-informed classroom practices that prioritise safety, predictability, connection, and regulation. Use wh…
garethmanning/education-agent-skills
113
11320
awe-wonder-experience-er garethmanning/education-agent-skills/awe-wonder-experience-er a moment of awe or wonder that hooks curiosity and deepens emotional engagement with content. Use when opening…
garethmanning/education-agent-skills
112
11321
code-exec-skills wentorai/research-plugins/code-exec-skills 7 code execution skills. Trigger: running code, interactive notebooks, Jupyter, Colab, sandboxed execution. : e…
wentorai/research-plugins
112
11322
debug-investigator mathews-tom/armory/debug-investigator Hypothesis-driven debugging with ranked hypotheses, git bisect strategy, instrumentation planning, and minimal reprod…
mathews-tom/armory
112
11323
framer-expert frankxai/claude-skills-library/framer-expert Expert Framer and development — interactive prototypes, production sites, Framer Motion, CMS integration, and …
frankxai/claude-skills-library
112
11324
lesson-study-cycle-er garethmanning/education-agent-skills/lesson-study-cycle-er a complete lesson study cycle from research question through collaborative planning to research lesson. Use wh…
garethmanning/education-agent-skills
112
11325
live-dashboard indranilbanerjee/digital-marketing-pro/live-dashboard a Google Looker Studio marketing dashboard as an implementation-ready specification — page layouts, widgets, m…
indranilbanerjee/digital-marketing-pro
112
11326
observability-service-reliability elastic/agent-skills/observability-service-reliability and operate service reliability targets in Elastic Observability: choose an SLI type and a defensible target, …
elastic/agent-skills
112
11327
principle-type-system-discipline michael-denyer/pstack-claude/principle-type-system-discipline Apply when ing types, reviewing a function signature, or writing code in any statically-typed language. Make il…
michael-denyer/pstack-claude
112
11328
resumify breaker505/resumify/resumify Transform any internship experience into resume-ready, interview-ready expressions — for all roles: dev, product, ope…
breaker505/resumify
112
11329
self-efficacy-builder-sequence garethmanning/education-agent-skills/self-efficacy-builder-sequence a mastery experience sequence that systematically builds student confidence in a skill they avoid. Use when st…
garethmanning/education-agent-skills
112
11330
why michael-denyer/pstack-claude/why Use for 'why does X work this way', 'why we picked Y', rationale, regressions, postmortems, or data-backed thr…
michael-denyer/pstack-claude
112
11331
audit owl-listener/inclusive--skills/audit Audit an interface for multi-modal interaction support. Chains: keyboard-navigation, touch-target-, multi-modal…
owl-listener/inclusive--skills
57
11332
-compare artemnovichkov/skills/-compare Compare Figma s against implementation screenshots, identifying layout, typography, color, and sizing discrepan…
artemnovichkov/skills
57
11333
-ui-ux-game fcsouza/agent-skills/-ui-ux-game Use when ing game UI — HUD patterns, menu systems, onboarding flows, feedback loops, accessibility features, or…
fcsouza/agent-skills
57
11334
gesture-alternatives owl-listener/inclusive--skills/gesture-alternatives alternatives to gesture-based and motion-based interactions. Use when ing swipe actions, pinch-to-zoom, …
owl-listener/inclusive--skills
57
11335
requirements-traceability terraphim/terraphim-skills/requirements-traceability Create or audit requirements-to--to-code-to-test traceability. Builds a traceability matrix (REQ → /ADR →…
terraphim/terraphim-skills
57
11336
review owl-listener/inclusive--skills/review Run a full cognitive accessibility review of a flow, screen, or interface. Chains: cognitive-load-assessment, plain-l…
owl-listener/inclusive--skills
57
11337
teaching-site--system kevintsai1202/teaching-site-skills/teaching-site--system Use this skill whenever you're making visual / styling decisions on a teaching site or content-driven SPA — picking c…
kevintsai1202/teaching-site-skills
57
11338
tradeoff-analysis owl-listener/inclusive--skills/tradeoff-analysis Analyse accessibility tradeoffs when a decision improves accessibility for one group but may affect another, o…
owl-listener/inclusive--skills
57
11339
type-as-signal dragoon0x/taste-skills/type-as-signal Read a er's taste through their typography decisions alone. Type is the fastest taste signal in any . Use…
dragoon0x/taste-skills
57
11340
web--guidelines duc01226/easyplatform/web--guidelines [Code Quality] Use when reviewing UI code for accessibility, responsiveness, performance, and UX best practices.
duc01226/easyplatform
57
11341
design knoopx/pi/ s software systems with SOLID principles, DRY/KISS/YAGNI, and security by . Use when planning features, a…
knoopx/pi
29
11342
System Patterns gyejoon/pencil-plugin/-system-patterns This skill should be used when the user asks about "디자인 시스템", "변수", "테마", "컬러 팔레트", "타이포그래피 스케…
gyejoon/pencil-plugin
29
11343
-critic arjenschwarz/agentic-coding/-critic Critical review of documents, architecture proposals, and requirements
arjenschwarz/agentic-coding
29
11344
-export-repair onewave-ai/claude-skills/-export-repair Fixes broken decks/PDFs exported from Claude's "" feature (or similar AI deck generators) — cut-off or clipped …
onewave-ai/claude-skills
29
11345
-principles samhvw8/dotfiles/-principles UI/UX system for dashboards, admin panels, SaaS interfaces, and web apps. Stack: React, Tailwind, CSS, styled-…
samhvw8/dotfiles
29
11346
-ux sickn33/agentic-awesome-skills/-ux UX / usability audit — heuristic evaluation of INTERACTIVE UIs (not just visual polish). Load with when a UI "…
sickn33/agentic-awesome-skills
29
11347
interaction- petekp/claude-code-setup/interaction- intuitive, meaningful interactions grounded in user goals and cognitive principles. Use when ing compone…
petekp/claude-code-setup
29
11348
interface- fellipeutaka/leon/interface- Craft-first interface for dashboards, admin panels, SaaS apps, tools, settings pages, data interfaces, and int…
fellipeutaka/leon
29
11349
system- dwsy/agent/system- Use when ing, architecting, or planning a new system from requirements or ideas - transforms concepts into navi…
dwsy/agent
29
11350
test-case- melodic-software/claude-code-plugins/test-case- Apply systematic test case techniques including equivalence partitioning, boundary value analysis, decision ta…
melodic-software/claude-code-plugins
29