'readability' 검색 결과

배색·서체·움직임의 방향부터 정해 랜딩 페이지와 여러 화면으로 된 웹 제품을 설계하고 구현합니다. 스크롤 연출을 지원하며 가독성, 표시 성능, 화면 간 통일성을 검증합니다.

• 랜딩 페이지 신규 제작과 재설계
• 스크롤로 이야기를 전달하는 사이트 제작
• 제품의 여러 화면 디자인 통일

동작을 바꾸지 않고 깊은 조건 분기, 긴 함수, 중복, 모호한 이름을 정리합니다. 기존 규칙과 테스트를 확인하고 가독성을 기준으로 작은 변경을 이어 갑니다.

• 작동하는 기능의 코드 가독성을 높입니다
• 리뷰에서 지적된 복잡성을 정리합니다
• 깊은 조건 분기와 긴 함수를 정리합니다

병합 전에 코드 변경을 정확성, 가독성, 설계, 보안, 성능의 다섯 기준으로 검토합니다. 필수 수정과 선택 제안을 구분하고 구체적인 개선 방법을 제시합니다.

• 병합 전 풀 리퀘스트 검토
• 인공지능이 작성한 코드 확인
• 리팩터링의 개선 효과 확인

Plan or improve motion graphics by refining the message, typography, scene transitions, pacing, and timeline. It helps connect movement to meaning while leaving artifact creation and export to the active task's production workflow.

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

• Planning a short product film
• Improving animated text readability
• Connecting scenes through a recurring visual motif

HTML 페이지나 슬라이드를 다섯 관점에서 근거와 함께 채점하고, 레이더 차트와 유지할 점, 수정할 점, 빠르게 개선할 점을 하나의 HTML 보고서로 정리합니다.

• 납품 전 랜딩 페이지 디자인 검토
• HTML 슬라이드 가독성과 조작 확인
• 두 디자인 시안 비교

Design and build landing pages, portfolios, and website redesigns around the audience and brand. Choose suitable typography, colors, layouts, and motion, then check consistency, responsive behavior, and readable buttons and forms before delivery.

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

• Build a landing page around a brand brief
• Create a portfolio for its intended audience
• Redesign a site while retaining its identity

Evaluate improvements to Archify diagrams using actual outputs and agent work records. Compare accuracy, readability, and total delivery time to investigate layout, connection routing, diagnostics, and authoring guidance, then document what the evidence supports.

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

• Comparing diagram layouts and connection routes
• Investigating repeated diagram repair attempts
• Testing changes to authoring guidance

Implement features, design APIs, and improve existing code with an emphasis on readability and maintenance. The workflow covers requirements, interface design, tests written before implementation, performance improvements, and error handling.

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

• Implement a new feature from requirements
• Refactor existing code while preserving behavior
• Design an API and document its usage

Review source code for readability, complexity, duplication, and maintainability without changing files. Receive a structured report with prioritized issues, refactoring suggestions, positive findings, and estimates of technical debt—the work needed to address accumulated code problems.

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

• Review the quality of an authentication module
• Find duplicate code and overly long methods
• Assess accumulated code problems and repair effort

Review a codebase for readability, performance, security, and architectural issues. The skill organizes findings into actionable recommendations, helping teams identify refactoring work, dependency risks, and areas that need better tests.

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

• Reviewing code quality before a pull request is merged
• Investigating performance and security issues
• Prioritizing refactoring and dependency updates

Review CSS text sizes for mobile readability and accessibility. Identify undersized text and fixed pixel settings, suggest relative units that follow browser font preferences, and check that content and controls remain usable at 200% zoom.

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

• Auditing text sizes on mobile pages
• Converting pixel sizes to relative units
• Checking layouts at 200% zoom

Check text, input borders, meaningful icons, and other interface elements for sufficient color contrast. Guide color adjustments against WCAG accessibility thresholds and verify readability across default, hover, focus, active, and visited states.

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

• Checking text against background colors
• Reviewing input borders and meaningful icons
• Checking contrast during hover and keyboard focus

Create animated lesson diagrams, sliders that update figures, and interactive panels that explain how systems work. It also builds moving dot patterns for page headers, with rules for readability, themes, and reduced motion.

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

• Animate a process in a lesson
• Explore a formula with a slider
• Show a system's behavior through one control

Apply shared visual and writing rules to course pages, figures, and manuals. Check colors, fonts, labels, layouts, plain technical English, dark themes, keyboard focus, touch targets, and reduced-motion behavior against defined reference values.

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

• Applying consistent colors and fonts to course pages
• Checking dark theme colors and text readability
• Standardizing figure labels and card layouts

Creates self-contained HTML charts, tables, diagrams, and dashboards for display within a conversation. It keeps figures traceable to calculations and checks readability in light and dark themes, including narrow mobile layouts, before showing the page.

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

• Explaining numerical findings with charts
• Presenting comparisons as tables or diagrams
• Showing a dashboard within a conversation

Design a single-page, print-ready flier as a self-contained HTML file. Organize a prominent headline and essential details, optionally add tear-off contact slips, and check that the layout fits one printed page.

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

• Create a single-page event flier
• Group dates, locations, and costs for quick reading
• Add tear-off phone number slips

Plan subtitles as layers over a video, deciding which spoken phrases to omit, show normally, or emphasize behind the subject. The guidance preserves full-frame composition and limits large embedded words to occasional key moments.

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

• Planning subtitles for a talking-head video
• Choosing words to emphasize behind the subject
• Centering a scene that carries subtitles

Create diagrams that explain systems, workflows, and data relationships using a consistent brand style. The skill guides diagram selection, layout, and readability, with HTML, SVG, and PNG output and support for importing existing diagram formats.

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

• Explain system architecture
• Visualize workflows and team handoffs
• Restyle existing diagrams to match a brand

Design prices, plan tiers, and billing units around customer value and willingness to pay. Use it to plan price increases and review whether a pricing page clearly explains its offers to both buyers and AI agents.

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

• Set an initial price for a new product
• Define plan tiers and billing units
• Plan a gradual price increase

Create research presentation slides with clear structure, concise text, figures, and timing guidance. The skill supports PowerPoint, LaTeX Beamer, and image-based PDFs, with workflows for preserving original research charts and reviewing slide layouts.

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

• Prepare slides for a conference research talk
• Build a thesis or dissertation defense presentation
• Adapt paper content for a seminar presentation

Review code for security, performance, quality, and ease of maintenance. Receive an overall assessment and categorized findings, with file locations, severity, impact, and code examples for addressing critical issues.

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

• Reviewing a pull request
• Checking authentication and sensitive data handling
• Finding inefficient algorithms or database queries

Review code for security, performance, quality, and ease of maintenance. Get an overall assessment and prioritized findings with file locations, severity, explanations of impact, and example fixes to guide improvements or Pull Request reviews.

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

• Reviewing a Pull Request before merging
• Checking authentication and data exposure risks
• Finding inefficient queries and processing

Review code for security, performance, quality, and ease of maintenance. Receive an overall assessment and categorized findings, with file locations, severity, impact, and code examples for addressing critical issues.

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

• Reviewing a pull request
• Checking authentication and sensitive data handling
• Finding inefficient algorithms or database queries

Establish consistent typography, colors, spacing, and icons for interface design. Define design tokens, reusable values for visual styles, and apply guidance on contrast, responsive text, and dark mode to improve readability and visual consistency.

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

• Define design tokens for a new project
• Create typography and spacing guidelines
• Review color contrast and visual consistency