design | OKHK 👀

Design.md 文件收录 #Design #URL

Wed, 22 Apr 2026 11:50:25 GMT

OKHK 👀

Awesome DESIGN.md 网页 https://getdesign.md/ #Design #URL

Design.md 文件收录 #Design #URL
https://designdotmd.directory/

The directory of DESIGN.md files for coding agents.

Tegaki - 字体手写动画，笔画生成在 React、Svelte、Vue、SolidJS、Astro、Web Components 或纯 JS 中渲染漂亮的字体书写动画

Sat, 18 Apr 2026 00:18:57 GMT

Tegaki - 字体手写动画，笔画生成
在 React、Svelte、Vue、SolidJS、Astro、Web Components 或纯 JS 中渲染漂亮的字体书写动画。
#Design #GitHub
https://github.com/KurtGokhan/tegaki
https://gkurt.com/tegaki

GitHub

GitHub - KurtGokhan/tegaki: Handwriting animation for the web. Supports any font or text.

Handwriting animation for the web. Supports any font or text. - KurtGokhan/tegaki

Awesome DESIGN.md 网页

Thu, 09 Apr 2026 14:21:39 GMT

OKHK 👀

Awesome DESIGN.md - 热门网站 UI 设计文档集合 https://github.com/VoltAgent/awesome-design-md 收集了 Apple、Spotify、Airbnb、Figma、Notion 等热门网站的 UI 设计文档 —— DESIGN.md 文件。将相应文件加入项目中，让 AI Coding Agent 快速匹配复刻类似风格的 UI。 DESIGN.md 是 Google Stitch 提出的通过纯文本（Markdown）来定义 UI 设计规范，使得…

Awesome DESIGN.md 网页
https://getdesign.md/
#Design #URL

getdesign.md

getdesign.md — DESIGN.md collection for AI coding agents

Browse design system inspirations from popular websites. Drop one into your project and let AI agents build matching UI.

Awesome DESIGN.md - 热门网站 UI 设计文档集合

Sun, 05 Apr 2026 08:34:05 GMT

Awesome DESIGN.md - 热门网站 UI 设计文档集合

https://github.com/VoltAgent/awesome-design-md

收集了 Apple、Spotify、Airbnb、Figma、Notion 等热门网站的 UI 设计文档 —— DESIGN.md 文件。

将相应文件加入项目中，让 AI Coding Agent 快速匹配复刻类似风格的 UI。

DESIGN.md 是 Google Stitch 提出的通过纯文本（Markdown）来定义 UI 设计规范，使得 AI Agent 能够根据该文件像素级复刻生成对应风格的 UI。

#Design #AI #Doc #GitHub

GitHub

GitHub - VoltAgent/awesome-design-md: A collection of DESIGN.md files inspired by popular brand design systems. Drop one into your…

A collection of DESIGN.md files inspired by popular brand design systems. Drop one into your project and let coding agents generate a matching UI. - VoltAgent/awesome-design-md

AI Coding Agent 一行指令克隆任意网站的 Agent Skill

Mon, 30 Mar 2026 11:25:05 GMT

AI Coding Agent 一行指令克隆任意网站的 Agent Skill

https://github.com/JCodesMore/ai-website-cloner-template

#AI #Design #Tool #GitHub

GitHub

GitHub - JCodesMore/ai-website-cloner-template: Clone any website with one command using AI coding agents

Clone any website with one command using AI coding agents - JCodesMore/ai-website-cloner-template

地球仪组件 #Design #GitHub

Fri, 20 Mar 2026 01:45:27 GMT

OKHK 👀

https://github.com/alamenai/terrae 地图组件库 --- https://github.com/AnmolSaini16/mapcn

地球仪组件 #Design #GitHub
https://cobe.vercel.app/
https://github.com/shuding/cobe

cobe.vercel.app

The 5KB WebGL globe

Sat, 14 Mar 2026 10:03:44 GMT

OKHK 👀

UI UX Pro Max Skill - UI / UX 前端页面设计 AI Agent Skill https://github.com/nextlevelbuilder/ui-ux-pro-max-skill 设计效果相比其一般 AI 生成的 “Demo” 页面还是好很多的一个前端页面设计 AI Agent Skill 项目。它将 UI 样式、调色板、字体搭配、图表类型、产品推荐、UX 指南以及特定技术栈的最佳实践全部做成一个可以搜索的知识库。可集成于 Claude Code、Cursor、Windsurf…

https://impeccable.style/ #Design #AI

impeccable.style

