发现 tools design 相关 Skills，比较来源仓库和用途，查看适合你工作流的技能说明。
Professional TUI/terminal UI design inspection skill. Use this skill when the user asks to review, inspect, critique, or analyze the visual design and UX of a terminal-based application. Triggers on requests li...
Tools and workflows to enforce "Calm Luxury" aesthetics and Design System compliance.
This skill should be used when the user asks about "color mixing", "what colors make", "color combinations", "RGB values", "complementary colors", "color harmony", "color wheel", or discusses color relationship...
Create Excalidraw diagrams. USE WHEN user specifically asks for Excalidraw. WORKFLOWS - mind-maps, swimlane, process-flow.
UI 구성 요소의 여백(Padding/Margin), 색상, 타이포그래피의 일관성을 검토하고 디자인 시스템 준수 여부를 확인합니다.
Generates diagrams from text using Kroki unified API. Supports PlantUML, Mermaid, D2, C4, GraphViz, DBML, and 20+ formats. Use when creating UML diagrams, architecture diagrams, flowcharts, ERDs, sequence diagr...
Build scalable design systems with Tailwind CSS, design tokens, component libraries, and responsive patterns. Use when creating component libraries, implementing design systems, or standardizing UI patterns.
Generate syntactically correct Mermaid diagrams by applying mandatory escaping rules and best practices. Use this skill when creating flowcharts, sequence diagrams, state diagrams, class diagrams, or any other...
Implement mobile-first responsive design for NutriProfile. Use this skill when working on UI components, fixing layout issues, ensuring touch targets, or optimizing for different screen sizes (375px to 1920px+)...
Retro-futuristic brutalist design system for PowerPoint presentations. Creates striking, minimalist presentations with a technical/terminal aesthetic featuring khaki backgrounds, dark navy blocks, monospace typ...
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,...
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...
Generate diagrams with PlantUML/Mermaid.
Professional PlantUML theme collection with 5 curated color schemes optimized for software requirement analysis and enterprise architecture diagrams. Each theme provides comprehensive styling with colors, fonts...
Translates Figma designs into production-ready code with 1:1 visual fidelity. Use when implementing UI from Figma files, when user mentions "implement design", "generate code", "implement component", "build Fig...
Create, apply, and manage textures on Blockbench models using the Material Palette approach.
Creating algorithmic art using p5.js with seeded randomness and interactive parameter exploration. Use this when users request creating art using code, generative art, algorithmic art, flow fields, or particle...
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,...
Create and configure PBR (physically-based rendering) materials with multiple texture channels in Blockbench.
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. Generates creative, poli...
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...
Creates editable PowerPoint presentations (.pptx) with AI-generated full-slide images. Auto-trigger when users ask to create PowerPoint presentations, PPTX files, editable slide decks, or presentations they can...
Build conversion-focused landing pages with exceptional visual storytelling. Use when creating landing pages, marketing sites, or product homepages. Outputs production-ready React/Next.js with tasteful animatio...
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...
默认按已收录数据中的 GitHub 仓库 Stars 排序。Stars 属于来源仓库，同一仓库的多个技能可能共享相同数值；它反映仓库关注度，不代表单个技能的安装量或质量评分。