GitHub
design-token-extractor
Extracts design tokens from images and generates CSS custom properties, atomic utility classes (Tailwind-style), and platform-specific formats following W3C standards and modern CSS best practices.
☆ 0查看技能
blockchain design AI 技能
发现 blockchain design 相关 Skills，比较来源仓库和用途，查看适合你工作流的技能说明。
分类目录: blockchain design
blockchain design 清除筛选
全部技能
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...
☆ 0查看技能
GitHub
algorithmic-art-generation
Generate artistic visualizations using algorithmic patterns
☆ 0查看技能
GitHub
canvas-design-tools
Interactive canvas-based design and layout creation
☆ 0查看技能
GitHub
architecture-design
アーキテクチャ設計書を作成するための詳細ガイドとテンプレート。アーキテクチャ設計時にのみ使用。
☆ 0查看技能
GitHub
remix-icon
Guide for implementing RemixIcon - an open-source neutral-style icon library with 3,100+ icons in outlined and filled styles. Use when adding icons to applications, building UI components, or designing interfac...
☆ 0查看技能
GitHub
arch-designer
Use when the user wants to generate architecture diagrams, visualize their codebase structure, create pitch decks with system diagrams, or understand their infrastructure layout from code
☆ 0查看技能
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...
☆ 0查看技能
GitHub
frontend-design
Create distinctive, production-grade frontend interfaces (components, pages, apps) with a bold, intentional aesthetic; avoid generic AI layouts and follow ResiDesk typography/theme tokens when applicable.
☆ 0查看技能
GitHub
figma-mcp-layout-builder
Pull frames/components via Figma MCP, normalize messy or non-autolayout designs, and generate faithful HTML/CSS (or Shopify Liquid) layouts with inferred spacing and responsiveness.
☆ 0查看技能
GitHub
excalidraw-diagram
Create or edit Excalidraw scenes or clipboard payloads by producing valid Excalidraw JSON (type/version/source/elements/appState/files) to render diagrams; use when asked to draw, update, or share Excalidraw di...
☆ 0查看技能
GitHub
ui-clone
Pixel-perfect UI cloning from screenshots or reference pages. Use when users ask to replicate, clone, or recreate a UI from an image, screenshot, or reference website. Triggers on keywords like "复刻", "clone",...
☆ 0查看技能
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...
☆ 0查看技能
GitHub
supermachine
Generates AI images for e-learning courses using Supermachine.art. Use when creating course graphics, illustrations, thumbnails, module visuals, educational diagrams, stock photo replacements, or when user ment...
☆ 0查看技能
GitHub
frontend-design
Frontend UI/UX design for websites and web apps. Handles page layouts, component design, responsive design, animations, and accessibility. Uses RazorVision brand guidelines by default (Light Blue
☆ 0查看技能
GitHub
mermaid
Guide for creating mermaid diagrams for C++ learning and documentation. Creates visual diagrams to help learners understand concepts.
☆ 0查看技能
GitHub
visual-style-guide
This skill should be used when the user asks about "colors", "hex codes", "path colors", "tile background", "rendering order", "sorting order", "token design", "SVG styling", "stroke width", "line cap", "grid l...
☆ 0查看技能
GitHub
layout-sizing
This skill should be used when the user asks about "layout", "sizing", "coordinates", "1920x1080", "world units", "PPU", "pixels per unit", "SVG import", "texture size", "grid positioning", "screen dimensions",...
☆ 0查看技能
GitHub
css-expert
Expert in modern CSS (cascade layers, OKLCH, container queries, defensive patterns). Use for CSS implementation, styling, layout, colors, typography, responsive design, and UI components.
☆ 0查看技能
GitHub
nano-banana-pro
Generate images using Google's Nano Banana Pro (gemini-3-pro-image-preview). Use when user asks to create, generate, or draw images, infographics, visualizations, diagrams, charts, illustrations, or any visual...
☆ 0查看技能
GitHub
mobile-design
Create distinctive, production-grade mobile interfaces with high design quality using Flutter. Use this skill when the user asks to build mobile apps, screens, widgets, animations, or UI components. Generates c...
☆ 0查看技能
GitHub
vibecode-brand-design
Vibecode brand design system with colors, typography, spacing, and component guidelines. Use when designing UI, styling components, or ensuring brand consistency in the Vibecode app.
☆ 0查看技能
GitHub
curv-design-system
Apply the complete CURV Tools design system to all visual outputs - dashboards, reports, HTML artifacts, and data visualizations. Includes exact colors from production tools (rgb(3, 12, 27) dark background, rgb...
☆ 0查看技能
GitHub
formula-botanica-slides
Generate professional slide decks and presentations using Formula Botanica brand guidelines - green botanical theme with Roboto Light/Thin fonts, leaf logo motifs, and clean layouts for finance processes, team...
☆ 0查看技能
默认按已收录数据中的 GitHub 仓库 Stars 排序。Stars 属于来源仓库，同一仓库的多个技能可能共享相同数值；它反映仓库关注度，不代表单个技能的安装量或质量评分。