apply-design

Update UI design in HTML/CSS templates without altering application logic.

6|2|Updated Apr 5, 2026
One-click install
npx skills add https://github.com/i-standard1/yamasaki --skill apply-design
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: apply-design
Source: https://github.com/i-standard1/yamasaki/tree/main/.claude/skills/apply-design
Command: npx skills add https://github.com/i-standard1/yamasaki --skill apply-design

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This design-change skill enables updating only the UI and presentation layer without modifying business logic, making it easy to refresh visuals while preserving functionality.

Core Features & Use Cases

  • Design-only updates: Modify HTML/CSS/templates without touching code.
  • Design guidance & references: Use CLAUDE.md and design specs to align visuals with requirements.
  • Documentation & history: Record changes in the design docs and link design assets.

Quick Start

Instruct the AI to apply a UI design change by updating only the presentation layer.

Frequently Asked Questions about apply-design

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

FAQPage Schema
How do I update UI design without altering application logic?

To update UI design without altering application logic, modify only the HTML, CSS, and templates in the presentation layer. This approach refreshes visuals while strictly preserving underlying business functionality.

Can I apply Figma reference designs to existing frontend templates?

Yes, you can apply Figma reference designs to frontend templates by aligning presentational changes with design specs. The UI layer is updated to match the reference without requiring modifications to the underlying code logic.

What is the best way to document UI changes during a design update?

The best way to document UI changes during a design update is to record all modifications in the design docs and link the associated design assets. This maintains a clear history of presentational updates.

Does this UI update approach work with my existing CLAUDE.md design specs?

Yes, this UI update approach works with your existing CLAUDE.md design specs. It uses these specifications to guide visual changes, ensuring the updated templates and styles align with your defined requirements.

When do I need to limit changes to the presentation layer?

You need to limit changes to the presentation layer when refreshing visuals while preserving functionality. This ensures presentational updates across templates and styles do not accidentally modify or break business logic.