Frontend & Design

Proves that a refactor leaves every rendered preview page unchanged by comparing fresh HTML output against a baseline captured beforehand.

tabler/tabler

Start the Remotion docs site and open it in the Codex browser.

remotion-dev/remotion

Integrate markstream-vue into a Vue 3 app. An agent skill from Simon-He95/markstream-vue.

Simon-He95/markstream-vue

Contains TypeScript/React patterns and conventions for the Mikoto frontend.

mikotoIO/mikoto

Create an offline HTML explanation of a code diff, PR, or branch.

first-fluke/fullstack-starter

A skill your agent uses when controlling a running Synchronet instance — recycling/reloading, shutdown, pause, clearing the failed-login list, or forcing a timed event.

SynchronetBBS/sbbs

Run sentence-level traceability verification on a blog, then generate viewer.html with interactive evidence panel.

QinghongLin/data2story-skill

Clone a GitHub repo and extract design tokens (colors, fonts, spacing) from its codebase.

bluzir/claude-code-design

代码工具选择

Pixeval/Pixeval

Keep contributor changes aligned with repository test patterns, diagnostics, black-box test boundaries, release/versioning workflow, documentation requirements, and compatibility.

counterfact/api-simulator

Animate react-horizontal-scrolling-menu scrolling and build right-to-left menus: noPolyfill defaults to true since v8, so transitionDuration (default 500), a custom-easing-function…

asmyshlyaev177/react-horizontal-scrolling-menu

Finds two or three well-maintained npm packages for a Front-End Checklist rule, checks download and release thresholds, and adds them to the rule's frontmatter.

thedaviddias/Front-End-Checklist

Rebuild a whole landing page / multi-section website from a screen recording that scrolls or walks through it.

KumarSashank/motiscope

Captures baseline and current screenshots of the Keybase desktop app and compares them with ImageMagick to find pixel-level regressions between branches or edits.

keybase/client

Create distinctive, production-grade static sites with React, Tailwind CSS, and shadcn/ui — no mockups needed.

aAAaqwq/AGI-Super-Team

Implements drag-and-drop and sortable interfaces with React/TypeScript including kanban boards, sortable lists, file uploads, and reorderable grids.

ancoleman/ai-design-components

Explain test code changes as a side-by-side HTML page — real test code on the left, a short note on the right saying which case that code covers.

meain/dotfiles

Fix a Renovate dependency-update PR with the minimal compatible code adaptation, extracting a dependency bump from a grouped PR only when the fix requires the new version.

mui/mui-public

Build editorial/magazine/report webpages on a GENUINE Müller-Brockmann modular grid (International Typographic Style) — not a decorative one.

danielvm-git/bigpowers

Set up Cloudflare Turnstile end-to-end in a project — scan the codebase, create the widget via the Cloudflare API, deploy the managed siteverify Worker, write the frontend snippets, validate, and…

try-works/role-model

A skill your agent uses when design work is complete and needs to be communicated to engineering — creates specifications, documents rationale, accessibility requirements, and interaction details in…

Owl-Listener/designpowers

A skill your agent uses when 用户需要优化前端性能、提升页面加载速度、减少白屏时间、优化交互流畅度、进行性能排查时。触发场景：前端性能优化、页面加载慢、白屏时间长、卡顿、LCP/FID/CLS指标优化、前端性能分析、打包体积优化。

ProgrammerAnthony/Expert-Coding-Harness

Publish a Playground UI snapshot (@mastra/playground-ui and its workspace dependencies) from main or the current branch via the playground-snapshot mode of the Publish to npm workflow, wait for it…

mastra-ai/mastra

Guides work on truST's HMI - the HMI Builder editor, page files, the runtime display at /hmi, bindings, commands and writes, authorization, alarms and trends, the plant library and the HMI tests.

johannesPettersson80/trust-platform

Change the Tofu browser UI — edit retained sources under frontend/src/ and rebuild with npm run build:frontend, never editing generated bundles under static/ or frontend/src/runtime/app-runtime.js.

NiuTrans/ToFu

Guide for theming .NET MAUI apps — light/dark mode via AppThemeBinding, ResourceDictionary theme switching, DynamicResource bindings, system theme detection, and user theme preferences.

dotnet/skills

Unified entry point for Stitch design work. An agent skill from diodeme/Gold-Band.

diodeme/Gold-Band

Perform an i18n localization pass on changed files or a pull request, converting hard-coded English strings to the @modrinth/ui i18n system.

Mystic-Stars/Axolotl

Consumer setup and integration for vite-plugin-svg-icons-ng: installation, createSvgIconsPlugin configuration, direct SVG usage, Vue 3 and React components, htmlMode, virtual modules, TypeScript…

yangxu52/vite-plugin-svg-icons-ng

A skill your agent uses when writing or updating Sake documentation — VitePress site structure, existing pages, how to add new docs, documentation conventions.

kattouf/Sake

Collects your feedback on a running feature, typed or spoken and drawn in the browser, and turns it into focused UX fixes saved as local commits.

EveryInc/compound-engineering-plugin

A skill your agent uses when the user asks to hand a finished design off to a developer or a coding agent for implementation in a real codebase.

manalkaff/opendesign

Comprehensive onboarding for new or returning contributors. An agent skill from DeL-TaiseiOzaki/claude-code-orchestra.

DeL-TaiseiOzaki/claude-code-orchestra

Enforce Tailwind container queries over viewport breakpoints for responsive components.

flornkm/personal-site

This skill should be used after Codex implements a UI change and before visual acceptance review.

Jason904/ui-skill-lab

Turn complex or visual agent responses into rich, reviewable HTML artifacts the user can annotate and send feedback on, using the lavish-axi CLI.

layer5io/sistent

Set up and maintain documentation for scientific Python packages.

Yikai-Liao/symusic

Guides ccusage TypeScript and JavaScript work. An agent skill from ccusage/ccusage.

ccusage/ccusage

Review Video.js UI accessibility without editing code. An agent skill from videojs/video.js.

videojs/video.js

Review React UI without editing code. An agent skill from videojs/video.js.

videojs/video.js

Review React component designs. An agent skill from videojs/video.js.

videojs/video.js

Give one card or CTA a lively accent: a small bright comet of light travels around its border.

nexu-io/motion-anything

Measure performance baselines and detect regressions across browser Core Web Vitals (LCP, INP, CLS, page weight), API endpoint latency percentiles, and build/test feedback times, with before/after…

affaan-m/ECC

Nuxt 4 app patterns for hydration safety, performance, route rules, lazy loading, and SSR-safe data fetching with useFetch and useAsyncData.

affaan-m/ECC

Enables or builds CometChat features such as polls, reactions, smart replies and pinned messages in an Angular app, first classifying how much client code each one needs.

cometchat/cometchat-skills

Record a learned design constraint from a correction into the project brief.

educlopez/ui-craft

Run and verify ClawHub production deploys and stable ClawHub CLI npm releases.

openclaw/clawhub

Converts neuroscience acquisition data to Neurodata Without Borders files with NeuroConv and PyNWB, preserves metadata and timebases, checks evidence-based clock alignment, and produces schema…

K-Dense-AI/scientific-agent-skills