npm · For frontend developers

Creates admin dashboards and app pages with the Tabler UI kit on Bootstrap 5, using the published docs for real markup instead of guessed class names.

tabler/tabler

A skill your agent uses for frontend work in webapp (React/TypeScript, UI implementation, tests, and refactors).

streamband/hydra-srt

Initialize a new Bun project with TypeScript and optimal configuration.

involvex/youtube-music-cli

A skill your agent uses when building or reviewing UI with Bootstrap 5.3 — setting up the CDN/npm, using the grid & breakpoints, utility classes (spacing/color/flex/display), components (navbar…

BlueAndi/Pixelix

After publishing a new @opentiny/genui-sdk package, update opentiny/docs (submodule, genui package versions, VitePress sidebar) and opentiny/opentiny.design (submodule commit only), then open PRs on…

opentiny/genui-sdk

Framer Motion (Motion) patterns for React: spring presets, staggers, layout animations, micro-interactions, scroll effects and page transitions, with performance rules.

dylanfeltus/skills

Quick-reference for running Ignite UI for Angular test suites.

IgniteUI/igniteui-angular

Add, rename, or remove user-facing strings in src/locales. An agent skill from Touch-N-Stars/Touch-N-Stars.

Touch-N-Stars/Touch-N-Stars

Review Renovate dependency upgrade PRs to assess safety and effort.

commercetools/ui-kit

Keeps changes to @tabler/core backward compatible so patch and minor releases never break projects, covering what counts as public API and how to alias renames.

tabler/tabler

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

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

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

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

ccusage/ccusage

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

openclaw/clawhub

Conventions for Handsontable's Jest unit and TypeScript type tests: where files go, how to run them, mocking limits and when to write an E2E test instead.

handsontable/handsontable

Reduce codebase slop by deleting code, flattening abstractions, and replacing custom helpers/types/assertions with native SDK/npm helpers or straightforward schemas (for example Zod).

databuddy-analytics/Databuddy

Use Bun instead of Node.js, npm, pnpm, or vite. An agent skill from brianlovin/agent-config.

brianlovin/agent-config

Edit the @posthog/quill design system locally and consume the change in this repo (posthog-code) before it is published to npm.

PostHog/code

Diagnose and fix Lingui SWC plugin compatibility errors with Next.js, Vite, Rspack, or other SWC runtimes.

B0und/WikiSpeedrun

Build, configure, and debug apps with the Quasar framework (quasar npm package, v2.33.1).

skilld-dev/vue-ecosystem-skills

Verify a Node.js/TypeScript repo's development environment is correctly set up.

commercetools/ui-kit

Guides building standards-based Preact apps with native-first choices, HTM syntax, import maps and vendored ESM, from single-file demos to larger builds.

oaustegard/claude-skills

Run or assist a release in any MUI repo, at any stage - release PR, npm publish, docs deploy, GitHub release.

mui/mui-public

Guides migration of a web project to OUDS Web (Orange Unified Design System).

Orange-OpenSource/Orange-Boosted-Bootstrap

shadcn/ui component library patterns with Radix UI primitives and Tailwind CSS.

blencorp/claude-code-kit

A skill your agent uses when adding, configuring, or debugging shadcn-vue in a Vue or Nuxt project.

skilld-dev/vue-ecosystem-skills

Framer Motion / Motion sub-skill - AnimatePresence, layout animations, gestures, motion values.

AThevon/genjutsu

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

Install, build, preview, and troubleshoot the AuthCrunch documentation site; maintain npm dependencies, local command workflows, and GitHub Pages CI.

authcrunch/authcrunch.github.io

A skill your agent uses when adding @axhub/annotation to standalone React apps, plain HTML pages, Vite prototypes, or other web hosts that need annotation markers, directories, Markdown notes, or…

lintendo/Axhub-Skills

Light 按需工程技能·前端设计：把模糊的「做个好看的界面」落成能跑的 React/Tailwind/shadcn 代码 + 设计决策说明—— 有视觉记忆点(signature element)、风格自洽(design tokens 一致)、适配场景(学术海报/数据大屏/管理后台/移动端/营销 landing 信息密度各不同)、反「一眼 AI」(紫蓝渐变/Inter/16px 圆角/巨型…

Light0305/Light-skills

Audit project dependencies for vulnerabilities, license issues, and bloat.

agulli/atlas-agents

Add, translate, or audit TinyWorld UI strings across English/French/Chinese/Spanish.

jasonkneen/tiny-world-builder

Generate marketing screenshots of your app using Playwright.

aiskillstore/marketplace

Edit the @posthog/quill design system locally and consume the change in products/desktop before it is published to npm.

PostHog/posthog

Assemble generated CoDD sprint fragments into a complete, buildable project.

yohey-w/codd-dev

OUDS Web project knowledge base: glossary of 154 terms, build pipeline, npm scripts, CI/CD jobs, and file structure.

Orange-OpenSource/Orange-Boosted-Bootstrap

A skill your agent uses when writing, configuring, or debugging code that imports "vitepress", when running vitepress CLI commands, editing .vitepress/config or theme files, tuning markdown or…

skilld-dev/vue-ecosystem-skills

Compare two or more npm packages side by side using live data — downloads, bundle size, GitHub stars, last update, known vulnerabilities, and community sentiment.

tinyfish-io/tinyfish-cookbook

A skill your agent uses when the user says 'ship it', 'ship this', 'release', 'publish', 'launch', 'deploy', 'go live', 'wrap this up', 'time to ship', or invokes '/ijfw-ship'.

FerroxLabs/ijfw

A skill your agent uses when starting a frontend review engagement or when the user asks for an initial assessment ("triage", "day 0", "what's the state of this repo").

mizchi/skills

120+ Vue/Nuxt animated components with TailwindCSS v4, motion-v, GSAP, Three.js.

secondsky/claude-skills

Nuxt UI v4 component library for building Nuxt v4 applications.

secondsky/claude-skills

Use Stylelint in .NET repositories that ship CSS, SCSS, or other stylesheet assets alongside web frontends.

managedcode/dotnet-skills

Encode Emil Kowalski's philosophy on UI polish, component design, animation decisions, and the invisible details that make software feel great.

EliasOulkadi/shokunin

Build a Mendix pluggable widget from scratch with React and TypeScript and package it as an .mpk.

mendixlabs/mxcli

A skill your agent uses when the user wants to preview generated screens in a browser without starting Metro / a simulator — for example after /create-mobile-app finishes or after /edit-app…

microsoft/power-platform-skills