'design' 검색 결과

Plan experiments before collecting data. Helps choose study designs, randomly assign subjects or samples, organize treatment combinations, and generate reproducible schedules while checking for confounding and repeated measurements incorrectly counted as independent samples.

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

• Create random assignments for subjects or samples
• Screen multiple experimental factors
• Balance conditions across batches, days, or plate positions

Design and implement native Android interfaces using Material Design 3 and Jetpack Compose, Android's UI toolkit. The skill covers layouts for different screen sizes, navigation, theming, accessibility, and state handling for reusable components.

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

• Build Android screens with Jetpack Compose
• Adapt layouts for phones, tablets, and foldables
• Set up dynamic colors and dark mode

Create a landing page from an interview about the product, audience, and brand preferences. Use Stitch to generate and refine designs, then package approved HTML with design documentation and a deployment checklist.

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

• Create a product landing page without a visual direction
• Turn brand preferences into colors and typography
• Compare page designs and refine them through feedback

Design, refine, or review web and iOS interfaces using the product’s existing components and visual style. Consult relevant screen examples when useful, then inspect the result for layout problems, inaccessible controls, and broken interactions.

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

• Designing screens that fit an existing product
• Refining a dashboard or simplifying an interface
• Reviewing layouts and interactions before release

Review a design system for inconsistent names and hardcoded visual values, document component variants and accessibility behavior, or propose new interface patterns that follow existing rules. Produce structured audits, component references, and design proposals.

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

• Auditing component names and visual consistency
• Documenting component variants and states
• Recording keyboard and screen reader behavior

Create project-specific rules for turning Figma designs into code. The skill examines existing components and styling, then saves conventions for naming, file locations, reusable design values, and implementation steps in the coding agent's rule file.

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

• Setting up Figma implementation rules for a new project
• Teaching an AI agent existing component conventions
• Standardizing Figma implementation across a team

Read design review notes attached to a pull request’s screenshots, locate the affected components, and fix the product code using the team’s design rules. Repeat the review and inspect screenshots to verify the result.

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

• Resolving design notes on a pull request
• Reproducing reported layout problems locally
• Fixing shared components behind repeated UI issues

Review changed UI code against numbered rules in DESIGN.md. Findings identify the relevant rule, affected lines, and a small fix for issues such as wording, component reuse, visual styling, accessibility, or missing screenshot evidence.

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

• Checking UI changes against documented design rules
• Reviewing button labels and access restriction messages
• Spotting inconsistent components, colors, and motion

Design or review a system’s overall structure, compare technology choices, and plan for growth and failures. Produce architecture diagrams and Architecture Decision Records, documents that explain key choices, alternatives, and their consequences.

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

• Designing the overall structure of a new system
• Comparing monolith and microservices architectures
• Recording technology decisions and alternatives

Review a design system for inconsistent names and hardcoded visual values, document component variants and accessibility behavior, or propose new interface patterns that follow existing rules. Produce structured audits, component references, and design proposals.

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

• Auditing component names and visual consistency
• Documenting component variants and states
• Recording keyboard and screen reader behavior

Convert an existing frontend into a Stitch design by extracting a standalone HTML file and shared design rules, then uploading both to a project so you can revise the interface in Stitch.

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

• Move an existing web app into Stitch
• Review React or Vue component designs in Stitch
• Extract design rules alongside screen HTML

Create a DESIGN.md guide for generating screens in Google Stitch. Define colors, typography, asymmetric layouts, component states, and motion with precise values and explicit restrictions, giving the agent consistent instructions for a specific visual style.

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

• Set shared design rules for Google Stitch screens
• Define asymmetric page layouts
• Document typography, colors, and interaction behavior

Route product design requests to focused skills for user research, experience reviews, visual exploration, prototype building, or sharing. This entry point selects the appropriate workflow rather than performing the design work itself.

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

• Finding the right workflow for a product design request
• Routing a product flow review to an audit
• Starting visual exploration for a new prototype

