skills.rest
SantaChains
SantaChainsCOMMUNITY
Explore all skills by this author →
GitHub

design-everything

Convert design intent into color schemes, layout recommendations, and element checklists.

Updated Apr 12, 2026
Search Tags:#color palette#composition#design workflow#game design#ui-ux#stategraph#media design
One-click install
npx skills add https://github.com/SantaChains/design-everything-skill --skill design-everything
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-everything
Source: https://github.com/SantaChains/design-everything-skill/tree/main
Command: npx skills add https://github.com/SantaChains/design-everything-skill --skill design-everything

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill turns a user’s design intent into a structured, professional design deliverable by guiding the full workflow from requirements to final choices—especially for visual design, UI/UX, game design, and media design.

Core Features & Use Cases

  • Structured 6-Stage Design Workflow: ANALYZE → PROPOSE → COLOR → LAYOUT → ELEMENTS → AVOID to prevent skipping critical decision points.
  • Domain-Driven Outputs: color schemes (with HEX values), composition rules, visual hierarchy, required/recommended elements, and explicit taboos with alternatives.
  • Module Knowledge Base (TSV/SQLite Indexing): uses curated references across 11 professional modules (UI/UX, game, storyboard, video editing, cinematography, screenplay, pose, character motion, scene design, etc.) to ground recommendations.

Quick Start

Use the design-everything skill to design a “technology-feeling website color palette” for a web product, including a main/secondary/accent scheme with HEX values and the key layout and UI elements that should follow from it.

Frequently Asked Questions about design-everything

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I generate a color palette and UI layout for a website from a basic design intent?▼

To generate a color palette and UI layout, the workflow processes your raw design intent through a six-stage pipeline: ANALYZE, PROPOSE, COLOR, LAYOUT, ELEMENTS, and AVOID. It outputs concrete HEX color values, composition rules, and required UI elements.

What is the best way to structure a game scenario design workflow without skipping critical decisions?▼

The best way to structure game scenario design is a six-stage StateGraph workflow with checkpoints. It guides you from analysis through proposal, color, layout, elements, and avoidance rules, ensuring critical game loop design decisions are systematically validated.

Can I use this design workflow for both UI/UX and media design like storyboards?▼

Yes, you can use this design workflow for both UI/UX and media design like storyboards. It applies domain-driven knowledge across 11 professional modules, including cinematography and screenplay, to generate tailored visual hierarchy and element recommendations.

How does the system handle insufficient design intent information during the layout process?▼

When insufficient design intent information is provided, the system uses inversion-based clarification to ask targeted questions. This ensures requirements are fully specified before generating layout recommendations, element checklists, and taboo alternatives.

Do I need to install any dependencies to use the module knowledge base for design recommendations?▼

No, you do not need to install any external dependencies to use the module knowledge base. The system relies on built-in scripts and references indexed via TSV and SQLite to provide on-demand lookup across 11 professional design modules.

What specific design taboos and visual elements will I get for a login form UI design?▼

For a login form UI design, you receive explicit taboos with alternatives, required and recommended visual elements, and composition rules. The system outputs production-ready UI assets by validating visual hierarchy and layout decisions through quality scoring.

Related Skills

Explore More Design & Creative Skills→
simoabidsimoabid
1

game-development

Teach core game development principles and route users to specialized sub-skills.

Community
Intermediate
timequitytimequity
6

frontend-design

Design production-grade frontend interfaces with bold aesthetic direction.

Official
Advanced
rodhrodh

prototype

Convert wireframe designs into executable prompts for prototyping tools.

Community
Intermediate
KentoShimizuKentoShimizu
7

visual-design

Create a reusable visual spec with color, typography, spacing, and grid rules.

Community
Intermediate