Design

UI/UX direction, visual design, and design systems

Showing 1729-1752 of 4685 skills
nidara-project

nidara

by nidara-project

"Authoritative reference for working on the Nidara desktop environment codebase — a full Wayland session for Arch Linux built with TypeScript/TSX → GJS on GTK4 + Hyprland (no AGS, no Astal). Use this skill whenever the user mentions Nidara, nidara-project, the shell bar, dock, control center, notification center, prism/search, app grid, overview, system menu, settings window, lockscreen, or greeter; asks to edit files under ui/shell/, ui/greeter/, ui/lockscreen/, or ui/lib/nidara-kit/; wants to modify hyprland.lua, SCSS in styles/, a core/ service, or run install.sh. Also trigger on questions about reloading the UI (Super+Shift+R), nidara-ipc IPC, Status.ts, the five build bundles, or the Nidara design system. ALWAYS consult this skill BEFORE editing files in this repo — strict conventions (no Adw.OverlaySplitView, no transform scale on clickables, no hardcoded colors, scoped CSS only, IPC via ShellActions not globalThis) are easy to violate without it."

Accessibility 4 3d ago
arabold

blender-director

by arabold

Use when starting any Blender asset task, planning a production pipeline, coordinating multiple disciplines, or matching a reference photo/concept art. Invoke for game-ready assets, hard surface, environment, character, creature, export, or any multi-skill Blender workflow.

Design 4 2d ago
LeoYeAI

agent-designer

by LeoYeAI

"Agent Designer - Multi-Agent System Architecture"

Design 2.2K 6mo ago
shuax

frontend-design

by shuax

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.

Animation 1.2K 8mo ago
bfollington

Taking an idea to implementable prototype

by bfollington

Design 52 8mo ago
real-simple-labs

update-parker-skill

by real-simple-labs

Make a correct update to Parker's prompts, system docs, rubrics, knowledge docs, training corpus, or brand outputs — and propagate the change everywhere it needs to land. Use this skill whenever you are changing any part of the Parker context-engineering system, including tightening a rule, adding a principle, propagating a pattern, adding or modifying a prompt, adding a knowledge doc, or evolving a skill. The skill exists because Parker's docs are highly cross-referenced and inheritance-driven, and updates that look local often have non-obvious downstream impact.

Design 103 3mo ago
sanky369

frontend-orchestrator

by sanky369

Master coordinator skill that diagnoses your application's design maturity level and sequences all 13 frontend design skills in the optimal order. Analyzes current state, identifies gaps, and creates a personalized implementation roadmap for transforming your MVP into a world-class experience.

Accessibility 31 9mo ago
lubusIN

frappe-ui-patterns

by lubusIN

UI/UX patterns and guidelines derived from official Frappe apps (CRM, Helpdesk, HRMS). Use when designing interfaces for custom Frappe applications to ensure consistency with the ecosystem.

Code Gen 68 8mo ago
daffy0208

Frontend Builder

by daffy0208

Build modern React/Next.js frontends. Use when creating web applications, choosing frontend stack, structuring components, or implementing UI/UX designs. Covers React, Next.js, Tailwind CSS, and component patterns.

Debugging 38 10mo ago
lexler

writing-bash-scripts

by lexler

Bash script style guide. Always use when writing bash scripts, shell scripts, or CLI bash tools.

Automation 239 8mo ago
neurofoo

design

by neurofoo

Design Thinking process—Empathize, Define, Ideate, Prototype, Test. Use for product design, solving ambiguous problems, or when you don't know what users really need.

Design 122 9mo ago
block

frontend-design

by block

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.

Animation 25 8mo ago
nokonoko1203

design-principles

by nokonoko1203

Enforce a precise, minimal design system inspired by Linear, Notion, and Stripe. Use this skill when building dashboards, admin interfaces, or any UI that needs Jony Ive-level precision - clean, modern, minimalist with taste. Every pixel matters.

Processing 92 9mo ago
vtmocanu

ui-screenshots

by vtmocanu

"Captures clean, demo-masked uzi web UI screenshots in BOTH light (Dawn) and dark (Ember) themes for the blog and README, fast and deterministically. Drives a logged-in Chrome over CDP - ensures demo mode on, flips instance branding to vanilla (built-in uzi mark, no powered-by) then restores it, forces each theme, leak-scans, and captures the app viewport at 2x with no browser chrome. shots.json is the manifest of every screenshot and where it lands. Use when capturing or refreshing uzi UI screenshots for the blog or README. Triggers include uzi screenshots, blog screenshots, readme screenshots, refresh the screenshots, screenshot the uzi UI, regenerate screenshots."

Design 91 1mo ago
sentenz

go-benchmark-testing

by sentenz

Automates benchmark test creation for Go projects using the standard testing package with consistent software testing patterns. Use when creating performance benchmarks, profiling tests, or when the user mentions benchmarking, performance testing, or optimization.

Design 3 6mo ago
sentenz

cpp-api-documentation

by sentenz

Adds Doxygen-compatible documentation comments to C++ header files. Use this skill exclusively for adding or improving API documentation in existing header files (.hpp, .h). Do NOT create new resource files such as Doxyfile, scripts, or README files.

Comments 3 8mo ago
fairchild

frontend-design

by fairchild

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.

Animation 3 9mo ago
TestAny-io

hld-reviewer

by TestAny-io

HLD review, High-Level Design review, 技术方案评审。Use when: HLD 完成后、进入 LLD/实现前需要审查技术设计、检测 PRD→HLD 漂移。

Code Review 82 9mo ago
0xdesign

design-lab

by 0xdesign

Conduct design interviews, generate five distinct UI variations in a temporary design lab, collect feedback, and produce implementation plans. Use when the user wants to explore UI design options, redesign existing components, or create new UI with multiple approaches to compare.

Code Gen 781 9mo ago
edmundmiller

implementation-notes

by edmundmiller

Keep a running implementation-notes.html while implementing a spec. Use this whenever the user asks to implement a SPEC, PRD, design doc, issue, or feature and wants ongoing notes about design decisions, spec interpretations, deviations, tradeoffs, or open questions. Also trigger for prompts like “maintain implementation notes”, “document how this diverges from the spec”, or “capture anything I should know as you build”.

Design 80 5mo ago
edmundmiller

ghostty-config

by edmundmiller

Use when configuring Ghostty terminal emulator, working with ghostty config files, or looking up Ghostty settings and options.

CLI Tools 80 7mo ago
edmundmiller

tufte-viz

by edmundmiller

Ideate and critique data visualizations using Edward Tufte's principles from "The Visual Display of Quantitative Information." Use this skill when: (1) Designing new data visualizations or charts (2) Critiquing or improving existing visualizations (3) Reviewing dashboards or reports for graphical integrity (4) Deciding between visualization approaches (5) Reducing chartjunk or improving data-ink ratio (6) Planning small multiples or high-density displays Applies principles: data-ink ratio, chartjunk elimination, graphical integrity, lie factor, small multiples, and data density.

Processing 80 5mo ago
edmundmiller

ballmer-peak

by edmundmiller

A high-divergence, low-inhibition ideation mode that encourages bold exploration first and strict validation second. Use when you want unusually creative problem solving, surprising solution candidates, and wider search before converging.

Design 80 3mo ago
edmundmiller

ui-skills

by edmundmiller

Opinionated constraints for building better interfaces with agents.

Design 80 5mo ago