34 skills found · Page 1 of 2
anthropics / web-artifacts-builderSuite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use for complex artifacts requiring state management, routing, or shadcn/ui components - not for simple single-file HTML/JSX artifacts.
nextlevelbuilder / ui-stylingCreate beautiful, accessible user interfaces with shadcn/ui components (built on Radix UI + Tailwind), Tailwind CSS utility-first styling, and canvas-based visual designs
nexu-io / artifacts-builderSuite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui).
sickn33 / anti-slop-designAutonomous Principal Design Technologist. Cures vibe-coded software from AI frontend slop using curated token archetypes and 7-axis quality gating.
emilkowalski / ask-sonnerGuide to Sonner, the React toast library — install and wire up the Toaster, pick the right toast() call, promise and loading toasts, updating, dismissing and persisting toasts, styling, theming and icons, positioning and multiple toasters
wshobson / tailwind-design-systemBuild scalable design systems with Tailwind CSS v4, design tokens, component libraries, and responsive patterns
MiniMax-AI / react-native-devReact Native and Expo development guide covering components, styling, animations, navigation, state management, forms, networking, performance optimization, testing, native capabilities, and engineering (project structure, deployment, SDK upgrades, CI/CD).
google-labs-code / shadcn-uiExpert guidance for integrating and building applications with shadcn/ui components, including component discovery, installation, customization, and best practices.
google-labs-code / stitch::extract-design-mdExtract a comprehensive design system (DESIGN.md) directly from frontend source code — React, Vue, Svelte, Angular, plain HTML/CSS, or any web framework.
jakubkrehel / better-typographySets and reviews how text renders, from the type scale and spacing to font features, wrapping, truncation and punctuation.
MengTo / glass-dark-uiBuild dark-mode glassmorphism interfaces with readable contrast, frosted surfaces, and gradient borders using a pseudo-element mask
MengTo / beautiful-shadowsApply exact Tailwind arbitrary shadow utilities for polished, layered neutral elevation
MengTo / animation-on-scrollCreate an on-scroll animation trigger using IntersectionObserver with Tailwind-friendly animation classes and keyframes
microsoft / frontend-ui-dark-tsBuild dark-themed React applications using Tailwind CSS with custom theming, glassmorphism effects, and Framer Motion animations
aaron-he-zhu / launch-window-plannerUse when the user asks to "pick a launch date", "plan the launch window", or "set the embargo and lift time"; produces a candidate-window comparison table (conflict / tailwind / risk per window) built from industry-event cycles and the competitor launch calendar, a launch-week vs rolling-release for…
wondelai / refactoring-uiAudit and fix visual hierarchy, spacing, color, and depth in web UIs
composio-community / senior-frontendFrontend development skill for React, Next.js, TypeScript, and Tailwind CSS applications
first-fluke / oma-frontendImplement or modify web UI in React, Next.js, or Angular. Use for
vibe-motion / remotion-candlestick在 Remotion 项目中创建带动画的金融 K 线图（蜡烛图）。涵盖数据获取（Yahoo Finance）、 插件架构（config / timeline / Scene / plugin）、Canvas 逐帧绘制、深色交易终端风格、 以及 Remotion Studio 预览和渲染输出。触发词：K线图、蜡烛图、candlestick、OHLC、 股票动画、金融图表视频、Remotion 图表。
borghei / saas-scaffolderGenerate SaaS boilerplate with auth, database schemas, Stripe billing, multi-tenancy, API routes, and dashboard UI on a Next.js/TypeScript/Tailwind stack
borghei / senior-frontendFrontend development for React, Next.js, TypeScript, and Tailwind CSS
vibeeval / design-to-codeFigma-to-code translation, design tokens, spacing/typography scales, responsive breakpoints, and design system bridge patterns.
vibeeval / design-system-generatorGenerate design systems with color palettes, typography, spacing scales, component tokens, and Tailwind config
mxyhi / find-docsRetrieves up-to-date documentation, API references, and code examples for any developer technology. Use this skill whenever the user asks about a specific library, framework, SDK, CLI tool, or cloud service — even for well-known ones like React, Next.js, Prisma, Express, Tailwind, Django, or Spring…
aiskillstore / frontend-dev-guidelinesNext.js 15 애플리케이션을 위한 프론트엔드 개발 가이드라인. React 19, TypeScript, Shadcn/ui, Tailwind CSS를 사용한 모던 패턴. Server Components, Client Components, App Router, 파일 구조, Shadcn/ui 컴포넌트, 성능 최적화, TypeScript 모범 사례 포함. 컴포넌트, 페이지, 기능 생성, 데이터 페칭, 스타일링, 라우팅, 프론트엔드 코드 작업 시 사용.
aiskillstore / css-development-create-componentThis skill should be used when creating new styled components or adding new CSS classes. Triggers on "create component", "new button", "new card", "add styles", "style component", "build UI element". Guides semantic naming, Tailwind composition, dark mode support, and test coverage.
aiskillstore / tailwind-patternsQuick reference for Tailwind CSS utility patterns, responsive design, and configuration. Triggers on: tailwind, utility classes, responsive design, tailwind config, dark mode css, tw classes.
giuseppe-trisciuoglio / shadcn-uiProvides complete shadcn/ui component library patterns including installation, configuration, and implementation of accessible React components
giuseppe-trisciuoglio / tailwind-css-patternsProvides comprehensive Tailwind CSS utility-first styling patterns including responsive design, layout utilities, flexbox, grid, spacing, typography, colors, and modern CSS best practices
giuseppe-trisciuoglio / tailwind-design-systemSkill for creating and managing a Design System using Tailwind CSS and shadcn/ui
