GitHub
sketch-prompt-lab
Prompt iteration workflow for kid-friendly, realistic outputs. Use when tuning prompts, selecting styles, or when outputs look too similar to the original sketch.
☆ 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
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,...
☆ 0View skill
GitHub
frontend-design
Create distinctive, production-grade frontend interfaces with a bold, memorable aesthetic. Use when building UI components, pages, or layouts.
☆ 0View skill
GitHub
frontend-design-theme-factory
Interactive UI theme generation when user needs help choosing colors/fonts. Generates cohesive themes based on brand personality using color harmony theory. Use ONLY when user is UNCERTAIN about colors/theme a...
☆ 0View skill
GitHub
figma-design-extraction
Complete Figma design extraction for pixel-perfect implementation. Extracts design tokens, component specs, layouts, and responsive behavior systematically. Use when user provides Figma design: - Figma URL or...
☆ 0View skill
GitHub
frontend-design-figma-extraction
Complete Figma design extraction for pixel-perfect implementation. Extracts design tokens, component specs, layouts, and responsive behavior systematically. Use when user provides Figma design: - Figma URL or...
☆ 0View skill
GitHub
theme-factory
Interactive UI theme generation when user needs help choosing colors/fonts. Generates cohesive themes based on brand personality using color harmony theory. Use when user asks for theme/color help OR building...
☆ 0View skill
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,...
☆ 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
image-generator
Creates and manages visual assets for content. Generates AI image prompts for DALL-E, Midjourney, and Stable Diffusion. Specifies image requirements, handles brand consistency, and optimizes for different platf...
☆ 0View skill
GitHub
grafix-artwork
Grafix で「作品を 1 本作って PNG 候補を出し、選別→改良」を回すための薄いオーケストレータ。基本は `$grafix-compose` と `$grafix-draw-export`（必要なら `$grafix-api-catalog`）を同時に明示 invoke して使う。
☆ 0View skill
GitHub
grafix-compose
「コンセプト（モチーフ/雰囲気）」を、Grafix の `draw(t)` 実装に落とすための構成決定スキル。primitive/effect の数を絞り、まず静的構図→次に t 変化、の順で破綻しない作品を作る。
☆ 0View skill
GitHub
grafix-draw-export
Grafix の `draw(t)` スケッチを生成・改良し、`python -m grafix export` で PNG を複数枚 headless 出力して比較するための手順。ユーザーが「Grafix の draw を作って」「PNG を書き出して」「候補を複数出して比較したい」...
☆ 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, artifacts, posters, or applications (examples include website...
☆ 0View skill
GitHub
ui-design
Professional UI design and frontend interface guidelines. Use this skill when creating web pages, mini-program interfaces, prototypes, or any frontend UI components that require distinctive, production-grade de...
☆ 0View skill
GitHub
sixty-design-system
Sixty's production design system for enterprise SaaS applications. Use when building UI components, creating React/Next.js interfaces, styling dashboards, implementing light/dark themes, or applying Sixty's gla...
☆ 0View skill
GitHub
m3-expressive-visualizer
Material 3 Expressiveに準拠し、指定された5つのパレット（Primary〜Quinary）を構成要素別に適用して決算グラフを描画します。
☆ 0View skill
GitHub
figma-to-code
Translate Figma designs into production-ready code with pixel-perfect accuracy. Use when implementing UI from Figma mockups.
☆ 0View skill
GitHub
professional-ui-design
Erstellt professionelle, konsistente UI-Designs für HTML-Formulare. Vermeidet generische AI-Ästhetik, nutzt mutige Design-Entscheidungen und Access-typische Business-Anwendungs-Optik.
☆ 0View skill
GitHub
brainstorming-ui-and-design
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...
☆ 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
image-generation
Generate images using OpenAI's gpt-image-1.5 model. Use when users request image creation, artwork, illustrations, marketing graphics, icons, or any visual content. Supports transparent backgrounds, multiple si...
☆ 0View skill
GitHub
vega
Create data-driven charts with Vega-Lite (simple) and Vega (advanced). Best for bar, line, scatter, heatmap, area charts, and multi-series analytics. Use when you have numeric data arrays needing statistical vi...
☆ 0View skill
GitHub
graphviz
Create complex directed/undirected graphs with precise layout control. Best for dependency trees, org charts, network topologies, and module relationships. Use when you need fine-grained edge routing or hierarc...
☆ 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.