Discover blockchain design skills, compare source repositories and read the instructions for each workflow.
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...
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...
Use when creating UI designs to avoid generic "AI slop" aesthetics. Enforces distinctive typography, cohesive color systems, purposeful motion, and atmospheric backgrounds. Critical for landing pages, dashboard...
Genera y mantiene actualizados los modelos C4 dentro de docs/architecture/diagrams. Trigger: archivos en docs/architecture/diagrams, cambios en diagramas .mmd/.puml/.puml.md
Parses design assets (PDF, CSS) to generate a draft design spec.
Develops Canva Apps SDK apps - read documentation, UI kit components, design guidelines, CLI commands. Use when building or developing Canva apps.
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.
Use when generating presentation slides, deck images, or visual assets for meetings and pitches. Applies dark minimal Vercel/Apple aesthetic with strict design language.
Use when generating multiple presentation slide images, creating slide decks with AI-generated visuals, or iterating on slide designs with image generation.
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...
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...
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...
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...
Write HTML visualizations to the A2UI panel or embed running apps
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...
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...
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...
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...
Creates visual assets using AI image generation models (Imagen 3, DALL-E). Supports product renders, marketing imagery, infographics, and creative visuals for content and presentation workflows.
Modern UI design system ensuring clean, professional interfaces. Use when creating ANY UI component, webpage, React component, HTML artifact, design mockup, or interface element. Provides design principles for...
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 distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include website...
Gemini APIを使用して画像を生成し、リポジトリに保存。ランディングページ、ヒーローイメージ、プロダクト画像、アバター、ダミー画像、プレースホルダー画像が必要なときに使用。画像生成、AI画像、自動生成。
スキャフォールディングやボイラープレート生成時に使用。
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.