Generate a brand overview image that brings together logos, colors, typography, imagery, and application mockups. Develop a new visual identity or extend supplied brand assets into a coherent presentation board guided by the brand’s purpose and audience.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Exploring the visual direction of a new brand
• Creating a presentation board from existing brand assets
• Comparing logo, color, and typography choices together

Design, build, or refine public websites using researched layouts, typography, palettes, and imagery. It develops a concept from the subject, checks the page in a real browser at three widths, and guides revisions through screenshot reviews.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Redesigning a landing page that looks generic
• Building a portfolio around a distinctive concept
• Checking typography and layout at three screen widths

Build React or Next.js interfaces using adjustable layout variation, motion, and information density. This preserved v1 skill covers typography, color, responsive layouts, interaction states, and animation isolation for projects that require its original behavior.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Maintaining the original v1 design behavior
• Building asymmetric React or Next.js interfaces
• Designing loading, empty, and error states

An older experimental skill for designing landing pages, portfolios, and redesigns around a brief and audience. Adjust layout variation, motion, and information density while applying contextual design rules, consistent styling, and accessible interaction states.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Designing a landing page for a specific audience
• Creating a portfolio with controlled motion and density
• Redesigning a site around its existing brand

Build expressive web pages with wide headings, tightly filled grids, and GSAP animations that follow scrolling. Organize content from attention through action, vary layouts through a defined selection process, and provide static states for reduced-motion preferences.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Building a landing page that leads visitors toward an action
• Creating galleries with scroll-linked motion
• Designing feature grids without empty cells

Create website interfaces with defined typography, spacing, layered cards, and animation rules. The skill guides React, Tailwind, and HTML output, combining asymmetric layouts with mobile adaptations and performance constraints for a consistent visual direction.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Designing an asymmetric website layout
• Refining cards, buttons, and navigation
• Adding motion with mobile performance in mind