Skip to main content

Search: #Design

OKHK 👀
OKHK 👀
个人数字泔水\(⁠◔⁠‿⁠◔⁠)
✨ Thinking...

  1. nullframe - Nothing Phone OS 风格的浏览器状态 Dashboard

    https://project-nullframe.vercel.app/

    https://github.com/m1ckc3s/nullframe

    采用 Nothing 视觉语言设计的实时遥测仪表盘（Dashboard）。

    实时状态监控： 测量并展示实际帧率、帧时间、JS 堆内存、电池电量、网络下行链路及光标移动速度。

    高性能单循环驱动： 统一使用单个 requestAnimationFrame 循环驱动整个页面与 Canvas 渲染，标签页隐藏时自动暂停，运行高效省电。

    纯手工视觉雕刻： 完美复刻点阵字体、网格图标、紧凑卡片等 Nothing 经典设计元素，不依赖任何第三方 UI 组件库。
    #Design #GitHub
    project-nullframe.vercel.app
    NULLFRAME · SYS.V4
    PROJECT NULLFRAME — a live telemetry dashboard in the Nothing design language

  2. OKHK 👀
    https://www.raycast.com/blog/a-technical-deep-dive-into-the-new-raycast
    https://fxtwitter.com/yetone/status/2055010623910785535
    #Design #AI #GitHub
    https://github.com/yetone/native-feel-skill
    FxTwitter · github.com
    yetone (@yetone)
    由于这篇文章太伟大了，所以我把它变成了一个 Agent Skill。

    大家可以使用自己的 Coding Agent 安装一下这个 Skill，这样就可以用「最佳实践」来轻松地重构或者开发一个既容易跨平台、又极其接近 Native 性能的桌面端应用。

    https://github.com/yetone/native-feel-skill

    引用 Pedro Duarte (@peduarte)

    everything you need to know about how the team built…

  3. OKHK 👀
    Claude Design：通过与 Claude 对话即可设计原型图、制作幻灯片（ppt）和单页文档。 把 Figma 股价打下来了 https://fxtwitter.com/claudeai/status/2045156267690213649 https://www.anthropic.com/news/claude-design-anthropic-labs
    Open Design - 将 AI Coding Agent 变成 AI 设计引擎

    https://github.com/nexu-io/open-design

    宣称为 Claude     Design 的本地优先的开源替代方案。
    通过内置 Skills 和设计系统生成网页原型、移动端 / 桌面 UI、演示文稿（PPT）、海报、图片和视频等设计产物。
    #Design #Tool #AI #GitHub

    有点流氓
    Telegram
    OKHK 👀
    OKHK 👀
    xswl, 这辈子第一次见这么流氓的软件

    Open Design 的遥测模块默认向他们发送你所有的输入 prompt 和 AI 输出、你本地 codebase 里所有的代码文件

    简单看了下他们官网，又是经典的 English+简中 i18n 搭配，挖了一下果然是国内公司，🤣 有时候刻板印象确实是很有用的

  6. 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
    getdesign.md — DESIGN.md collection for AI coding agents
    Browse independent design system analyses from popular websites. Drop one into your project as design reference for your coding agent.

  7. 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 analysis by popular brand design systems. Drop one into your…
    GitHub - VoltAgent/awesome-design-md: A collection of DESIGN.md files analysis by popular brand design systems. Drop one into your…
    A collection of DESIGN.md files analysis by popular brand design systems. Drop one into your project and let coding agents generate a matching UI. - VoltAgent/awesome-design-md

  10. 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
    Impeccable: Design skills for AI harnesses
    1 skill, 23 commands, and curated anti-patterns for impeccable frontend design. Works with Cursor, Claude Code, GitHub Copilot, Gemini CLI, and Codex CLI.

  12. 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: Skills for Design Engineers
    Skills for Design Engineers. Contribute to ibelick/ui-skills development by creating an account on GitHub.

  13. 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 for Design Engineers | UI Skills
    UI Skills for Design Engineers | UI Skills
    UI Skills is a collection of design-engineering skills for accessibility, motion, frontend craft, and interface quality.

  15. 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

  17. 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.

  18. 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…
    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...
OKHK