Impeccable: Design skills for AI harnesses

1 skill, 23 commands, and curated anti-patterns for impeccable frontend design.

Sun, 01 Feb 2026 05:35:27 GMT

https://nptr.cc/posts/2025-04/tonsky-checkbox/ #ui #design #history

Cyberia

沉痛悼念复选框同志 - Cyberia

用户界面中复选框和单选按钮的历史

Sat, 24 Jan 2026 07:15:59 GMT

OKHK 👀

UI UX Pro Max Skill - UI / UX 前端页面设计 AI Agent Skill https://github.com/nextlevelbuilder/ui-ux-pro-max-skill 设计效果相比其一般 AI 生成的 “Demo” 页面还是好很多的一个前端页面设计 AI Agent Skill 项目。它将 UI 样式、调色板、字体搭配、图表类型、产品推荐、UX 指南以及特定技术栈的最佳实践全部做成一个可以搜索的知识库。可集成于 Claude Code、Cursor、Windsurf…

https://github.com/ibelick/ui-skills #Design #AI

GitHub

GitHub - ibelick/ui-skills: A growing set of skills to polish interfaces built by agents.

A growing set of skills to polish interfaces built by agents. - ibelick/ui-skills

Sun, 18 Jan 2026 08:33:46 GMT

OKHK 👀

UI UX Pro Max Skill - UI / UX 前端页面设计 AI Agent Skill https://github.com/nextlevelbuilder/ui-ux-pro-max-skill 设计效果相比其一般 AI 生成的 “Demo” 页面还是好很多的一个前端页面设计 AI Agent Skill 项目。它将 UI 样式、调色板、字体搭配、图表类型、产品推荐、UX 指南以及特定技术栈的最佳实践全部做成一个可以搜索的知识库。可集成于 Claude Code、Cursor、Windsurf…

https://ui-skills.com #Design #URL

Ui-Skills

UI Skills

A set of skills to polish interfaces built by agents.

主题切换动效 #Design #GitHub

Sun, 11 Jan 2026 14:14:54 GMT

OKHK 👀

微信公众号 Markdown 排版 #WeChat #GitHub

主题切换动效 #Design #GitHub
https://github.com/rudrodip/theme-toggle-effect
Source

GitHub

GitHub - rudrodip/theme-toggle-effect: theme toggle effect using view transitions api

theme toggle effect using view transitions api. Contribute to rudrodip/theme-toggle-effect development by creating an account on GitHub.

UI UX Pro Max Skill - UI / UX 前端页面设计 AI Agent Skill

Tue, 06 Jan 2026 09:47:03 GMT

UI UX Pro Max Skill - UI / UX 前端页面设计 AI Agent Skill

https://github.com/nextlevelbuilder/ui-ux-pro-max-skill

设计效果相比其一般 AI 生成的 “Demo” 页面还是好很多的

一个前端页面设计 AI Agent Skill 项目。

它将 UI 样式、调色板、字体搭配、图表类型、产品推荐、UX 指南以及特定技术栈的最佳实践全部做成一个可以搜索的知识库。

可集成于 Claude Code、Cursor、Windsurf 等多个 AI Coding Agent 中。

#Design #AI #Tool #GitHub

GitHub

GitHub - nextlevelbuilder/ui-ux-pro-max-skill: An AI SKILL that provide design intelligence for building professional UI/UX multiple…

An AI SKILL that provide design intelligence for building professional UI/UX multiple platforms - nextlevelbuilder/ui-ux-pro-max-skill

Design Prompts - 网页前端设计提示词#URL #AI #Prompt #Design

Mon, 29 Dec 2025 09:01:10 GMT

Design Prompts - 网页前端设计提示词

#URL #AI #Prompt #Design
https://www.designprompts.dev/

Design Prompts

Design Prompts - AI-Powered Design Style Explorer

Explore 31+ stunning design styles rendered from the same data. Get AI-ready prompts to recreate any aesthetic in your own projects.

PaperStudio - 打印纸模板生成设计工具

Tue, 23 Dec 2025 08:51:04 GMT

PaperStudio - 打印纸模板生成设计工具

https://github.com/jingguanzhang/PaperStudio

https://jingguanzhang.github.io/PaperStudio

PaperStudio 是一个基于 Web 的轻量级信笺纸、稿纸设计工具。它允许用户通过简单的拖拽和配置，设计出符合传统书写习惯或现代商务风格的信纸，并支持导出为 PDF 或直接打印。

