GitHub
frontend-aesthetic
UI/UX visual design, styling, and aesthetic validation
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
designing-frontend
Design and build beautiful web UI that doesn't look generic. Use when designing or building web components, pages, or dashboards.
GitHub
mermaid-diagram
This skill should be used when the user asks to "create a diagram", "draw a flowchart", "generate a sequence diagram", "make a state diagram", "create a class diagram", "draw an ER diagram", "update diagram", "...
GitHub
aico-frontend-design
Transform PRD or story into complete page/component designs with ASCII layouts, component specs, interaction flows, and frontend implementation prompts. Use this skill when: - User asks to "design the page", "...
GitHub
figma-design
Use this skill when working with Figma designs to generate code. Converts Figma layouts, components, and styles into production-ready code. Triggers on keywords like "Figma", "design to code", "implement this d...
GitHub
oracle-diagram-generator
Generate professional OCI architecture diagrams with verified Oracle styling and icons
GitHub
designing-layouts
Guides design decisions for a low-code CSS layout generator. Use this skill when the user asks for help with UI/UX choices, component architecture, layout presets, canvas interactions, or design system decision...
GitHub
brand-identity
Maintain the ArtFrost Portfolio aesthetic (Dark/Glassmorphism/3D). Use this skill when generating UI, styling components, or creating design assets.
GitHub
ui-ux-pro-max
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,...
GitHub
figma-image-downloader
WHAT: Download screen screenshots from Figma files via bash script. WHEN: extracting visual assets, creating screenshot references, archiving designs. KEYWORDS: figma, download, screenshot, images, frames, png,...
GitHub
figma-researcher
WHAT: Research Figma designs using MCP server for implementation details. WHEN: implementing UX changes, extracting design specs, auditing design tokens. KEYWORDS: figma, mcp, design, research, specs, tokens, c...
GitHub
design-asset-parser
Parses design assets (PDF, CSS) to generate a draft design spec.
GitHub
canva-dev
Develops Canva Apps SDK apps - read documentation, UI kit components, design guidelines, CLI commands. Use when building or developing Canva apps.
GitHub
svg-illustrations
Expert knowledge for creating hand-drawn style SVG illustrations. Activate when creating custom diagrams, working with illustration components, or needing consistent visual design for lessons.
GitHub
slide-design-system
Use when generating presentation slides, deck images, or visual assets for meetings and pitches. Applies dark minimal Vercel/Apple aesthetic with strict design language.
GitHub
batch-slide-image-generation
Use when generating multiple presentation slide images, creating slide decks with AI-generated visuals, or iterating on slide designs with image generation.
GitHub
frontend-design
This skill should be used when implementing "UI/UX design", "Streamlit component design", "frontend styling", "user interface consistency", "design system implementation", "responsive design", or when creating...
GitHub
theme-factory
This skill should be used when implementing "professional styling", "theme systems", "brand consistency", "design tokens", "visual identity", "color schemes", "typography systems", or when creating cohesive vis...
GitHub
figma-to-streamlit-component
This skill should be used when "generating components from Figma", "implementing Figma designs", "importing Figma frames", "converting Figma to code", or when creating Streamlit components from design specifica...
GitHub
theme-factory
This skill should be used when implementing "professional styling", "theme systems", "brand consistency", "design tokens", "visual identity", "color schemes", "typography systems", or when creating cohesive vis...
GitHub
a2ui-embed
Write HTML visualizations to the A2UI panel or embed running apps
GitHub
frontend-design
This skill should be used when the user asks to "build a component", "create a page", "design an interface", "implement a UI", "add animations", "make it responsive", or needs guidance on design systems, access...
GitHub
prd-ux
This skill should be used when the user asks to "create UX specs", "translate PRD to UX", "design user experience", "prepare for mockups", "create design handoff", or needs to transform product requirements int...
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...
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é.