rstropek/2026-03-09-copilot/ui-guidelines
Claude Code and agent skill by rstropek/2026-03-09-copilot
- community
Checking that the SKILL.md file is still in the repository.
Guidelines for UI design. Use whenever working on UI-related tasks.
Install
npx vskill@latest install rstropek/2026-03-09-copilot/ui-guidelinesSKILL.md
Aesthetic Guidelines (The "Style Guide")
Color Palette
Backgrounds: Deep Midnight Blue (header) fading to Off-White/Light Gray (body). Accents (Buttons/Highlights): Punchy Cyan, Electric Yellow, and Magenta. Borders/Outlines: Inky Black (#000000). Comic art relies heavily on black ink outlines.
Typography:
Headers/Titles: A bold, blocky, display font (e.g., something resembling "Bangers" or a classic blocky comic font). Labels/Input Text: A clean, highly readable sans-serif font (e.g., Roboto, Inter, or Montserrat). Don't make users read comic sans for data entry.
Textures (Subtle is key):
Use halftone dot patterns at very low opacity (5-10%) in the background or on button presses. Use slight misalignments in borders (the "print error" look) to give it a hand-drawn feel.
Security
- Security scanPassed, 90 of 100Pattern checks on the skill's files.
- Model reviewPassed
Quality evaluation
- Task evaluationNot runNo evaluation yet. Run one in Skill Studio.
Source
- SKILL.md in the repositoryCheckingsuperfan/.claude/skills/ui-guidelines/SKILL.md
Popularity
- 7-day trend score
- 5
Refreshed 27 Oct 2026, 5 days ago.
Works with
Any agent vskill installs to: 56 targets in all. These 39 have a page on this site.
- Claude Code
- Cursor
- GitHub Copilot
- Windsurf
- Codex
- Gemini CLI
- Cline
- Amp
- Roo Code
- Goose
- Continue
- Kilo Code
- Junie
- Trae
- OpenHands
- Qwen Code
- AI Agent
- Tabnine Chat
- Sourcegraph Cody
- Amazon Q
- Firebase Genkit
- Sweep
- Devin
- Phind
- Mentat
- Claude Desktop
- Aider
- GPT Pilot
- Plandex
- bolt.new
- v0
- Replit Agent
- Anse
- TypingMind
- BetterChatGPT
- LibreChat
- Warp AI
- Pieces
- Fig AI
Embed badge
[](https://verified-skill.com/skills/rstropek/2026-03-09-copilot/ui-guidelines)