GitHub
d2-diagram
Comprehensive tool for creating D2 diagrams based on descriptions and requirements. This skill should be used when creating visual diagrams, system architectures, flowcharts, network topologies, data flows, or...
☆ 2查看技能
blockchain design AI 技能
发现 blockchain design 相关 Skills，比较来源仓库和用途，查看适合你工作流的技能说明。
分类目录: blockchain design
blockchain design 清除筛选
全部技能
GitHub
aesthetic-ui-designer
Creates distinctive, production-quality UI designs that avoid generic "AI slop" aesthetics. Activates on ANY frontend/UI creation request including React/Tailwind, React Native, or Swift. Ensures typography, co...
☆ 2查看技能
GitHub
panel-mockup
Generate production-ready SVG panel designs in two phases - design iteration (2 files) then implementation scaffolding (5 files after approval)
☆ 2查看技能
GitHub
figma-plugin
Create Figma plugins with the Plugin API. Covers plugin architecture (sandbox + UI), node manipulation, styles, components, UI development with postMessage communication, and publishing. Use this skill when bui...
☆ 2查看技能
GitHub
assets-oriented-generate
Generate oriented sprites using prompts.
☆ 2查看技能
GitHub
art
Atlas skill for visual content generation with Excalidraw hand-drawn aesthetic. USE WHEN user wants diagrams, visualizations, comics, or editorial illustrations.
☆ 2查看技能
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...
☆ 2查看技能
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...
☆ 2查看技能
GitHub
assets-wire-sprites
Wire new sprites into registry and tileset.
☆ 2查看技能
GitHub
assets-split-quadrants
Split a 2x2 sprite sheet into four PNGs.
☆ 2查看技能
GitHub
doc-smith-images
Generate images using AI. Use this skill to create technical diagrams, architecture diagrams, flowcharts, or update existing images. This is a general-purpose image generation capability for any scenario.
☆ 2查看技能
GitHub
generate-svg
This skill should be used when the user asks to "generate SVG", "create SVG", "make a logo", "create vector graphics", "generate icon", "make vector illustration", or needs scalable vector graphics generated vi...
☆ 2查看技能
GitHub
uidesign
UI design system combining UI Skills constraints with Vercel design guidelines. USE WHEN building UI, reviewing interfaces, creating components, frontend design, web interfaces, accessibility review, animation...
☆ 2查看技能
GitHub
create-design-system-rules
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...
☆ 2查看技能
GitHub
design-spec-extraction
Extract comprehensive JSON design specifications from visual sources including Figma exports, UI mockups, screenshots, or live website captures. Produces W3C DTCG-compliant output with component trees, suitable...
☆ 2查看技能
GitHub
stitch
Generate UI designs and frontend code with Google Stitch via MCP. Use when asked to create screens, mockups, UI designs, or generate frontend code from text descriptions. Supports desktop, mobile, and tablet la...
☆ 2查看技能
GitHub
drawio
Create architecture diagrams with draw.io MCP server. Use on 'diagram', 'architecture', 'drawio', 'flowchart', 'visualize'.
☆ 2查看技能
GitHub
markdown-stylist
Pro Markdown designer – crafts visually stunning files with brand colors, typography, tables, artifacts for reports, docs, slides. Adapts Anthropic brand-guidelines for general cool styling.
☆ 2查看技能
GitHub
drawio
Create and edit draw.io diagrams in XML format. Use when the user wants to create flowcharts, architecture diagrams, sequence diagrams, or any visual diagrams. Handles XML structure, styling, fonts (Noto Sans J...
☆ 2查看技能
GitHub
excalidraw-diagram
Generate Excalidraw diagrams from text content for Trilium Notes. Use when user asks to create diagrams, flowcharts, mind maps, or visual representations. Triggers on "Excalidraw", "Diagram", "Flowchart", "Mind...
☆ 2查看技能
GitHub
brand-guide
Generate and maintain brand style guides - colors, fonts, imagery, voice/tone, responsive specs. Use when documenting brand identity or creating style guide pages.
☆ 2查看技能
GitHub
prd-to-ui-spec
Generate UI specifications from PRDs or UX specs using the aStudio design system. Use when a UI spec is needed before build or mockups.
☆ 2查看技能
GitHub
excalidraw-flowchart
Create Excalidraw flowcharts from descriptions. Use when user asks to "create a flowchart", "draw a diagram", "visualize a process", "make a flow diagram", "architecture diagram", or discusses workflow/process...
☆ 2查看技能
GitHub
og-image-creator
Generate authentic, brand-aligned Open Graph images by understanding your codebase first, then creating contextually appropriate images for each route using Playwright and your existing components.. Use when Us...
☆ 2查看技能
默认按已收录数据中的 GitHub 仓库 Stars 排序。Stars 属于来源仓库，同一仓库的多个技能可能共享相同数值；它反映仓库关注度，不代表单个技能的安装量或质量评分。