Translate Figma designs into SwiftUI code, or bring SwiftUI views, screens, and design tokens into Figma. The guidance preserves iOS interface patterns, semantic colors, and SF Symbols names across both directions.

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

• Implementing a Figma screen in SwiftUI
• Bringing an existing SwiftUI screen into Figma
• Mapping iOS colors and icons between design and code

Review Canva slides, posters, and flyers for layout, wording, visual priorities, readability, and accessibility. Get concrete fixes ranked by importance and organized by page, while keeping the original design unchanged.

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

• Reviewing slides before a presentation
• Checking poster and flyer readability
• Improving wording and visual priorities in social posts

Create one editable Canva design per data row using a brand template with autofill fields. Map columns from files, pasted tables, JSON, or URLs to text and image fields, then receive design links and failure details.

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

• Create a design for each product
• Generate designs from CSV rows
• Fill templates with text and image URLs

Translate Figma designs into SwiftUI code, or bring SwiftUI views, screens, and design tokens into Figma. The guidance preserves iOS interface patterns, semantic colors, and SF Symbols names across both directions.

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

• Implementing a Figma screen in SwiftUI
• Bringing an existing SwiftUI screen into Figma
• Mapping iOS colors and icons between design and code

Plan and build frontend interfaces through guided questions, visual references, and agreed design choices. Define colors, typography, and layout before coding, then implement small sections for review, with optional Google Stitch prototyping.

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

• Clarifying a visual direction before building a page
• Designing dashboards from references and brand guidelines
• Reviewing improvements to an existing interface

Generate README.md and DESIGN.md outlines by inspecting a module's files, language, and dependencies. Python analysis also extracts classes, functions, and docstrings, providing a starting point for usage documentation and design records that you complete afterward.

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

• Create documentation outlines for a new module
• Add missing README.md and DESIGN.md files
• Summarize Python classes and functions

Extract the full design language from any website URL. Produces 8 output files including AI-optimized markdown, visual HTML preview, Tailwind config, React theme, shadcn/ui theme, Figma variables, W3C design tokens, and CSS variables. Also runs WCAG accessibility scoring. Use when user says 'extract design', 'get design system', 'design language', 'design tokens', 'what colors/fonts does this site use', or '/extract-design'.

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

Extract design tokens, text styles, and variables from a Figma design system and produce a design-tokens.json plus ready-to-use QML singletons. Use this skill whenever someone wants to pull their design system out of Figma — whether they say "export tokens from Figma", "get design tokens", "set up my design system", "read our Figma design system", "get Figma variables into QML", "pull our color palette from Figma", "import design tokens", "extract colors/typography/spacing from Figma", or similar. Trigger this skill at the start of any design-system workflow that involves a Figma source.

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

Design DNA capture — extracts palette, type stack, motifs, motion, and 3D signatures from a shipped HTML file and saves them as a reusable reference pack. Use when the user says /reimagine-it lock, "lock this design", "save design DNA", "capture this look", or wants to reuse a shipped design on a different target. Locks capture palette, type, motif, and motion from a shipped HTML file. Part of the reimagine-it Content-Derived Design suite.

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

Run a complete design workflow -- from establishing context through four progressive design levels (Capabilities, Components, Interactions, Contracts) to an approved blueprint. Composes knowledge-priming, context-anchoring, learning-harvest, collaborative-judgment, design-first, architecture, and domain-driven-design into one process. Handles both new features (create context doc) and resuming existing work (load context doc). Level 5 (Implementation) is delegated to code-forge. Use when starting a design, planning architecture, or when the user says 'design a feature', 'blueprint', 'start designing', 'plan the architecture', or 'let's design before coding'.

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

World-class design systems architecture - tokens, components, documentation, and governance. Design systems create the shared language between design and engineering that makes products feel cohesive at any scale. Use when "design system, component library, design tokens, atomic design, style guide, theme, theming, design scale, component api, variant, figma tokens, style dictionary, design-system, tokens, components, theming, documentation, figma, accessibility, versioning" mentioned.

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