Best frontend and UI design skills, page 14

Add Solar Icons via @solar-icons/cli to any React, Vue, Svelte, Solid, Angular, React Native, Nuxt, Static, vanilla JS, or Laravel Blade project.

saoudi-h/solar-icons

Build or evolve a complex agent-enabled Tutti workspace app repository.

tutti-os/tutti

Standardizes how a desktop app's UI lets a person choose one or more already-configured AI models, through a single grouped dropdown component.

leookun/cursor-byok

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

anl331/goey-toast

A skill your agent uses when debugging UE C++ crashes, runtime bugs, or unexpected behavior with Rider MCP available.

JasonMa0012/MooaToon

Web typography from choosing fonts to spacing, wrapping and accessibility.

trycompai/crm

Review frontend code (.tsx, .ts, .js files) for quality, performance, and correctness against Langflow's frontend conventions.

langflow-ai/langflow

Build or modify ChatbotX builder UI components, forms, tables, dialogs, shared UI usage, and translations.

ChatbotXIO/ChatbotX

Check that a web page you wrote or changed actually works, by opening it in a browser and driving every control on it.

awss1i/assay

Render an ARIS Markdown / JSON artifact (IDEAREPORT, AUTOREVIEW, KILLARGUMENT, PAPERPLAN, research-wiki state, etc.) into a single-file HTML view designed for human reading.

wanshuiyin/Auto-claude-code-research-in-sleep

Reproduce a Vaadin web component bug from a GitHub issue in vaadin/web-components.

vaadin/web-components

Terminal Vue UI development and review for @simonhe/vue-tui.

Simon-He95/vue-tui

Author a new PostHog browser extension, or port a posthog-js v1 extension, against the @posthog/browser-common Client/Extension contract.

PostHog/posthog-js

Create a library-grade Vue composable that accepts maybe-reactive inputs (MaybeRef / MaybeRefOrGetter) so callers can pass a plain value, ref, or getter.

logue/vite-vuetify-ts-starter

像素级 750px 图片转代码与切图工作流。当 Codex 需要把当前选中的 UI 图片、截图、App/Web 设计稿、Figma 图片导出稿或设计长图转换为代码，并输出独立透明 PNG 切图资源时使用。适用于严格 1:1 等比例还原、画板宽度精确 750px、禁止自动排版优化、文本可编辑、简单图形原生矢量/代码化、图标和位图独立透明 PNG…

SemineChen/yueban-image-to-code

Builds and validates the Fumadocs React Router static site through Wrangler with headless browser checks.

clabernetes/clabernetes

Systematically reduce the shipped bundle size of a JS/TS library without sacrificing code readability or breaking consumer APIs.

kcsujeet/ilamy-calendar

Capture headless-Chrome screenshots of the tingly-box frontend (running locally in mock mode) so frontend changes can be visually verified in environments without a real browser.

tingly-dev/tingly-box

Agent-native design system infrastructure. An agent skill from Railly/tinte.

Railly/tinte

Generate documentation sites for Python packages with Great Docs.

pymc-labs/pathmc

A skill your agent uses when the user's task involves HiUI (@hi-ui/) — writing HiUI components, debugging HiUI issues, querying HiUI props/docs, migrating from HiUI V4 to V5, or setting up React 19…

XiaoMi/hiui

Draws hand-authored SVG spot illustrations in a bold pop-geometric style for design and coding scenes.

MengTo/Skills

Quick-reference for building the core Ignite UI for Angular library and related packages.

IgniteUI/igniteui-angular

Main entry point for gluestack-ui contributor tasks and workflows

gluestack/gluestack-ui

Migrate TailwindCSS to StyleX. An agent skill from shadcn-labs/shadcn-cssinjs.

shadcn-labs/shadcn-cssinjs

Call fal.ai Model APIs (auth, upload, subscribe/queue, parse responses).

rtadewald/skills

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

Provides comprehensive Tailwind CSS utility-first styling patterns including responsive design, layout utilities, flexbox, grid, spacing, typography, colors, and modern CSS best practices.

ever-works/ever-works

Generates 2D Remotion-based TSX video files for VidTSX from a shot or scene description, with style presets and rules that keep renders from crashing.

hassancs91/claude-faceless-shorts-creator

Implement web accessibility (a11y) standards following WCAG 2.1 guidelines.

surrealdb/docs.surrealdb.com

Defines where UI components belong in Operately (TurboUI-first).

operately/operately

Analyze the current session and propose improvements to skills.

llama-farm/llamafarm

Modern CSS techniques that replace breakpoint ladders, wrapper elements and scripts.

vojtaholik/good-css

Build a standalone phone-first HTML App with an SVG icon, Xiaowan skill, Agent-callable tools, reusable connectors, real data paths, and optional SQLite, then validate, publish, and add it to the…

omnimind-ai/OmniBot

Comprehensive guide for creating effective landing pages using Next.js or React.

bear2u/my-skills

Reference knowledge base for the no-build ofa.js framework, with syntax rules and a table of mistakes to avoid when writing components, pages and routes.

ofajs/ofa.js

Build interactive analytics webapps, demos, dashboards, or embedded app surfaces from Sidemantic semantic models using copyable component primitives and deterministic query inspection.

sidequery/sidemantic

Build and harden React Flow diagram surfaces in VeloxDB using @xyflow/react patterns (nodes, edges, viewport, controls, interactions, performance).

veloxbase/veloxdb

国际化 (i18n) 开发指南。在添加新文本、创建物品/事件、修改翻译或管理 PO/MO 文件时使用. An agent skill from 4thfever/cultivation-world-simulator.

4thfever/cultivation-world-simulator

Three-axis review of the branch diff — Standards (this repo's documented standards + public API/bridge surface), Spec (the originating Linear/GitHub issue or PR), and Correctness (runtime bugs + the…

getsentry/sentry-react-native

OneClickVirt operations skill for managing containers, virtual machines, provider nodes, health checks, and metrics through MCP.

oneclickvirt/oneclickvirt

交互式动态视觉叙事生成器 v11.0 (Hybrid Drive Edition)。基于用户输入的任意主题关键词， 通过多轮交互式对话收集需求，利用 React 19 + Tailwind 4 驱动的 Minimal Mono 极简编辑器， 实时操纵隔离在 Iframe 中的硬核 GSAP/WebGL 影视级叙事引擎。

pixelxzen/phantom-motion

Add Temps analytics to React applications with comprehensive tracking capabilities including page views, custom events, scroll tracking, engagement monitoring, session recording, and Web Vitals…

gotempsh/temps

Design and UI skill for the Worklog desktop project manager.

regisx001/Worklog

Guides styling of Jaspr web components with the type-safe Styles API in Dart, covering @css annotations, inline styles and global stylesheets.

rodydavis/signals.dart

Produces one self-contained HTML animation page per video shot, sharing a cinematic player base but giving each page its own visual style, sound cues and characters.

Unclecheng-li/AI_Animation

A skill your agent uses when modifying EasyPostman Swing dialogs, popups, wizards, or modal flows to better match IntelliJ IDEA or FlatLaf settings-style visual hierarchy, especially when read-only…

lakernote/easy-postman

LofiSu的行为人格Skill。基于GitHub公开数据(282次commit/150次README迭代/50+fork/100+contribution) 的Codex深度挖掘分析报告+小红书卖课行为报告的系统蒸馏， 提炼6个核心心智模型、8条决策启发式和完整的表达DNA。

zclllyybb/lofisu-identity-engine