skills.rest
rogvid
rogvidCOMMUNITY
Explore all skills by this author →
GitHub

king-mode

Provides UI/UX architectural guidance for designing scalable frontend systems and crafting sprint-ready plans.

Updated Mar 9, 2023
Search Tags:#design#ui#architecture#frontend#ux#visual-design#design-systems
One-click install
npx skills add https://github.com/rogvid/dotfiles --skill king-mode-rogvid
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: king-mode
Source: https://github.com/rogvid/dotfiles/tree/main/opencode/.config/opencode/skill/king-mode
Command: npx skills add https://github.com/rogvid/dotfiles --skill king-mode-rogvid

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

The Skill provides leadership for UI/UX design and frontend architecture, ensuring consistent visual language and scalable frontend decisions.

Core Features & Use Cases

  • UI strategy and review guidance for frontend projects.
  • Design system governance, spacing, typography, and components.
  • Rapid frontend architecture critique and actionable deliverables.

Quick Start

Ask the AI to draft a 1-page UI/UX design brief and frontend plan for the next sprint.

Frequently Asked Questions about king-mode

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

FAQPage Schema
How do I establish a scalable UI/UX design system for frontend architecture?▼

To establish a scalable UI/UX design system, apply governance over visual hierarchy, spacing, typography, and component patterns to ensure consistent visual language across multiple frontend teams and web projects.

What is included in a frontend UI strategy and UX design review?▼

A frontend UI strategy and UX design review includes actionable deliverables for design direction, rapid architecture critique, and governance over visual hierarchy to guide senior-level component decisions.

How do I draft a UI/UX design brief and frontend plan for an upcoming sprint?▼

To draft a UI/UX design brief and frontend plan, request a 1-page summary outlining design direction, scalable architecture decisions, and component patterns required for the next sprint.

Can I use this for frontend architecture critique across multiple component teams?▼

Yes, you can use this for frontend architecture critique across multiple component teams, providing senior-level guidance to ensure scalable component patterns and consistent visual language.

What is the best way to govern spacing and accessibility in a web design system?▼

The best way to govern spacing and accessibility is to enforce scalable component patterns and senior-level visual hierarchy rules, ensuring requirements are satisfied consistently across the frontend architecture.

Related Skills

Explore More Design & Creative Skills→
jftecnologiajftecnologia

generate-ui-design

Generate UI/UX design specification documents from PRD requirements.

Official
Advanced
darblexdarblex

ui-ux-pro-max

Generate design systems and frontend UI code for web frameworks.

Community
Advanced
haidonglethqbhaidonglethqb

frontend-design

Convert visual designs into ready-to-implement frontend components and tokens.

Community
Advanced
AkaraChenAkaraChen
270

arrange

Assess UI layouts for spacing, rhythm, hierarchy, and grid structure.

Community
Advanced