Skills tagged
#ui
6 skills
Draw.io Architecture Diagram Skill
Generate Draw.io diagrams for ML models, network architectures, and algorithm flows. Two modes — generate from scratch or transfer-style from a reference image. By 小帅同学 (@xstongxue).
Excalidraw Diagram Skill
Generate hand-drawn-style architecture, flow, and data-structure diagrams as .excalidraw JSON. Open and continue editing in Excalidraw, Obsidian, or VS Code. By 小帅同学 (@xstongxue).
Frontend Design Skill
Distinctive, production-grade web interfaces. React + Tailwind + shadcn/ui by default. Avoids generic AI aesthetics.
Mermaid Tools Skill
Extract Mermaid diagrams from Markdown and render them to high-resolution PNG. Perfect for blog posts, README files, and slide decks where SVG isn't supported. By @daymade.
UI Designer Skill
Reverse-engineer a design system from a UI reference image — extract tokens, components, and patterns, then output an implementation-ready prompt for v0 / Cursor / frontend-design. By @daymade.
Web Artifacts Builder Skill
Build elaborate multi-component HTML artifacts for claude.ai. React + TypeScript + Tailwind + 40+ shadcn/ui components, bundled into a single shareable file.