Explorar skills

Next.js 15 애플리케이션을 위한 프론트엔드 개발 가이드라인. React 19, TypeScript, Shadcn/ui, Tailwind CSS를 사용한 모던 패턴. Server Components, Client Components, App Router, 파일 구조, Shadcn/ui 컴포넌트, 성능 최적화, TypeScript 모범 사례 포함. 컴포넌트, 페이지, 기능 생성, 데이터 페칭, 스타일링, 라우팅, 프론트엔드 코드 작업 시 사용.

UI/UX 设计情报库：50 种风格、21 套配色、50 组字体搭配、20 类图表、8 个技术栈（React、Next.js、Vue、Svelte、SwiftUI、React Native、Flutter、Tailwind）。动作：plan、build、create、design、implement、review、fix、improve、optimize、enhance、refactor、check UI/UX code。项目：website、landing page、dashboard、admin panel、e-commerce、SaaS、portfolio、blog、mobile app、.html、.tsx、.vue、.svelte。元素：button、modal、navbar、sidebar、card、table、form、chart。风格：glassmorphism、claym

Generate premium React+TS+Tailwind UI components from natural language via 21st.dev Magic MCP server

Suite de ferramentas para criar artefatos HTML elaborados e multi-componentes para claude.ai, utilizando tecnologias web frontend modernas (React, Tailwind CSS, shadcn/ui). Ideal para artefatos complexos que exigem gerenciamento de estado, roteamento ou componentes shadcn/ui, e não para artefatos HTML/JSX simples de arquivo único.

Gera ou atualiza um DESIGN.md para o projeto atual seguindo a especificação google-labs-code/design.md. Inventaria as entradas de design existentes, mapeia-as para tokens tipados, escreve a prosa conforme a especificação e valida o resultado.

Build scalable design systems with Tailwind CSS v4, design tokens, component libraries, and responsive patterns. Use when creating component libraries, implementing design systems, or standardizing UI patterns.

Suite 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.

Gera ou adapta arquivos HTML para usar o contrato de tema Chameleon, com variáveis CSS semânticas e classes utilitárias estilo Tailwind. Oferece modos generate para novo HTML temático e convert para adaptar arquivos existentes via mapeamento de cores para funções.

Set up Tailwind CSS v4 in Expo with react-native-css and NativeWind v5 for universal styling

Crie interfaces de usuário bonitas e acessíveis com componentes shadcn/ui (baseados em Radix UI + Tailwind), estilização utility-first do Tailwind CSS e designs visuais baseados em canvas. Utilize para construir UIs, implementar sistemas de design, criar layouts responsivos e adicionar componentes acessíveis.

Tailwind CSS v4 principles. CSS-first configuration, container queries, modern patterns, design token architecture.

UI/UX design intelligence for web and mobile. Includes 50+ styles, 161 color palettes, 57 font pairings, 161 product types, 99 UX guidelines, and 25 chart types across 10 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui, and HTML/CSS). Actions: plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, and check UI/UX code. Pr