Design
UI/UX direction, visual design, and design systems
Design System — Agent Instructions
by llgsoldiersonly
content.md — grid system, responsiveness
poeassist-exile-assistant
by paamzuza77
Use this skill when working on the user's POEassist / Exile Assistant web app, a personal Path of Exile 2 assistant for gear stats, build shopping, atlas farming, market radar, and build analysis. Use for feature planning, UI/UX improvements, static GitHub Pages implementation, localStorage data design, GitHub Actions JSON generation, and Claude Code development tasks for this project.
academic-figures
by sai-tv
Generate professional, publication-ready scientific figures as editable SVG files for academic journals (Nature, Science, Cell, ACS, IEEE, Elsevier). Use this skill whenever the user wants to create a schematic figure, graphical abstract, TOC graphic, experimental workflow diagram, conceptual illustration, multi-panel figure, or any visual for a research paper or presentation. Also trigger when users mention "figure for paper", "journal figure", "scientific illustration", "panel figure", "graphical abstract", "TOC graphic", "schematic diagram", "Inkscape", "Ipe editor", or requests for publication-quality vector graphics. The skill produces 2-3 variants as SVG files that differ in both layout arrangement AND visual style. Each variant includes labeled placeholder regions for data plots. Figures follow strict journal formatting guidelines for Nature, Cell, ACS, IEEE, and other top-tier publishers.
design-taste-frontend
by Huma0no
Senior UI/UX Engineer. Architect digital interfaces overriding default LLM biases. Enforces metric-based rules, strict component architecture, CSS hardware acceleration, and balanced design engineering.
neumorphism
by akunfortress051-cmd
Soft, extruded UI elements with inner and outer shadows on monochromatic surfaces for a tactile, embedded look.
shipwright
by Abrainnocuous652
"The only skill you need to build and ship world-class software — from idea to production. Covers the COMPLETE lifecycle: architecture design, domain modeling, service boundaries, data architecture, implementation with TDD, distinctive frontend design (anti-AI-slop), exhaustive QA across all layers, security hardening, scalability and load balancing, reliability engineering, performance optimization, accessibility (WCAG 2.1 AA), CI/CD, observability, and operational excellence. Applies Airbnb/Stripe/Meta-level engineering standards. Use this skill whenever: building something new ('let's build X', 'I have an idea'), designing architecture ('how should I structure this'), taking software live ('make this production ready', 'QA this', 'launch checklist'), or doing targeted work ('harden security', 'polish the UI', 'optimize performance', 'review my code'). One skill to design, build, test, polish, and ship."
frontend-design
by James54-cmd
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 avoids generic AI aesthetics.
ui-ux-design
by karchtho
UI/UX design principles, design systems, accessibility, responsive design, and user experience best practices. Activates when discussing layouts, styling, design decisions, user flows, or visual design.
SKILL.md
by edmundtrinh
greptile — code search not needed with local codebase
web-design-guidelines
by bradsjm
Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site against best practices".
backend-design-standards
by Dora-ddd
Use this skill when the user asks for B-end/backend/admin/management-system UI design, 中后台/后台管理/管理系统页面, dashboard/workbench, list/form/detail/config/user-management pages, clickable HTML demos, high-fidelity previews, or design-standard-compliant HTML pages. This skill only targets high-fidelity single-file HTML Demo generation and review. Do not generate Vue, React, Tailwind, frontend engineering code, or framework project code from this standard.
pixel-design-taste
by shalhevetvardi
פיקסל — מעצבת UI/UX שנותנת טעימה חכמה מעיצוב מקצועי. שתי דלתות: (א) בדיקת "עיצוב AI" — מדביקים עיצוב/קוד/צילום מסך והיא מאבחנת דפוסים גנריים, נותנת ניקוד ותיקונים קונקרטיים; (ב) מיני-מסע לכיוון עיצובי — 3 שאלות מלמדות שמסתיימות בכרטיס בסיס ויזואלי אנטי-גנרי (פלטה, טיפוגרפיה, מרווחים, רגש). הפעל את הסקיל בכל פעם שמשתמש אומר "העיצוב שלי נראה כמו AI", "למה זה נראה גנרי", "תבדקי לי את העיצוב", "תני לי כיוון עיצובי", "פלטת צבעים", "אנטי גנרי", "פיקסל", "טעימה מעדי", או מדביק עיצוב/קוד/צילום מסך ומבקש פידבק עיצובי. גם באנגלית: "my design looks like AI", "anti-generic design check", "give me a design direction", "review my UI", "why does this look generic".
UX Designer
by coco-de
Designs user experiences, creates wireframes, defines user flows, ensures accessibility. Trigger keywords - UX design, wireframe, user flow, accessibility, WCAG, mobile-first, responsive, UI design, user journey, interface design, user experience, design system, component design, interaction design
bb-sites 开发指南
by Galaxurceolatabrownstudy507
```
hdldiagzero
by lcapossio
Generate clean SVG block diagrams of HDL / RTL top-level designs. Use whenever the user asks to draw, diagram, sketch, render, or visualize an RTL / HDL / FPGA / SoC design — including phrases like "draw the top-level RTL", "diagram of the SoC", "block diagram", "make an SVG of the design", "visualize the architecture". Applies to Verilog, SystemVerilog, VHDL, Vivado BD, and LiteX projects. Color-codes by clock domain, distinguishes AXI-MM / AXI-Lite / AXI-Stream, omits clock/reset/JTAG/debug.
design-dna
by Tricholomaaurantiumknottiness355
Extract, define, and apply design DNA across three dimensions: design system (tokens), design style (qualitative feel), and visual effects (Canvas, WebGL, 3D, particles, shaders, scroll effects, etc.). Use this skill when: (1) a user wants to see the full 3-dimension design structure/schema, (2) a user provides images, screenshots, or URLs of reference designs and wants them analyzed into a structured JSON profile covering all three dimensions, (3) a user has a Design DNA JSON and content and wants a design generated from it, or (4) any combination of these phases. Triggers on "design DNA", "extract design style", "analyze design", "design tokens from reference", "generate design from JSON", "design system from screenshot", "design profile", "style guide JSON", "visual effects analysis", "design with effects", "3d design analysis".
clavametrics-design
by joaqreiris
Use this skill to generate well-branded interfaces and assets for ClavaMetrics — a Performance OS for sport (football, basketball, volleyball, swimming, athletics, tennis, rugby and more). Contains essential design guidelines, colors, type, fonts, the Tabler icon system, the three production-ready theme directions (light · dark · hybrid), and high-fidelity prototype templates for Login, Onboarding, and the Staff Hub.
skilllist
by manhvenn05-design
Cung cấp toàn bộ ngữ cảnh hệ thống, kiến trúc và quy trình nghiệp vụ cho AI Agent để code đồng nhất dự án STEM.
jobs-to-be-done
by costrict-plugins-repo
'Discover what customers truly need by analyzing the "job" they hire your product to do. Use when the user mentions "customer discovery", "why customers churn", "what job does this solve", "competing against luck", "product-market fit", "switching behavior", "milkshake moment", or "functional vs emotional jobs". Also trigger when investigating why users choose competitors, designing features around real customer needs, or reframing product value propositions. Covers JTBD interviews, competition analysis, and jobs-oriented roadmaps. For product positioning, see obviously-awesome. For rapid validation, see design-sprint.'
frontend-design
by trungckc5122
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 websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI). Generates creative, polished code and UI design that avoids generic AI aesthetics.
design-systems
by moderndegree
Design tokens, spacing scales, color systems, and typography for building consistent UIs. Use when creating design systems, theming, or establishing UI foundations.
frontend-design
by creativernso
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 avoids generic AI aesthetics.
trisolaris
by zjashanda
Trisolaris offline-voice fullflow skill for D:\revolution4s\Trisolaris. Use when the task needs to read requirement docs, analyze function points, write the test plan, generate or refresh formal Excel test cases, burn firmware with the local burn wrappers, validate behavior through COM36/COM38/COM39, drive the specified playback device, and sync evidence/reports for the CSK5062 xiaodu-fan workflow.
steve-jobs-perspective
by Beliagluey635
史蒂夫·乔布斯(Steve Jobs)的思维框架与表达方式。基于Isaacson授权传记、Stanford演讲、 Lost Interview、D Conference系列、Make Something Wonderful、30+一手来源的深度调研， 提炼6个核心心智模型、8条决策启发式和完整的表达DNA。 用途：作为思维顾问，用乔布斯的视角分析产品、审视决策、提供反馈。 当用户提到「用乔布斯的视角」「乔布斯会怎么看」「Jobs模式」「steve jobs perspective」时使用。 即使用户只是说「帮我用乔布斯的角度想想」「如果乔布斯会怎么做」「切换到乔布斯」也应触发。