excalidraw-free
Create Excalidraw diagrams. USE WHEN user specifically asks for Excalidraw. WORKFLOWS - mind-maps, swimlane, process-flow.
Explore AI skills for development, content, data and productivity. Compare the description and repository popularity before opening a skill.
Create Excalidraw diagrams. USE WHEN user specifically asks for Excalidraw. WORKFLOWS - mind-maps, swimlane, process-flow.
UI 구성 요소의 여백(Padding/Margin), 색상, 타이포그래피의 일관성을 검토하고 디자인 시스템 준수 여부를 확인합니다.
Generates diagrams from text using Kroki unified API. Supports PlantUML, Mermaid, D2, C4, GraphViz, DBML, and 20+ formats. Use when creating UML diagrams, architecture diagrams, flowcharts, ERDs, sequence diagr...
Build scalable design systems with Tailwind CSS, design tokens, component libraries, and responsive patterns. Use when creating component libraries, implementing design systems, or standardizing UI patterns.
Generate syntactically correct Mermaid diagrams by applying mandatory escaping rules and best practices. Use this skill when creating flowcharts, sequence diagrams, state diagrams, class diagrams, or any other...
Implement mobile-first responsive design for NutriProfile. Use this skill when working on UI components, fixing layout issues, ensuring touch targets, or optimizing for different screen sizes (375px to 1920px+)...
Retro-futuristic brutalist design system for PowerPoint presentations. Creates striking, minimalist presentations with a technical/terminal aesthetic featuring khaki backgrounds, dark navy blocks, monospace typ...
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,...
Generates custom design system rules for the user's codebase. Use when user says "create design system rules", "generate rules for my project", "set up design rules", "customize design system guidelines", or wa...
Generate diagrams with PlantUML/Mermaid.
Professional PlantUML theme collection with 5 curated color schemes optimized for software requirement analysis and enterprise architecture diagrams. Each theme provides comprehensive styling with colors, fonts...
Translates Figma designs into production-ready code with 1:1 visual fidelity. Use when implementing UI from Figma files, when user mentions "implement design", "generate code", "implement component", "build Fig...
Create, apply, and manage textures on Blockbench models using the Material Palette approach.
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...
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,...
Create and configure PBR (physically-based rendering) materials with multiple texture channels in Blockbench.
Reduce payload size and enable compression.
Generate videos using Google Veo 3.1 API with presets, extensions, and cost controls
Game sounds, notifications, ambient audio, and music
reduces expensive I/O
reduces file size
Design real-time processing with windowing and watermarks.
Handle image/video uploads, optimization, and Supabase storage
Convert PNG/JPG images to WebP format
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.