GitHub
frontend-design
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...
Skills IA tools design
Découvrez les skills tools design, comparez leurs dépôts et consultez leurs instructions.
Catégories: tools design
tools design Effacer les filtres
Explorer
GitHub
pca-theme-factory
Fornece paletas de cores e tipografia padronizadas para o Projeto PCA Camocim. Aplica temas visuais em artefatos de UI e Documentos.
GitHub
generative-art-engine
Generates interactive p5.js algorithmic art artifacts. Requires defining an Algorithmic Philosophy before coding. Enforces seeded randomness.
GitHub
pca-gif-maker
Gera GIFs animados programaticamente usando Python (Pillow) para o projeto PCA Camocim. Cria animacoes de texto e badges para documentacao.
GitHub
visual-design-pro
Creates production-grade static visual art (PNG/PDF) based on deep design philosophies. Use for posters, covers, and artistic assets. Requires access to local fonts.
GitHub
red-hat-brand-guidelines
Applies Red Hat's official brand colors and typography to any sort of artifact that may benefit from having Red Hat's look-and-feel. Use it when brand colors or style guidelines, visual formatting, or company d...
GitHub
visual-assets
Create and manage diagrams, illustrations, tables, and visual components for the textbook. Use when adding architecture diagrams, flowcharts, hardware schematics, or data tables.
GitHub
animation-skill
Create splash screens, ASCII art banners, and terminal animations. Use when building visual effects, loading screens, and branding elements.
GitHub
creating-landing-pages
Use when building marketing landing pages or SaaS homepages - provides a systematic workflow for hero-first design, animation patterns, social proof, and section expansion that creates consistent, professional...
GitHub
frontend-design
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...
GitHub
generate-ad-images
Generate two distinct, AI-powered image variations for advertising campaigns using Google Gemini's image generation capabilities. Use when creating visual assets for ads based on campaign parameters and researc...
GitHub
app-theming
Your approach to handling app theming. Use this skill when working on files where app theming comes into play.
GitHub
frontend-designer
Expert front-end design critique, refinement, and polish for existing interfaces. Use this skill when the user asks for a design pass, visual polish, design critique, aesthetic improvements, or UI refinement on...
GitHub
algorithmic-art
Creating algorithmic art using p5.js with seeded randomness and interactive parameter exploration. Use this when users request creating art using code, generative art, algorithmic art, flow fields, or particle...
GitHub
canvas-design
Create beautiful visual art in .png and .pdf documents using design philosophy. You should use this skill when the user asks to create a poster, piece of art, design, or other static piece. Create original visu...
GitHub
artifacts-builder
Suite of tools for creating elaborate, multi-component minimax.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use for complex artifacts requiring state management, ro...
GitHub
theme-factory
Toolkit for styling artifacts with a theme. These artifacts can be slides, docs, reports, HTML landing pages, etc. There are 10 pre-set themes with colors/fonts that you can apply to any artifact, or generate a...
GitHub
frontend-design
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...
GitHub
brand-guidelines
IdeaForge brand identity - colors, typography, and visual guidelines. Use when styling UI components, creating marketing materials, or ensuring brand consistency.
GitHub
gemini-imagegen
Generate and edit images using the Gemini API (Nano Banana). Use this skill when creating images from text prompts, editing existing images, applying style transfers, generating logos with text, creating sticke...
GitHub
mascot-character-sheet
Generate professional product mascot character reference sheets with a specific multi-panel layout. Use this skill when creating character design sheets, mascot documentation, brand mascot references, or charac...
GitHub
optical-refinement
Reviews designs for optical balance issues that mathematical precision misses. Covers typography kerning, visual alignment, spacing rhythm, color weight, and the human touch that distinguishes professional desi...
GitHub
component-from-capture
画像キャプチャ（直接貼り付けまたはファイルパス指定）から既存のWindows Forms風Astroコンポーネントを組み合わせて画面ページを自動生成します。UIデザインを解析し、レイアウト、色、サイズ、テキストを再現した画面を作成...
GitHub
d3-viz
Creating interactive data visualisations using d3.js. This skill should be used when creating custom charts, graphs, network diagrams, geographic visualisations, or any complex SVG-based data visualisation that...
Le classement utilise les étoiles du dépôt GitHub indexé. Plusieurs skills peuvent partager ce nombre : ce n’est ni un nombre d’installations ni une note de qualité.