Frontend & Design · For frontend developers

Create skeuomorphic web UI surfaces with layered gradients, stacked inner and outer shadows, reflective gradient borders, micro texture, and embossed text or icon details.

boraoztunc/skills

Create subtle editorial word-by-word text reveal animations where each word fades and rises into place once it enters the viewport.

boraoztunc/skills

Tailwind CSS v4.2 browser-runtime patterns for HyperFrames compositions.

boraoztunc/skills

Web Animations API adapter patterns for HyperFrames. An agent skill from boraoztunc/skills.

boraoztunc/skills

Analyze product screenshots to extract feature lists and generate development task checklists.

davila7/claude-code-templates

Expert Section 508 compliance advisor for US federal ICT accessibility.

Sushegaad/Claude-Skills-Governance-Risk-and-Compliance

Expert WCAG (Web Content Accessibility Guidelines) advisor covering WCAG 2.0, 2.1, and 2.2 — the W3C international accessibility standards.

Sushegaad/Claude-Skills-Governance-Risk-and-Compliance

Write or update the end-user documentation at docs.moneymatter.app (packages/docs, Astro Starlight) and capture its light/dark screenshots from the local dev app with a throwaway test user.

letehaha/moneymatter

Generate, extend, or audit design tokens in DTCG format with the 3-tier architecture (primitive → semantic → component).

plugin87/ux-ui-agent-skills

Guides design, implementation and review of Shift interface work: shared Base UI wrappers, Tailwind v4 theme tokens, Figma matching and accessible interaction states.

shift-editor/shift

Generate or complete a Mintlify MDX documentation page for a BEEQ component.

Endava/BEEQ

为 iPolloWork 新插件或插件工作区复用 UI 组件、颜色、字体及交互规范。按 Figma 成熟状态和代码清单优先采用已确认组件，区分宿主 React 与独立 HTML/iframe 的接入方式；适用于插件表单、导航、浮层、反馈、状态和进度设计及实现，不改变用户作品的视觉风格。

Devin-AXIS/iPolloWork

为 eIsland 灵动岛添加一个新的空白状态机（IslandState）。当用户要求创建新状态、新页面、 新界面（如登录页、设置子页面、独立面板）时使用此 skill。即使用户只说"加个新状态"或 "创建一个 XX 页面"，也应触发。此 skill 覆盖从类型注册、窗口尺寸、CSS 样式到鼠标交互 行为的全部 12 个修改点，确保状态机完整可用。

JNTMTMTM/eIsland

Review marketing copy for claims that need substantiation, reframing, or cutting.

anthropics/claude-for-legal

Build a webinar or live event registration page as a self-contained HTML file with countdown timer, speaker bio, agenda, and registration form.

Affitor/affiliate-skills

Create or update SCSS layout mixins, theme mixins, module entry points (index.scss), and registration in theme entry points for a Kendo UI component.

telerik/kendo-themes

Code style, logging, and testing conventions for SkillHub backend (Java) and frontend (TypeScript).

iflytek/skillhub

Coding conventions, architecture patterns, and testing rules for the SkillHub React frontend.

iflytek/skillhub

Orchestrate the UI team through the UX pipeline — authoring, visual design, implementation, review, polish.

Donchitos/Claude-Code-Game-Studios

Professional typography rules for UI design, web applications, software interfaces, and all screen-based text.

bencium/bencium-marketplace

Apply Epicenter’s Svelte 5 patterns for runes, components, lifecycles, and workspace-backed state.

EpicenterHQ/epicenter

한국 신입 취준생·재직자를 위한 분야별 포트폴리오 구성과 프로젝트 기술서 작성 스킬입니다. An agent skill from modu-ai/moai-cowork.

modu-ai/moai-cowork

A skill your agent uses when styling UI for sentry.io — references the extracted design system tokens instead of inventing colors, spacing, or typography.

Manavarya09/design-extract

Cover Stimulus controller fundamentals: lifecycle hooks, values and valueChanged callbacks, targets and target callbacks, outlets, action parameters, keyboard events, and controller architecture…

TheHotwireClub/hotwire_club-skills

Structure/a11y/responsive UI checks and command map. An agent skill from VKirill/claude-lane-stack.

VKirill/claude-lane-stack

This skill provides guidance for using the Packmind UI component library (@packmind/ui).

PackmindHub/packmind

A skill your agent uses when the user asks about my own features, configuration, or usage — installation, skills, Web UI, CLI, API config, memory, sessions, encryption, white-label, publishing…

clacky-ai/openclacky

Verify that every interactive control on a page can take keyboard focus and that its primary action fires from the keyboard rather than only the mouse, and say plainly that Tab order cannot be…

reticlehq/reticle

Analyze project structure, populate .claude/docs/DESIGN.md, and write the thin Repository Identity section in .claude/STATE.md.

DeL-TaiseiOzaki/claude-code-orchestra

This rule helps in writing API decisions for new components of blade design system

razorpay/blade

Maintain the public Starlight docs site for material changes to shipped Compartment workflows, using generated reference where possible and concise task- and decision-focused guides elsewhere.

compartmentdev/compartment

[omh] Designing or reviewing an iOS, macOS, or Apple-style UI: prepare native Apple UI or Apple marketing product-visual direction, review, and improvement briefs with evidence-backed remediation…

rlaope/oh-my-hermes

A skill your agent uses when writing, editing, restructuring, or auditing Archestra documentation under docs/pages/ — new feature docs, page rewrites, sidebar and information-architecture changes…

archestra-ai/archestra

Internationalization and translation management. An agent skill from Sidiora-Labs/centra-llm-agents.

Sidiora-Labs/centra-llm-agents

Detects hand-rolled optimistic-update plumbing in React code that should be using effect-atom's Atom.optimistic and Atom.optimisticFn instead.

UsefulSoftwareCo/executor

Convert Hugo documentation sites and Hugo-managed content into standard Markdown.

sickn33/agentic-awesome-skills

GSAP animation engine sub-skill - core, timeline, ScrollTrigger, plugins.

AThevon/genjutsu

Interactively debug source code — set breakpoints, step through execution line by line, inspect live variable state, evaluate expressions against the running program, and navigate the call stack to…

sickn33/agentic-awesome-skills

Consults existing breadcrumb analysis docs before exploring the codebase.

deepklarity/harness-kit

LLM-focused workflow for working in this repo: compile Zig, run the orchestrated test runner, consume test-report.json/html artifacts, and discover/debug ConfigFlags.

atopile/atopile

Frontend standards for atopile extension webviews: architecture, contracts, design system, and testing workflow.

atopile/atopile

VitePress static site generator powered by Vite and Vue. An agent skill from JetBrains/skills.

JetBrains/skills

Write or update Storybook stories for Vue components in ComfyUIfrontend.

Comfy-Org/ComfyUI_frontend

Set up a data grid with Ignite UI Web Components, including grid selection, single-design-system theming, Shadow DOM theme injection, component registration, fluid layout, and sorting/filtering.

IgniteUI/igniteui-webcomponents

A skill your agent uses when working with or building design systems — tokens, components, naming conventions, theming, or pattern libraries — ensures consistency, accessibility compliance, and…

Owl-Listener/designpowers

Minimal SVG diagrams as standalone HTML files. An agent skill from HezaoHezao/poirot.

HezaoHezao/poirot

Implement, refactor, or review modern macOS SwiftUI UI for the new design system and Liquid Glass.

robinebers/openusage

Add new AppTheme.Icon entries by pulling Icons8 icons (Arcade style by default) and converting them to Compose ImageVectors via the Valkyrie CLI.

r0adkll/Campfire