skills.rest
disciplin-run-org
disciplin-run-orgOFFICIAL
Explore all skills by this author →
WebsiteGitHub

plan-design-review

Automate design plan evaluations for branding, responsiveness, and UI consistency.

Updated Mar 23, 2026
Search Tags:#design review#design standards#UI consistency#automated quality check#repository update
One-click install
npx skills add https://github.com/disciplin-run-org/jjstack --skill plan-design-review-disciplin-run-org
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: plan-design-review
Source: https://github.com/disciplin-run-org/jjstack/tree/main/skills/plan-design-review
Command: npx skills add https://github.com/disciplin-run-org/jjstack --skill plan-design-review-disciplin-run-org

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill improves the efficiency and consistency of design plan reviews by automating quality checks, version control, and DNA integration.

Core Features & Use Cases

  • Design Quality Assurance: Automates compliance with design constraints such as color schemes, fonts, and logo specifications.
  • Version Control & Repository Updates: Saves reviewed designs directly into the project repository, maintaining a clean history.
  • Use Case: A design team can run this Skill to verify their website mockups for design token consistency across multiple pages, ensuring conformity before deployment.

Quick Start

Use the plan-design-review skill to analyze your current project files for adherence to design standards and save the review results automatically.

Frequently Asked Questions about plan-design-review

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

FAQPage Schema
How do I automate design plan reviews for UI consistency and branding compliance?▼

Automated design plan reviews evaluate your project files against design constraints like color schemes, fonts, and logo specifications, ensuring UI consistency and branding adherence before deployment.

What is the best way to check design token consistency across multiple website mockups?▼

Checking design token consistency across mockups involves analyzing your assets to verify compliance with predefined design standards, catching variations in UI components across multiple pages.

Can I save reviewed design assets directly into my project repository?▼

Yes, reviewed design assets and their evaluation results can be saved directly into your project repository, maintaining clean version control and documentation history automatically.

Does automated design quality assurance work for responsive layout evaluations?▼

Automated design quality assurance supports responsive layout evaluations by analyzing design plans to ensure adherence to responsiveness constraints and UI consistency across different viewport targets.

Do I need Bash and WebSearch to run automated design quality checks?▼

Yes, executing automated design quality checks expects tools like Bash, WebSearch, and AskUserQuestion to analyze files, review design assets, and update documentation within your environment.

Related Skills

Explore More Design & Creative Skills→
Sir-chawakornSir-chawakorn
9

implement-from-design

Translate Figma designs into React and Tailwind CSS components with visual-diff verification.

Community
Advanced
u9401066u9401066

git-doc-updater

Update project documentation before Git commits with semantic versioning.

Community
Intermediate
spartDevspartDev
6

Design System Compliance

Enforce design-system compliance for UI components with dark mode and accessibility requirements.

Community
Intermediate
zinohomezinohome
1

visual-regression-tester

Capture and compare UI screenshots with Playwright and Chromatic.

Community
Advanced