TypeScript · For frontend developers

Builds multi-component claude.ai HTML artifacts as a small React, TypeScript and Tailwind project, then bundles it into one shareable HTML file.

anthropics/skills

Reviews frontend changes under `web/` or `packages/dify-ui/` for concrete defects and broken project contracts, using routed rule packs and a severity scale for findings.

langgenius/dify

Build terminal user interfaces (TUIs) using Ink (React for CLIs) and @inkjs/ui with a reactive, session-driven wizard pattern.

novuhq/novu

Enforces one repository's React and TypeScript module layout for code under src/: source-root imports, feature barrels, deliberate exports and no deep imports.

siteboon/claudecodeui

Use when implementing or refactoring React/TypeScript components and the task requires decisions about component ownership, feature boundaries…

langgenius/dify

Scaffolds, extends and verifies local-first JavaScript and TypeScript apps built on TinyBase, from create-tinybase through persistence and sync.

tinyplex/tinybase

Guidelines for React 18 and TypeScript apps covering Suspense data fetching, lazy loading, feature folders, MUI v7 styling, TanStack Router and performance.

diet103/claude-code-infrastructure-showcase

Shows how to build forms with Formik and Yup validation, including conditional rules, field helpers, GraphQL submission, edit forms and multi-step flows.

ChrisWiles/claude-code-showcase

A playbook for fixing ESLint and TypeScript errors in the OpenObserve web frontend, with rule-by-rule guidance and typing conventions.

openobserve/openobserve

Create complete documentation sites for projects. An agent skill from victorgarciaesgi/nuxt-typed-router.

victorgarciaesgi/nuxt-typed-router

A skill your agent uses when creating new UI components in packages/ui.

nukeop/nuclear

Sets the rules for writing GraphQL queries and mutations in .gql files, running codegen, and using generated Apollo hooks with proper error and loading handling.

ChrisWiles/claude-code-showcase

Sets the file structure, typing and Data API pattern for writing a new Bootstrap-style JavaScript component class in Tabler's vendored port of Bootstrap's JS.

tabler/tabler

Comprehensive skill reference for uni-app cross-platform development framework

sonofmagic/uni-app-tailwindcss-template

Capture a human-approved UI design lesson as a privacy-minimized local StyleSeed candidate, review it, and prepare an opt-in share package without transmitting project code, prompts, screenshots, or…

bitjaru/styleseed

Build UI with the LobeHub design system — @lobehub/ui/base-ui, the controlled form at @lobehub/ui/base-ui/form, and the chat, mobile, dashboard, awesome, brand, mdx, and i18n namespaces, plus…

lobehub/lobe-ui

Comprehensive frontend development skill for building modern, performant web applications using ReactJS, NextJS, TypeScript, Tailwind CSS.

Ohh-889/skyroc

Helps choose and drop in animated React components from Magic UI and React Bits for landing pages, marketing sites and dashboards, instead of hand-coding animations.

Hainrixz/editor-pro-max

Shows how to subscribe to Trigger.dev task runs from the backend and from React for progress indicators, live dashboards, AI response streams and approval waits.

papermark/papermark

Creates 120fps GPU-accelerated animations with Motion.dev (Framer Motion successor) for React, Next.js, Svelte, and Astro projects.

199-biotechnologies/motion-dev-animations-skill

Pixel-perfect Figma to React conversion using coderio. An agent skill from MigoXLab/coderio.

MigoXLab/coderio

Explains how LobeHub client code fetches data through services, SWR store hooks and cache keys, and when to avoid useEffect fetching or duplicated state.

lobehub/lobehub

Vite next-generation frontend build tool with fast HMR and optimized builds.

oyjt/uniapp-vue3-template

This skill MUST be used whenever the task involves adding, installing, or upgrading an npm package/library/dependency in this project.

elirantutia/vibeyard

Frontend development guidelines for the Phoenix AI observability platform.

Arize-ai/phoenix

Guidance for changing the Tabler framework's own JavaScript in core/js: the tabler.js and tabler-theme.js bundles, the Bootstrap port and their tests.

tabler/tabler

A skill your agent uses when helping someone install, configure, or debug a fresh clone of JARVIS (this repo) — especially "the mic doesn't work", "JARVIS says his language systems are down", any…

ethanplusai/jarvis

Renders, styles and downloads QR codes in Vue 3 apps with the qrcode.vue component, covering canvas versus SVG output, embedded logos, gradients and rounded modules.

scopewu/qrcode.vue

Builds the visual layer of a holaOS dashboard app with TanStack Start and @holaboss/ui, starting from a bundled reference instead of a blank page.

holaboss-ai/holaOS

Keep www-sacred's TypeScript fast to type-check and fast to run.

internet-development/www-sacred

Cross-platform UI styling for MarkerOn Tauri app (macOS WKWebView vs Windows WebView2).

ifer47/markeron

Vue Material Component Framework. An agent skill from logue/vite-vuetify-ts-starter.

logue/vite-vuetify-ts-starter

This skill MUST be used whenever the task involves UI development, renderer code changes, adding or modifying components, creating modals or dialogs, working with CSS styles, building new UI…

elirantutia/vibeyard

Reference for using uni-app-x's built-in components and APIs, with one example file per item, official doc links and platform compatibility notes.

feige996/unibest

Build accessible UI components with React Aria Components. An agent skill from intentui/laravel.

intentui/laravel

Win32 FFI binding lifecycle for @bun-win32/ packages (Win32 DLL bindings via bun:ffi on Windows).

involvex/youtube-music-cli

Ports a UI component from the gaia mono repo (theexperiencecompany/gaia) into the gaia-ui registry.

theexperiencecompany/gaia-ui

Generates a full CRUD page - page component, data model and API client - from the south-admin-react project's own VS Code snippet templates.

southliu/south-admin-react

Extend MarkerOn settings, persisted config, or Tauri IPC commands.

ifer47/markeron

Quickly compare the posthog-js array.js bundle size in the current working tree against a git baseline using the repository's esbuild proxy.

PostHog/posthog-js

Provides TypeScript patterns for type-first development, making illegal states unrepresentable, exhaustive handling, and runtime validation.

bretzel-app/crumbs

Local browser verification for the lobe-ui component library and documentation site.

lobehub/lobe-ui

Work with 90+ supported languages, compilers, CSS processors, and WASM-compiled languages for markup, style, and script editors.

live-codes/livecodes

Home Assistant frontend gallery structure, pages, demos, content, and verification.

home-assistant/frontend

Look up authoritative Instructure UI (InstUI, @instructure/ui-) documentation — component APIs, props, theme variables, usage examples, and guides — by querying instructure.design's plaintext docs.

instructure/instructure-ui

Removes the south-admin-react template's demo pages, components and menu entries, after a dry-run preview and your confirmation, and cleans up the matching imports.

southliu/south-admin-react

A skill your agent uses when writing MDX documentation pages for a Fumadocs project — frontmatter, meta.json, page ordering, and fumadocs-ui React components available inside MDX content.

better-notify/better-notify

Install and use goey-toast — a gooey, morphing React toast component built on Sonner with Framer Motion.

anl331/goey-toast