colorful
無料Vibrant, high-contrast palettes and gradients for engaging, memorable, and modern user experiences.
日本語の概要は準備中です。原文の説明を表示しています。
114 件(WyvernCW のリポジトリ) ・ 人気順
概要と使いどころ
Vibrant, high-contrast palettes and gradients for engaging, memorable, and modern user experiences.
日本語の概要は準備中です。原文の説明を表示しています。
Dark-themed cloud-platform aesthetic with modular grids, glass-like panels, and strong data hierarchy for productivity dashboards.
日本語の概要は準備中です。原文の説明を表示しています。
A clean, product-oriented default. Use when the brief doesn't call for a specific mood — good for B2B tools, dashboards, and utility pages. Content-first, chrome-second.
日本語の概要は準備中です。原文の説明を表示しています。
地图 / 行程 / 路线主导的社交卡 — 路线 + 3 个停靠点 / 邻里地图 + 推荐标签 / 一日行程 + 简化路径 / 地点卡 + 迷你地图 + 旅行笔记 / 两区两路线对比。地理必须激进简化,只标必要地点,给清晰路径层级,配 city/date/duration/walking-driving 上下文。触发:"做个旅行路线卡 / 行程图卡 / 邻里地图卡 / 周末散步路线 / 城市指南"。NOT 真实地图数据虚构,NOT 地图当背景装饰。
日本語の概要は準備中です。原文の説明を表示しています。
Current-era minimalist design with bento grids, dark mode support, and high-performance accessible layouts.
日本語の概要は準備中です。原文の説明を表示しています。
Cozy cafe-inspired interface with warm tones, soft typography, and clean layouts for a relaxed browsing experience.
日本語の概要は準備中です。原文の説明を表示しています。
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.
日本語の概要は準備中です。原文の説明を表示しています。
Chinese-market SaaS pricing page template — soft sky-blue glass-morphism, 4-tier card grid with one elevated "recommended" tier, monthly/annual toggle, FAQ accordion, ¥ pricing with Inter numerals, careful CJK linebreaking, ICP filing footer.
日本語の概要は準備中です。原文の説明を表示しています。
App dashboard with purple-themed aesthetic, top-bar navigation, card-based layouts, and developer-first workflows.
日本語の概要は準備中です。原文の説明を表示しています。
Playful, character-driven design with expressive typography and bold graphics for landing pages and creative projects.
日本語の概要は準備中です。原文の説明を表示しています。
Generate a single-file Chinese atelier-style portfolio website (horizontal-row list + hover-reveal thumb interaction, art lishu typography "Alimama DaoLiTi" via CDN, light/dark theme, hash-routed detail pages). Takes a natural-language description of the studio (name, director, discipline, works) and outputs ONE working .html file. Runs in BOTH Claude Code (writes to ~/Desktop) and GLM / online chat (outputs HTML inline). Trigger phrases include "做个中式工作室作品集", "做个隶书作品集", "lishu-portfolio-gen ...", "做个白屋风格的作品集", or when user drags this skill folder into chat asking for an atelier-style site.
日本語の概要は準備中です。原文の説明を表示しています。
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.
日本語の概要は準備中です。原文の説明を表示しています。
Structured, enterprise-focused design system emphasizing clarity, consistency, and efficiency for data-dense web applications.
日本語の概要は準備中です。原文の説明を表示しています。
Route design-related HTML artifact tasks to the right artifact skill, reference, design system generation, or export skill.
日本語の概要は準備中です。原文の説明を表示しています。
Bayer 抖动黑白点阵的小红书封面 / 杂志感海报 / 独立刊物封面模板 — 黑底 + Canvas 真做 Bayer 8×8 有序抖动把任意图片转成纯黑白点阵 + 上下双向 vignette + 杂志栏目式四角文字(刊号 / 栏目 / wordmark / credit)+ Noto Sans JP Black 中文超大粗黑标题 2×2 网格 + 中心方括号期号。4 套版式骨架(单图封面 / 上图下字 / 系列三联 / 内页长文),容器查询 cqh 适配任意尺寸。触发:用户要"点阵感 / dither / 1-bit / 黑白颗粒 / 小红书封面 / Vol 期号海报 / 独立刊物 / 报纸印刷感"。NOT 多区块产品页,NOT 彩色海报。
日本語の概要は準備中です。原文の説明を表示しています。
Soft, rounded 3D-like shapes mimicking malleable clay with playful, puffy elements and colorful surfaces.
日本語の概要は準備中です。原文の説明を表示しています。
Professional, brand-aligned design with structured grids, minimalist layouts, and consistent enterprise patterns.
日本語の概要は準備中です。原文の説明を表示しています。
Long-form Chinese article / blog-post template — two voices: a wildstay-style lifestyle launch piece with editorial grid + oversized display type, and a WeChat-公众号-style serif beauty/longform with measured prose and quiet hairlines.
日本語の概要は準備中です。原文の説明を表示しています。
Futuristic sci-fi aesthetic with dark themes, vibrant neon accents, and immersive spatial elements.
日本語の概要は準備中です。原文の説明を表示しています。
Build premium scroll-driven web pages and product showcases inspired by high-end app, hardware, and product interaction patterns. Use for Raycast-like, Apple-like, NVIDIA-like, RTX/GPU, SaaS, AI browser, parallax, sticky scroll, pinned reveal, Three.js GLB model, Web Audio sound effect, responsive accessibility, and performance-safe frontend requests.
日本語の概要は準備中です。原文の説明を表示しています。
Generate a single-file product landing page with a layered ASCII cosmos hero (rotating ASCII planet, drifting irregular asteroids, comet trails, nebula gas clouds — each in its own harmonious color) plus full marketing sections (about / features grid / showcase / spec / pricing / CTA / footer). Takes a natural-language description of one product (any kind — a note app, a coffee subscription, a CLI tool, an indie hardware, a hosting service…) and outputs ONE working .html file with deep-space dark or warm-letterpress theme. Runs in BOTH Claude Code (writes to ~/Desktop) and GLM / online chat (outputs HTML inline). Trigger phrases: "做个宇宙风产品落地页", "生成 ASCII 产品官网", "ascii-cosmos-gen ...", "做个独立软件 / 独立硬件落地页", or when user drags this skill folder into chat asking for an atmospheric product landing page.
日本語の概要は準備中です。原文の説明を表示しています。
Single-track / single-episode music-player mockup template — glassmorphic iOS-Music style player card with ambient album-art wash, for showcasing one song, one podcast episode, or one audio jingle as a shareable interactive surface.
日本語の概要は準備中です。原文の説明を表示しています。
Chinese-first internal-tool / ops dashboard template — light-mode Linear-grade layout with serif headlines, tabular Inter numerals, KPI hero, pulse bars, progress rings, team-presence grid, activity timeline, and CJK-aware typography.
日本語の概要は準備中です。原文の説明を表示しています。
Premium "digital e-guide" template family — two patterns sharing a metadata-rich, editorial-archive identity: an infinite 3D-canvas portfolio (case/) for designer 作品集, and a 12-slide horizontal field-notes carousel (social-carousel.html) for long-form knowledge series.
日本語の概要は準備中です。原文の説明を表示しています。