311 件 ・ 関連度順
概要と使いどころ
Create distinctive, production-grade frontend interfaces with high design quality. Generates creative, polished code that avoids generic AI aesthetics. Use when the user asks to build web components, pages, artifacts, posters, or applications, or when any design skill requires project context.
日本語の概要は準備中です。原文の説明を表示しています。
Algorithmic philosophies are computational aesthetic movements that are then expressed through code. Output .md files (philosophy), .html files (interactive viewer), and .js files (generative algorithms).
日本語の概要は準備中です。原文の説明を表示しています。
A serif-led magazine aesthetic: terracotta accent on warm off-white paper. Good for long-form, editorial, and brand-led marketing pages. "A New Yorker interview column online.
日本語の概要は準備中です。原文の説明を表示しています。
Apple-inspired premium aesthetic with precise spacing, modern typography, and a refined, polished visual language.
日本語の概要は準備中です。原文の説明を表示しています。
Modern minimalist aesthetic with clean lines, intentional color palette, subtle interactions, and consistent spacing.
日本語の概要は準備中です。原文の説明を表示しています。
Game-inspired fantasy aesthetic with bold, premium visuals, rich color palettes, and immersive thematic elements.
日本語の概要は準備中です。原文の説明を表示しています。
A playful, joyful, two-color risograph print aesthetic built on a single warm off-white paper surface running through every section
日本語の概要は準備中です。原文の説明を表示しています。
Retro arcade-inspired design with pixel fonts, dotted borders, playful high-contrast colors, and 8-bit game aesthetics.
日本語の概要は準備中です。原文の説明を表示しています。
A modern, graphic, editorial-poster aesthetic — warm and confident — built on alternating cream and burnt orange sections, an amber brand color.
日本語の概要は準備中です。原文の説明を表示しています。
Graceful, refined aesthetic with delicate typography, minimal palettes, and polished layouts that exude sophistication.
日本語の概要は準備中です。原文の説明を表示しています。
Forward-looking design with tech-inspired typography, modern layouts, and a sleek, innovation-driven aesthetic.
日本語の概要は準備中です。原文の説明を表示しています。
Monospace-driven, matrix-inspired design with high-contrast elements, compact density, and a hacker-chic aesthetic.
日本語の概要は準備中です。原文の説明を表示しています。
High-end dark aesthetic with bold headings, monochromatic palette, and premium feel for luxury brand experiences.
日本語の概要は準備中です。原文の説明を表示しています。
A research-journal aesthetic printed on warm stone — authoritative, editorial, almost achromatic. Pages live on warm ivory parchment (never pure white), with near-black slate as the dominant ink.
日本語の概要は準備中です。原文の説明を表示しています。
Notebook-collage weekly digest template — spiral-bound reporter's notebook aesthetic with cobalt tape, mint folder tab, binder clip, receipt block, ruled baseline grid; built for AI-product / team / design weekly digests delivered as a downloadable high-res page.
日本語の概要は準備中です。原文の説明を表示しています。
Futuristic sci-fi aesthetic with dark themes, vibrant neon accents, and immersive spatial elements.
日本語の概要は準備中です。原文の説明を表示しています。
App dashboard with purple-themed aesthetic, top-bar navigation, card-based layouts, and developer-first workflows.
日本語の概要は準備中です。原文の説明を表示しています。
Generate a single-file industrial-archive product landing page (Nordic museum aesthetic, hash-routed detail pages). Takes a natural-language description of one or more "exhibit-style" products (objects, tools, hardware, watches, kitchenware, lighting, audio, instruments, anything with a designed/forged/restrained quality); outputs ONE working .html file. Visitors see a black-framed cover that flips between exhibits, sidebar index, side meta column (material/origin/year/dimension), and click any exhibit → full detail page (giant italic title, spec table, hero image, lead + 3 prose paragraphs, gallery, prev/next). Runs in BOTH Claude Code (writes to ~/Desktop) and GLM / online chat (outputs HTML inline). Trigger: "做个工业风产品落地页", "做克制之物风格的展品页", "industrial-archive-gen ...", or when user drags this skill folder into chat asking for a product page in the Nordic-industrial archive style.
日本語の概要は準備中です。原文の説明を表示しています。
Dark-themed cloud-platform aesthetic with modular grids, glass-like panels, and strong data hierarchy for productivity dashboards.
日本語の概要は準備中です。原文の説明を表示しています。
Raw, anti-design aesthetic inspired by concrete architecture with unadorned elements, jarring layouts, and functional minimalism.
日本語の概要は準備中です。原文の説明を表示しています。
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.
日本語の概要は準備中です。原文の説明を表示しています。
Design consultation: understands your product, researches the landscape, proposes a complete design system (aesthetic, typography, color, layout, spacing, motion), and generates font+color preview pages. Creates DESIGN.md as your project's design source of truth. For existing sites, use /plan-design-review to infer the system instead. Use when asked to "design system", "brand guidelines", or "create DESIGN.md". Proactively suggest when starting a new project's UI with no existing design system or DESIGN.md. (gstack)
日本語の概要は準備中です。原文の説明を表示しています。
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI). Generates creative, polished code and UI design that avoids generic AI aesthetics.
日本語の概要は準備中です。原文の説明を表示しています。
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI). Generates creative, polished code and UI design that avoids generic AI aesthetics.
日本語の概要は準備中です。原文の説明を表示しています。