Rebuild a live web page 1:1 from measurement into Figma, Penpot or code, then verify it. Use when reproducing a page or checking a rebuild against the original.
日本語の概要は準備中です。原文の説明を表示しています。
1,632 件 ・ 関連度順
概要と使いどころ
Rebuild a live web page 1:1 from measurement into Figma, Penpot or code, then verify it. Use when reproducing a page or checking a rebuild against the original.
日本語の概要は準備中です。原文の説明を表示しています。
Guided multi-step paths and wizards. Use when designing onboarding, checkout, setup sequences or any multi-step journey.
日本語の概要は準備中です。原文の説明を表示しています。
Toasts, inline errors, banners and recovery paths. Use when designing error states, success confirmations, async feedback or in-place editing.
日本語の概要は準備中です。原文の説明を表示しています。
Product visuals must show the real product with real data. Use when building landing pages, hero sections, screenshots or demo panels.
日本語の概要は準備中です。原文の説明を表示しています。
Light, dark or both, and when a theme selector is worth it. Use when defining a base palette or deciding on dark mode support.
日本語の概要は準備中です。原文の説明を表示しています。
Few semantic colours, each meaning one thing, and errors with a way forward. Use when designing status indicators, validation, alerts or error states.
日本語の概要は準備中です。原文の説明を表示しています。
A marketing site and its product may differ in density and scale but share one token layer. Use when the two drift apart, share components or need a single token owner.
日本語の概要は準備中です。原文の説明を表示しています。
Rest, hover, active, focus, disabled and loading states, derived from the base colour. Use when designing buttons, links, inputs or any clickable component.
日本語の概要は準備中です。原文の説明を表示しています。
Semantic HTML5, SEO basics, alt text, progressive enhancement and SPA concerns. Use when building web UI, reviewing markup or optimising for search.
日本語の概要は準備中です。原文の説明を表示しています。
Show where the user is and what their actions affect — breadcrumbs, regions, scope labels. Use when designing deep navigation or multi-section layouts.
日本語の概要は準備中です。原文の説明を表示しています。
Mobile, tablet and desktop are different paradigms, not one layout scaled. Use when designing responsive layouts or deciding what each breakpoint shows.
日本語の概要は準備中です。原文の説明を表示しています。
Helper text, placeholders, validation and submit behaviour. Use when designing or reviewing a form, input field or data entry UI.
日本語の概要は準備中です。原文の説明を表示しています。
Settings for experts who are not developers — domain language, sane defaults, grouping by professional concept. Use when designing settings panels, solver configuration or constraint editors.
日本語の概要は準備中です。原文の説明を表示しています。
Extracts a company's tone of voice from its own content and turns it into rules a writer or an AI can follow. Phase 1 analyses 15 to 20 pages for sentence, paragraph, word and structure patterns with frequency counts; after the user reviews it, Phase 2 writes the guidelines: tone attributes with before and after examples, a We are / We are not table, tone by context, vocabulary to use and avoid, and open questions. Triggers: "tone of voice", "brand voice", "voice guidelines", "writing style guide", "extract voice from our website", "TOV". Not for visual identity (use /brand-kit) or messaging (use /messaging).
日本語の概要は準備中です。原文の説明を表示しています。
Build and operate a complete, brand-neutral Reddit intelligence system with approved read-only monitoring, grouped keyword rules, evidence-backed AI scoring, a persistent opportunity bank, dashboard review, urgent-alert and weekly-digest previews, content briefs, and human-only response drafts. Use for "reddit intelligence", "reddit monitor", "reddit listener", "watch subreddits", "find reddit opportunities", "content ideas from reddit", "community listening", or setting up this workflow for a client or brand.
日本語の概要は準備中です。原文の説明を表示しています。
Partnership and co-marketing campaign planner — partner selection criteria, joint content strategy, cross-promotion plans, and co-branded assets. Use when "partnership", "co-marketing", "partner program", "cross-promotion", "joint venture", "co-branded", "partner campaign", or any request to plan or execute a marketing partnership.
日本語の概要は準備中です。原文の説明を表示しています。
Expert go-to-market strategist for SaaS applications. Use when planning GTM strategy, content strategy, social media strategy, personal brand development, business brand positioning, or channel selection. Covers LinkedIn, X/Twitter, TikTok, YouTube, and multi-channel distribution. Use for launch planning, audience building, founder-led marketing, and growth strategy.
日本語の概要は準備中です。原文の説明を表示しています。
Expert GTM marketing copywriter for emails, content, and social media. Use when writing marketing emails, email sequences, newsletters, blog posts, LinkedIn posts, Twitter/X threads, social content, brand copy, or personal brand content. Use for launch announcements, product updates, thought leadership, and engagement copy.
日本語の概要は準備中です。原文の説明を表示しています。
Use when the user says 'build a design system for my site', 'extract design tokens', 'capture my brand', or 'build my style guide', or after a rebrand. Reads representative pages, theme files, and media to extract logo, colors, typography, spacing, and components, then writes a visible style-guide page.
日本語の概要は準備中です。原文の説明を表示しています。
Use when the user says 'extract my brand voice', 'what is my writing style', or 'analyze my tone', or before any skill that writes copy for the site. Reads 5-10 published posts and persists tone, lexicon, sentence patterns, formality, signature phrases, and phrases the site never uses.
日本語の概要は準備中です。原文の説明を表示しています。
Create, fetch, validate, or export DESIGN.md design system files in the Google Stitch 9-section format. Fetch reference designs from 68 brands (Linear, Stripe, Vercel, etc.) via getdesign CLI, generate scaffolds from existing CSS custom properties and Tailwind tokens, or validate and export with the Google @google/design.md CLI. Pairs with minoan-frontend-design for implementation. Triggers on "DESIGN.md", "create design system file", "extract design tokens", "codify the design", "getdesign", "make it look like [brand]", "lint design", "validate DESIGN.md", "export design tokens", "export tailwind theme".
日本語の概要は準備中です。原文の説明を表示しています。
Self-configuring content creation pipeline with geo-lint validation. On first use, scans your project to learn its framework, content schema, categories, and authors, then creates SEO & GEO-optimized content matched to your brand voice. Validates every piece with geo-lint's 92 rules until zero violations. Triggers on: "content-creator", "create content", "write blog", "new post", "content calendar", "brand voice", "content strategy".
日本語の概要は準備中です。原文の説明を表示しています。
Design Shiny application UIs using bslib for theming, layout_columns for responsive grids, value boxes, cards, and custom CSS/SCSS. Covers page layouts, accessibility, and brand consistency. Use when building a new Shiny app UI from scratch, modernizing an existing app from fluidPage to bslib, applying brand theming, making a Shiny app responsive across screen sizes, or improving accessibility of a Shiny application.
日本語の概要は準備中です。原文の説明を表示しています。
品牌無關的 IG/Threads/X/FB 圖卡引擎——把任何主題(idea / 文章 / 教學)變成輪播圖卡 + 4 平台文案。HTML+CSS 模板 → Chrome headless 渲染 PNG。風格由 brand pack 決定(brands/),接哪個 pack 出哪個風格,引擎不綁死品牌。觸發詞:做圖卡、生 carousel、social card、IG 圖卡、Threads 卡片、貼文文案、教學圖卡、infographic、輪播圖、carousel post。
日本語の概要は準備中です。原文の説明を表示しています。