Discover tools design skills, compare source repositories and read the instructions for each workflow.
UI/UX design intelligence. 50 styles, 21 palettes, 50 font pairings, 20 charts, 8 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind). Actions: plan, build, create, design, implement,...
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoid...
Frontend design orchestrator that analyzes design requests and delegates to specialized expert skills. Use when the user asks to build UI components, pages, layouts, or any visual interface work. Understands us...
Apply Hyperfinity brand guidelines to ensure all AI-generated content follows correct color schemes, typography, and visual identity. Use this skill when creating any visual assets, UI components, marketing mat...
Creates premium, visually stunning web interfaces with modern design patterns. Use when building UI components, landing pages, dashboards, or any user-facing interface. Emphasizes rich aesthetics, micro-animati...
Create distinctive landing pages and marketing materials with high design quality. Use ONLY when explicitly asked for marketing pages, landing pages, hero sections, or promotional content. Do NOT use for dashbo...
Create polished frontend interfaces from designs/screenshots with high design quality. Use for web components, pages, replicating UI designs, extracting design guidelines, avoiding AI slop aesthetics.
Generate Midjourney V7 image prompts for website sections. Analyzes page components, extracts aspect ratios from CSS, outputs prompts with SEO filenames. Use after completing page (skills 02-06). Triggers on "g...
Analyze and replicate website UI/animations. Use when asked to clone, replicate, or analyze a website's visual implementation.
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoid...
Generates unique, high-fidelity, and non-generic UI designs by synthesizing modern component libraries with specific design movements. Use when the user requests UI design, frontend architecture, or aesthetic o...
This skill should be used when generating and editing images using the Gemini API (Nano Banana Pro). It applies when creating images from text prompts, editing existing images, applying style transfers, generat...
Build responsive frontend pages and reusable components with clean layouts and modern styling.
Enseña principios de diseño UI/UX profesional para crear interfaces hermosas y modernas. Incluye paletas de colores contemporáneas, tipografía, espaciado y componentes. Evita clichés como gradientes azul-púrpur...
본 문서는 수 십개의 작은 사각형으로 글씨를 만드는 JavaScript 코드를 생성하는 개발 지침을 제공합니다. 텍스트를 화면에 표시 할 때, 일반 벡터 텍스트를 그대로 쓰지 않고, 수십 개의 작은 정사각형(픽셀)을 격자 형태로...
Design token management for creating, organizing, and applying design tokens across projects. Supports multiple formats (CSS custom properties, Sass, JS, JSON). Use when setting up design systems or managing de...
build marp presentations
Color palette generation, contrast checking (WCAG), color space conversion, and color harmony tools. Ensures accessible and visually appealing color systems. Use when designing color schemes, checking accessibi...
Tạo visual art đẹp trong .png và .pdf documents sử dụng design philosophy. Sử dụng khi user yêu cầu tạo poster, piece of art, design, hoặc static visual piece. Tạo original designs, không copy existing artists.
Parses design assets (PDF, CSS) to generate a draft design spec.
UI/UX design intelligence. 50 styles, 21 palettes, 50 font pairings, 20 charts, 9 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui). Actions: plan, build, create, design,...
Expert skill for UI component design, variants, composition patterns, and shadcn/ui component customization. Use when building specific components, creating variants, or composing complex UI elements.
Applies the ExoCore Systems visual identity (Ebony, Bone, Picasso Green, Warning Coral) to digital artifacts and UI components. Use this to maintain "Plate Lock" consistency across all Sibling OS developments.
Expert skill for spacing systems, layout grids, responsive breakpoints, and whitespace design. Use when defining spacing scales, implementing grid systems, setting up responsive layouts, or establishing consist...
The default order uses GitHub repository stars from our indexed data. Stars belong to the source repository and may be shared by multiple skills. They indicate repository interest, not skill installs or an independent quality score.