GitHub
art
Complete visual content system. Tron-meets-Excalidraw aesthetic - dark backgrounds, neon accents, hand-drawn sketch style.
☆ 0View skill
blockchain design AI Skills
Discover blockchain design skills, compare source repositories and read the instructions for each workflow.
Categories: blockchain design
blockchain design Clear filters
Browse skills
GitHub
frontend-design
Create distinctive, production-grade frontend interfaces with Adaptive Complexity. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that lever...
☆ 0View skill
GitHub
primer-design
Create distinctive, production-grade frontend interfaces with high design quality using the primer design system and brand guidelines. Use this skill when the user asks to build web components, pages, artifacts...
☆ 0View skill
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...
☆ 0View skill
GitHub
ui-design-review
Expert UI design consultant with 10+ years of experience in visual interface design for complex systems, enterprise SaaS, and data-heavy products. Specializes in layout, grid systems, composition, typography, a...
☆ 0View skill
GitHub
apple-design
Design beautiful iOS/iPadOS user interfaces following Apple Human Interface Guidelines (HIG). This skill should be used when creating SwiftUI views, designing app screens, implementing navigation patterns, choo...
☆ 0View skill
GitHub
icon-design
Generate application icons for modern web and mobile applications in major image formats including PNG and SVG. This skill should be used when creating app icons, launcher icons, favicons, or PWA icons. It prov...
☆ 0View skill
GitHub
nanobanana-prompt
This skill should be used when the user asks to "generate image", "create image with nanobanana", "write image prompt", "make icon/pattern/sticker", or "image generation". Crafts effective prompts for nanobanan...
☆ 0View skill
GitHub
design-system
Panda CSSベースのデザインシステム管理。カラーパレット（OKLCH）、セマンティックトークン、スペーシング、フォントサイズ、レシピ（コンポーネントバリアント）の追加・更新・検証を行う。packages/panda-config/配下のデザ...
☆ 0View skill
GitHub
visualize-architecture
Generates ASCII-based architecture, data flow, or call graph diagrams for software projects. Use this when the user asks to "visualize", "draw", or "show the relationship" between code modules, especially in a...
☆ 0View skill
GitHub
react-native-mobile-design
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...
☆ 0View skill
GitHub
ui-generator
PRESIDENT CARDの画面を生成する。新しいページ作成、既存画面の修正、コンポーネント配置時に使用。
☆ 0View skill
GitHub
visual-qa
実装画面のスクリーンショットを取得し視覚的に確認する。デザイン検証、Figma比較時に使用。
☆ 0View skill
GitHub
diagram-formatting
Ensures ASCII/box-drawing diagrams follow consistent formatting standards.
☆ 0View skill
GitHub
design-system
Portfolio design tokens, CSS variables, and component patterns. Use when editing HTML, CSS, or styling portfolio pages.
☆ 0View skill
GitHub
design-system
Design System Enforcer that maintains visual consistency at scale. Use when creating UI, reviewing styles, or ensuring brand consistency.
☆ 0View skill
GitHub
premium-dark-ui
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...
☆ 0View skill
GitHub
frontend-design
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...
☆ 0View skill
GitHub
theme-factory
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.
☆ 0View skill
GitHub
frontend-dev
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...
☆ 0View skill
GitHub
frontend-design
Create production-ready frontend interfaces with high-quality, memorable design. Use when building web components, pages, or applications.
☆ 0View skill
GitHub
catppuccin-theming
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...
☆ 0View skill
GitHub
fe-design
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...
☆ 0View skill
GitHub
excalidraw-diagram
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.
☆ 0View skill
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.