gsp-project-design

Generate UI design artifacts from briefs and brand rules.

49|4|Updated Feb 20, 2026
One-click install
npx skills add https://github.com/jubscodes/get-shit-pretty --skill gsp-project-design
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: gsp-project-design
Source: https://github.com/jubscodes/get-shit-pretty/tree/main/gsp/skills/gsp-project-design
Command: npx skills add https://github.com/jubscodes/get-shit-pretty --skill gsp-project-design

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Design teams struggle to translate briefs and brand systems into complete, consistent UI design outputs that align with architecture and style guidelines.

Core Features & Use Cases

  • Generate end-to-end UI design artifacts from a project brief, brand identity, and design system rules (including screen chunks, shared IA, and INDEX.md).
  • Align outputs with Apple HIG and brand-specific STYLE.md to ensure consistent visuals, accessibility, and responsive behavior.
  • Support iterative revision workflows by incorporating critique fixes and brand references, exporting final design assets to design/ and exports/.

Quick Start

Provide the project brief and brand/style inputs to initialize the first set of design chunks in the design directory.

Frequently Asked Questions about gsp-project-design

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

FAQPage Schema
How do I generate UI design outputs from a project brief and brand rules?

To generate UI design outputs from a project brief and brand rules, provide your BRIEF.md and STYLE.md files to initialize screen chunks, shared IA artifacts, and a brand-aligned INDEX.md.

Can I align my UI design flows with Apple HIG and a custom design system?

You can align UI design flows with Apple HIG and a custom design system by reading STYLE.md and BRAND patterns to enforce consistent visuals, accessibility, and responsive behavior across generated screens.

What is the best way to automate iterative revisions for UI design chunks?

Automating iterative revisions for UI design chunks involves incorporating critique fixes and brand references, then exporting the final updated design assets directly to the design/ and exports/ directories.

How do I structure shared information architecture artifacts for product design?

Structuring shared information architecture artifacts for product design requires processing PROJECT files to produce organized screen chunks and a shared IA within the design/ directory.

Do I need a STYLE.md file to start generating UI screens?

A STYLE.md file is required to start generating UI screens because it supplies the brand-specific style guidelines and design system rules needed to enforce visual consistency and accessibility.

What limitations exist when translating brand identity into responsive UI components?

Limitations when translating brand identity into responsive UI components include strict dependency on predefined brand patterns and BRIEF.md inputs, meaning incomplete project files will restrict comprehensive design generation.