无需注册登录，配备了设计器，可以自定义添加各种元素，提供了多种不同的纸张类型，包括：作文纸、横线纸、方格纸、作文纸、英文纸、乐谱纸、田字格、米字格、回字格、宫格纸、点阵纸、等距网格、六边形网格，支持丰富的设置选项。可以自定义添加各种元素。

支持工程文件导出本地保存，纯前端单页项目。

link #Design #Tool #GitHub

类似网站

GitHub

GitHub - jingguanzhang/PaperStudio: 打印纸设计工具

打印纸设计工具. Contribute to jingguanzhang/PaperStudio development by creating an account on GitHub.

Next AI Draw.io - AI 驱动的图表创建工具

Thu, 18 Dec 2025 08:15:08 GMT

Next AI Draw.io - AI 驱动的图表创建工具

https://github.com/DayuanJiang/next-ai-draw-io

一个集成了 AI 功能的 Next.js 网页应用，与 draw.io 图表无缝结合。

通过自然语言命令和 AI 辅助可视化来创建、修改和增强图表。

#Design #Image #Tool #AI #GitHub

GitHub

GitHub - DayuanJiang/next-ai-draw-io: A next.js web application that integrates AI capabilities with draw.io diagrams. This app…

A next.js web application that integrates AI capabilities with draw.io diagrams. This app allows you to create, modify, and enhance diagrams through natural language commands and AI-assisted visual...

shadcn UI 主题配置

Wed, 17 Dec 2025 13:46:59 GMT

shadcn UI 主题配置
https://shadcnthemer.com/ #Design #URL

Shadcnthemer

ShadCN Themer - Create Beautiful Themes for shadcn/ui

Browse and create stunning themes for shadcn/ui. Customize colors, fonts, and export with one click.

Mon, 15 Dec 2025 05:34:28 GMT

https://sspai.com/post/104595 #Design

少数派 - 高品质数字消费指南

具透｜那究竟什么是 Material 3 Expressive？以 Android 16 正式版为例 - 少数派

大部分人对 Material 3 的认知依然停留在 Material You「壁纸取色」上，那究竟什么是 Material 3 Expressive？我们在 Android 16 正式版的视觉翻新细节里找一找。

log-lottery - 年会抽奖程序 | Three.js + Vue3 3D 球体动态抽奖应用

Sun, 14 Dec 2025 11:59:05 GMT

log-lottery - 年会抽奖程序 | Three.js + Vue3 3D 球体动态抽奖应用

https://github.com/LOG1997/log-lottery

很炫酷

log-lottery 是一个可配置可定制化的抽奖应用，炫酷 3D 球体，可用于年会抽奖等活动，支持奖品、人员、界面、图片音乐配置。

● 3D 球体动画抽奖效果，支持实时可视化
● 奖项和参与人员的灵活配置管理
● Excel 表格导入人员名单和导出抽奖结果
● 界面自定义配置（标题、卡片颜色、列数等）
● 背景音乐播放和背景图片更换

#Tool #GitHub #Design

GitHub

GitHub - LOG1997/log-lottery: 🎈🎈🎈🎈年会抽奖程序，threejs+vue3 3D球体动态抽奖应用。

🎈🎈🎈🎈年会抽奖程序，threejs+vue3 3D球体动态抽奖应用。. Contribute to LOG1997/log-lottery development by creating an account on GitHub.

Tailark - 基于 Shadcn UI 的组件块（模板）

Sat, 29 Nov 2025 05:48:05 GMT

Tailark - 基于 Shadcn UI 的组件块（模板）

https://github.com/tailark/blocks

项目提供了大量响应式、可直接用于生产的的组件块。

基于 shadcn/ui、Tailwind CSS、Next.js 和 TypeScript 构建。

便于快速构建营销页面 /Landing Page。

#Design #GitHub

GitHub

GitHub - tailark/blocks: Shadcn marketing blocks

Shadcn marketing blocks. Contribute to tailark/blocks development by creating an account on GitHub.

Figma 0 基础教程

Tue, 21 Oct 2025 14:04:04 GMT

Figma 0 基础教程

https://www.youtube.com/watch?v=ezldKx-jPag

视频中有一个 IPhone App 首页的设计 Demo，过程中用到了大部分工具。
配合翻译，分段看
#Design #Video

YouTube

Figma Tutorial for Beginners

Learn how to use Figma in this step-by-step full course tutorial for beginners. In this design tutorial, we start with the absolute basics. Whether you're aiming to craft stunning apps or vibrant websites, Figma stands as your go-to tool, offering both robust…