Frontend & Design · For frontend developers

A skill your agent uses when implementing enter dates in a structured text format.

thedaviddias/ux-patterns-for-developers

Step-by-step procedure for migrating components in the Sanity monorepo off styled-components to vanilla-extract (zero-runtime CSS).

sanity-io/sanity

Schema validation for notes. An agent skill from agenticnotetaking/arscontexta.

agenticnotetaking/arscontexta

Writing CSS and markup that works on phone and desktop at the same time, the responsive failures Claude repeats.

TheDecipherist/claude-code-mastery-project-starter-kit

Recreate a UI screenshot, mockup, or design image as production-quality React + TypeScript + Tailwind code with near-pixel-perfect visual fidelity.

buildfastwithai/gen-ai-experiments

Converge on a frontend look through rounds of prototypes and grilling verdicts.

will-ness-ai/skills

Pinia official Vue state management library, type-safe and extensible.

JetBrains/skills

UnoCSS instant atomic CSS engine, superset of Tailwind CSS. An agent skill from JetBrains/skills.

JetBrains/skills

Evidence-first design review of a PR's UI. An agent skill from go-musicfox/go-musicfox.

go-musicfox/go-musicfox

A skill your agent uses when deciding whether a request needs an analiz task before implementation - the conditions that require the architect's analysis versus going straight to implementation

makifbaysal/tasktrooper

Execute work through the directive pipeline — evaluate, plan, cast agents, build, review, and report.

andrew-yangy/gru-ai

Analyze selected sources: Viktor or MotionSites. An agent skill from TheGoat395/Codex-Skills.

TheGoat395/Codex-Skills

Generate immersive, one-shot single-file HTML websites with embedded CSS and JS.

cafe3310/public-agent-skills

Write a workflow this site will actually run — the eight step kinds, the fenced graph block that makes it executable, and the trap where beautifully-written prose compiles to a workflow with zero…

one-ie/one

Reference-media and design-system input layer for OrkasVideoStudio.

Orkas-AI/Orkas-VideoStudio

Multi-AI validation, scoring, and review using available external providers (Double Diamond Deliver phase)

nyldn/claude-octopus

Design UI/UX systems with style guides, palettes, typography, and component specs for new interfaces

nyldn/claude-octopus

Reviews and migrates deprecated wildcard () values in Power Pages Web API fields site settings to least-privilege explicit Dataverse columns.

microsoft/power-platform-skills

Bundle TypeScript and JavaScript libraries with blazing-fast speed powered by Rolldown.

JetBrains/skills

Browser-only React SDK for Fishjam — joining rooms, capturing camera/microphone/screen, displaying peers, and acting as a livestream streamer or viewer in a React web app.

software-mansion-labs/skills

Tailwind CSS v4 principles. An agent skill from xenitV1/Antigravity-Workflows.

xenitV1/Antigravity-Workflows

Jiraチケットの要件とConfluenceの関連ドキュメントを基に、Frontend/Backend/Infrastructureに分割した実装計画を策定するプランニングスキル。Jiraチケット情報とConfluence検索結果が前段で取得済みであることを前提とし、構造化された実装計画を出力する。「プランニング」「実装計画策定」「タスク分割」などの文脈で使用。

breaking-brake/cc-wf-studio

Ensure WCAG AA accessibility and readability. An agent skill from gnurio/refactoring-ui-plugin.

gnurio/refactoring-ui-plugin

A skill your agent uses when changing packages/wallet-apis, Wallet API actions, transports, Zod schemas, viem client wiring, signer handling, or EIP-7702 behavior.

alchemyplatform/aa-sdk

De-identify non-English clinical text on-device with OpenMed by passing lang= and locale= to deidentify().

maziyarpanahi/openmed

A skill your agent uses when maintaining the plugin web UI projection contract, docs, exemplar coverage, or recovery flow for mesh-llm plugin web UI work.

Mesh-LLM/mesh-llm

Create or update OpenClaw public-page composition for websites, landing pages, content pages, ecosystem pages, and campaigns.

openclaw/clawhub

Draws original design and coding scenes as hand-authored SVG cards (480x360) in a two-colour brush-marker style.

MengTo/Skills

Design multi-device layouts with Container Queries, clamp() fluid typography, :has() selector, subgrid, and modern CSS units (dvh/svh/lvh).

EliasOulkadi/shokunin

从网页中采集设计令牌并生成完整的 DESIGN.md 设计规范文档 + Tailwind CSS 主题文件. An agent skill from lintendo/Axhub-Skills.

lintendo/Axhub-Skills

Create polished frontend interfaces from designs/screenshots/videos.

withkynam/vibecode-pro-max-kit

Generate a Progress Tracker HTML for non-engineer vibecoders to glance at session progress (cc:WIP / cc:TODO / cc:完了 counts, percentage, elapsed/estimated minutes, cost so far/estimate, drift alerts).

Chachamaru127/claude-code-harness

A skill your agent uses when operating an existing GEOFlow 2.1+ system from CLI, API v1, or authenticated admin web for catalog/material/task/job/article operations, enterprise knowledge…

yaojingang/yao-geo-skills

Build content-focused websites with Astro — zero JS by default, islands architecture, multi-framework components, and Markdown/MDX support.

davila7/claude-code-templates

Build full-stack web applications with SvelteKit — file-based routing, SSR, SSG, API routes, and form actions in one framework.

davila7/claude-code-templates

Expert in Zod — TypeScript-first schema validation. An agent skill from davila7/claude-code-templates.

davila7/claude-code-templates

CRITICAL: Use for Makepad font and text rendering. An agent skill from sickn33/agentic-awesome-skills.

sickn33/agentic-awesome-skills

CRITICAL: Use for Robius state management patterns. An agent skill from sickn33/agentic-awesome-skills.

sickn33/agentic-awesome-skills

Design or review FieldWorks UI automation and accessibility tests: UIA2, FlaUI, Appium, WinAppDriver, Avalonia.Headless, keyboard, focus, IME, and automation-id strategy.

sillsdev/FieldWorks

Design or document how new work enters a design system: contribution types, proposal criteria, review stages, sign-off and release.

murphytrueman/design-system-ops

Multi-brand architecture for OUDS Web (Orange, Sosh, Orange Compact).

Orange-OpenSource/Orange-Boosted-Bootstrap

A skill your agent uses when reviewing rendered HTML, interactive components, or design-system patterns related to Use semantic table markup for screen readers.

thedaviddias/Front-End-Checklist

Reviews page layout, typography, and pagination code in open-doc against a print craft bar — the sheet is the deliverable, not the screen.

simonliu-ai-product/open-doc

A skill your agent uses for all frontend and web UI tasks by default to apply a business-agnostic desktop web visual style system with medium-strength guardrails; if an existing design system is…

yusifeng/formax

Provides comprehensive guidance for uView Pro Vue 3 component library including components, tools, layouts, and templates.

feige996/unibest

Improving visual design in Streamlit apps. An agent skill from iusztinpaul/designing-real-world-ai-agents-workshop.

iusztinpaul/designing-real-world-ai-agents-workshop

Explain what code does in plain English

AgnosticUI/agnosticui

Angular performance: NgOptimizedImage, @defer, lazy loading, SSR.

Gentleman-Programming/Gentleman-Skills