20 skills found
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.
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
google-labs-code / shadcn-uiExpert guidance for integrating and building applications with shadcn/ui components, including component discovery, installation, customization, and best practices.
21st-dev / magic-mcpIt's like v0, but in your Cursor / Claude Code / Windsurf: search 10,000+ React/Tailwind components, generate new UI with AI, and publish your own — right from your editor. Magic MCP is now the 21st MCP; this package keeps old configs working. Setup: 21st.dev/mcp
MengTo / beautiful-shadowsApply exact Tailwind arbitrary shadow utilities for polished, layered neutral elevation
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…
aiskillstore / frontend-dev-guidelinesNext.js 15 애플리케이션을 위한 프론트엔드 개발 가이드라인. React 19, TypeScript, Shadcn/ui, Tailwind CSS를 사용한 모던 패턴. Server Components, Client Components, App Router, 파일 구조, Shadcn/ui 컴포넌트, 성능 최적화, TypeScript 모범 사례 포함. 컴포넌트, 페이지, 기능 생성, 데이터 페칭, 스타일링, 라우팅, 프론트엔드 코드 작업 시 사용.
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
secondsky / claude-skillsProduction-ready skills for Claude Code CLI - Cloudflare, React, Tailwind v4, and AI integrations
seekrays / seekcodeA clean and efficient code snippet and clipboard management tool designed for developers
PyModel / react-frontend-skillsProduction-grade AI agent skills for React 19, Next.js 16, TypeScript 7, testing, data, UI, and frontend architecture—ready for Codex, Claude Code, Cursor, Pi, and more.
ply-ui-ng / plyPly (formerly Base UI (Angular)) — MIT copy-in Angular + Tailwind components. Pro stays paid.
cool-team-official / api基于 Uni-App X 的 Vue3 组合式开发框架，完全开源免费。内置 Tailwind CSS、支持多主题切换与国际化，集成丰富高质量组件库与多样模板页面，助力高效构建高品质跨平台应用。
alexwine36 / general- By default use components using shadcn components when available, if not use tailwind styling - Shadcn components are located in packages/ui as a result shadcn component imports start with `@repo/ui/components`
claude-skills / sveltekit-svelte5-tailwind-skillComprehensive integration skill for building sites with SvelteKit 2, Svelte 5, and Tailwind CSS v4
WilliamChelman / RULEUse the local UI component library (`@/ui/*`) consistently (Angular standalone + Tailwind/DaisyUI).
tharsananarul / frontend_best_practicesModern frontend development standards for accessibility, testing, TypeScript, and Tailwind CSS. ---
