skills.rest
yoshisada
yoshisadaCOMMUNITY
Explore all skills by this author →
GitHub

trim-redesign

Plan and execute a Penpot UI redesign while preserving information architecture and user flows.

Updated Mar 26, 2026
Search Tags:#design#user-flows#design-system#information-architecture#penpot#ui-redesign
One-click install
npx skills add https://github.com/yoshisada/ai-repo-template --skill trim-redesign
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: trim-redesign
Source: https://github.com/yoshisada/ai-repo-template/tree/main/plugin-trim/skills/trim-redesign
Command: npx skills add https://github.com/yoshisada/ai-repo-template --skill trim-redesign

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Modernizes the Penpot UI while preserving information architecture and user flows to minimize disruption during redesigns.

Core Features & Use Cases

  • Redesign the visual language (colors, typography, components) while preserving pages, navigation, and flows.
  • Align with PRD and existing components and workflows to ensure design-system compatibility.
  • Use case: design teams iterate on visuals in Penpot without touching the codebase or breaking user journeys.

Quick Start

Design a complete Penpot UI redesign that preserves information architecture and user flows.

Frequently Asked Questions about trim-redesign

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

FAQPage Schema
How do I redesign a Penpot UI while preserving information architecture?▼

This Skill plans and executes a Penpot UI redesign by applying PRD inputs and existing components to update the visual language while preserving information architecture, user flows, and design-system compatibility.

What is the best way to update a design system without breaking user flows?▼

Using a non-destructive workflow with audit trails ensures you can update design system components and visual language without breaking existing user journeys, while logging rationale for every change.

Can I use PRD inputs to guide a UI redesign in Penpot?▼

Yes, applying PRD inputs, existing components, and current design context guides the Penpot UI redesign process, ensuring visual updates remain compatible with the established design system and workflows.

How do I execute a non-destructive UI redesign with an audit trail?▼

Executing a non-destructive UI redesign requires applying PRD inputs and existing components to guide changes while logging rationale for each modification, preserving information architecture and maintaining an audit trail.

Does a Penpot UI redesign affect existing information architecture and navigation?▼

A properly planned Penpot UI redesign preserves information architecture and user flows, ensuring pages and navigation remain intact while modernizing the visual language, colors, and typography without disruption.

Related Skills

Explore More Design & Creative Skills→
jaimedhenriquesjaimedhenriques

penpot-uiux-design

Create web, mobile, and desktop UI designs in Penpot with reusable components.

Community
Advanced
tfriedeltfriedel
804

pdf

Fill PDF forms and process documents with Python-based CLI scripts.

Community
Advanced
1479089714790897
7

kwp-design-design-system

Audit component libraries for naming inconsistencies and missing documentation.

Community
Intermediate
petbrainspetbrains
13

frontend-color-system

Generate accessible color palettes and themes from brand colors with WCAG contrast validation.

Official
Intermediate