Discover tools design skills, compare source repositories and read the instructions for each workflow.
Create distinctive, production-grade mobile interfaces for React Native with high design quality. Use when (1) user asks to build mobile UI components or screens, (2) user wants to improve mobile app aesthetics...
PRESIDENT CARDの画面を生成する。新しいページ作成、既存画面の修正、コンポーネント配置時に使用。
実装画面のスクリーンショットを取得し視覚的に確認する。デザイン検証、Figma比較時に使用。
Ensures ASCII/box-drawing diagrams follow consistent formatting standards.
Portfolio design tokens, CSS variables, and component patterns. Use when editing HTML, CSS, or styling portfolio pages.
Design System Enforcer that maintains visual consistency at scale. Use when creating UI, reviewing styles, or ensuring brand consistency.
Premium dark glassmorphic UI design system for React applications. Use this skill when building dark-themed interfaces with glass effects, rim lighting, multi-layer cards, and polished animations. Triggers on r...
Create distinctive, production-grade frontend interfaces with high design quality. Use when building web components, pages, dashboards, React components, HTML/CSS layouts, or styling any web UI. Generates creat...
Apply professional font and color themes to artifacts including slides, docs, reports, dashboards, and HTML landing pages. Use when styling any artifact with a cohesive theme or generating custom color schemes.
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when building web components, pages, dashboards, React components, HTML/CSS layouts, or styling any web UI. Gene...
Create production-ready frontend interfaces with high-quality, memorable design. Use when building web components, pages, or applications.
Apply Catppuccin color palettes to configs, stylesheets, and terminal themes. This skill should be used when creating or modifying CSS themes, terminal color schemes, shell prompts (Starship, etc.), or any conf...
Enforce a precise, minimal design system inspired by Linear, Notion, and Stripe. Use this skill when building dashboards, admin interfaces, or any UI that needs Jony Ive-level precision - clean, modern, minimal...
Create an Excalidraw diagram from a text description. Use when the user wants to create a diagram, flowchart, architecture diagram, or visual explanation for their blog post.
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...
Provides expert UI/visual design analysis, aesthetic evaluation, and AI slop detection. Use this skill when the user needs visual design audit, typography assessment, or design system review. Triggers include r...
Create a UUID (Universally Unique Identifier).
Creates comprehensive frontend UI/UX designs including user interfaces, design systems, component libraries, responsive layouts, and accessibility implementations. Produces wireframes, mockups, design specifica...
Create interactive, production-ready UI mockups and prototypes using Vue.js 3, TypeScript, Vite, and TailwindCSS. Use when building web mockups, prototypes, landing pages, dashboards, admin panels, or interacti...
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...
Mobile-first responsive design patterns for Slotify. Use this skill when building UI components, implementing responsive layouts, or optimizing for touch interactions. Covers Tailwind CSS breakpoints, touch tar...
Ensures ASCII/box-drawing diagrams follow consistent formatting standards.
57 UI styles + 95 color palettes + 56 font pairings + 24 charts + 98 UX guidelines. Motor BM25 para búsqueda inteligente.
Analyze multiple assets and define a unified visual style guide. Use when images don't match, assets come from different sources, or need to regenerate consistent variants. Outputs style guides with line weight...
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.