TypeScript · For designers

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

novuhq/novu

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

victorgarciaesgi/nuxt-typed-router

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

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

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

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

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

intentui/laravel

Build crafted, highly detailed, interactive isometric SVG figures that explain a technical idea as a real physical object (a test rig, a dial gauge, a cabinet of drawers, a plotter, a lock), with…

wheresryan22/anatomy

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

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

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

anl331/goey-toast

Set up and author a documentation site with @lobehub/docs-kit (the lobedocs CLI, React Router + Vite static docs used by ui.lobehub.com).

lobehub/lobe-ui

Design and UI skill for the Worklog desktop project manager.

regisx001/Worklog

Create or refresh Morphous website design-system/theme bundles from animal, insect, plant, landscape, mineral, weather, or other nature motifs.

Ameyanagi/morphos

Strict orchestration workflow for engineering tasks that must be solved one numbered problem at a time through an explicit cycle: define the current problem, build a Robust Code strategy, delegate…

danpacho/tailwindest

A skill your agent uses when building UI with the ranui web-component library (elements like <r-button, <r-modal, <r-select, <r-input, <r-message) or its fluent DOM builder (ranui/builder —…

chaxus/ran

Implements user interfaces using the Wonder Blocks (WB) design system — Khan Academy's React component library.

Khan/wonder-blocks

Add a Figma Code Connect (.figma.tsx) file for a Cauldron React component.

dequelabs/cauldron

Composition patterns for building React components with @renders type annotations from eslint-plugin-react-render-types.

HorusGoul/eslint-plugin-react-render-types

A skill your agent uses when user wants to create a new Next.js 15 project (Todo/Blog/Dashboard/E-commerce/Custom domain) with App Router, ShadCN, Zustand, Tanstack Query, and modern Next.js stack

bear2u/my-skills

Read before writing or reviewing any frontend code in lightlystudioview - Svelte, TypeScript, or SvelteKit files.

lightly-ai/lightly-studio

Build Vue 3 components with TypeScript and Tailwind using clean structure, composable logic, accessibility, and maintainable patterns.

scalar/scalar

Build, improve, or inspect UI with StyleSeed. An agent skill from bitjaru/styleseed.

bitjaru/styleseed

How this app stays usable from a TV remote (Android TV / Google TV).

ventic/ventic

A skill your agent uses when building any web page, HTML artifact, landing page, dashboard, slide deck, report, email, or UI component the user will look at.

drewnekota/cetus

Deploy tellux examples/docs sites via project scripts — one local command (pnpm run deploy) rclone-syncs to the self-hosted site then Wrangler Direct Uploads to Cloudflare Pages.

cyanfish-x/tellux

Build accessible UI with monochrome, the framework-agnostic UI library for agents.

vaneenige/monochrome-ui

Codebase intelligence for TypeScript and JavaScript. An agent skill from fallow-rs/fallow-skills.

fallow-rs/fallow-skills

Build dark-themed React applications using Tailwind CSS with custom theming, glassmorphism effects, and Framer Motion animations.

microsoft/skills

Comprehensive design guide for web, mobile, and desktop applications.

futureboard/futureboard-studio

Checks deps update in widely consumed repos will cause problems or not, and ranks dependency updates by downstream impact for prioritisation.

cultureamp/kaizen-design-system

Build production-grade components for React, Vue 3, and Svelte 5 with all states (loading, empty, error, success, idle), TypeScript strict, WCAG 2.2 accessibility, server components (RSC), and…

EliasOulkadi/shokunin

A skill your agent uses when designing, reviewing, or improving web UI visual quality, especially when a developer-built interface feels cluttered, flat, generic, poorly spaced, weakly hierarchical…

chaxus/ran

Project configuration and rendering mode patterns for Rasengan.js.

rasengan-dev/rasenganjs

指导在项目中对前端代码（Next.js/React/TypeScript/Tailwind 等）进行结构、可维护性、性能与一致性审查，基于既定规则清单。适用于用户请求审查 .tsx/.ts/.js/.jsx 等前端文件或前端目录下的页面与组件。不用于后端代码（如 .py）。

ProgrammerAnthony/Anything-Extract

Accessibility testing for web applications using Playwright (@playwright/test), TypeScript, and axe-core.

fugazi/test-automation-skills-agents

Bootstrap a new Next.js (App Router, TypeScript) web app with current packages and no deprecated APIs.

ccplugins/awesome-claude-code-plugins

A skill your agent uses when 用户需要审查前端代码（React/Vue/Next.js/TypeScript/Tailwind等）、检查代码质量、性能问题、可维护性、安全漏洞、最佳实践落地时。触发场景：前端代码评审、前端代码优化、React/Vue代码检查、TypeScript代码审查、前端性能优化、前端安全审计、前端代码规范检查。

ProgrammerAnthony/Expert-Coding-Harness

Turns Stitch screens into a React, Vite and TypeScript dashboard with TanStack Query data fetching, DESIGN.md tokens as CSS variables and optional read-only Web3 data.

google-labs-code/stitch-skills

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

ancoleman/ai-design-components

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