sakuteki-master-design

Guide frontend design for sakuteki.one pages with a unified design doctrine.

Updated Aug 23, 2026
One-click install
npx skills add https://github.com/MediaAskeyDOJO/sakuteki-site --skill sakuteki-master-design
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: sakuteki-master-design
Source: https://github.com/MediaAskeyDOJO/sakuteki-site/tree/main/.skills
Command: npx skills add https://github.com/MediaAskeyDOJO/sakuteki-site --skill sakuteki-master-design

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill provides a comprehensive, synthesized master frontend design system for sakuteki.one, ensuring visual consistency, adherence to brand philosophy, and high-quality user experiences across all site elements.

Core Features & Use Cases

  • Design System: Defines visual philosophy, color system, typography, layout, components, motion, responsiveness, accessibility, CRO, and asset generation.
  • Use Case: When building or modifying any page on the Sakuteki site, consult this Skill for authoritative guidance on design choices, ensuring every element aligns with the core brand identity and user experience goals.

Quick Start

Use the sakuteki-master-design skill to get guidance on Sakuteki's frontend design principles.

Frequently Asked Questions about sakuteki-master-design

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

FAQPage Schema
How do I maintain visual consistency and brand guidelines across a frontend design system?

This frontend design system synthesizes 46 source skills into a unified design doctrine covering color, typography, layout, and motion. It provides authoritative guidance to ensure every UI/UX element aligns with core brand identity and user experience goals.

What is the best way to structure CSS architecture for responsive patterns and accessibility?

This frontend design skill provides the best way to structure CSS architecture by defining responsive patterns and accessibility standards. It guides the creation and modification of pages to ensure high-quality user experiences across all site elements.

How do I apply conversion rate optimization when building a web page UI?

To apply conversion rate optimization when building a web page UI, consult this design doctrine. It integrates CRO principles alongside visual design and interaction guidance to ensure page modifications drive user experience and conversion goals.

Does this frontend design system cover motion and interaction design?

Yes, this frontend design system covers motion and interaction design. It synthesizes multiple design sources into a comprehensive doctrine that defines visual philosophy, component behavior, and motion guidelines for creating and modifying site pages.

Can I use this design doctrine for generating UI assets and components?

Yes, you can use this design doctrine for generating UI assets and components. It defines a complete design system including layout, components, and asset generation to guide the creation and modification of any page within the site architecture.