A comprehensive logo-design skill for Claude, Gemini CLI, Codex and other AI agents: principles, process, SVG craft, testing tools and a 1,400+ logo reference library.
Huashu Design · HTML-native design skill for Claude Code · Claude Code 里 HTML 原生的设计 skill · 高保真原型 / 幻灯片 / 动画 + 20 设计哲学 + 5 维评审 + MP4 导出 · Agent-agnostic
把文章、案例或笔记排成 3:4 小红书图文 | 1080×1440 | 20 个母版 | 浅色 / 深色 | Claude Code Skill
UI motion agent, a library of 43+ crafted transitions, a skill that fits your workflow.
Agent skills for designers and builders using Codex, Claude, Cursor, and other AI coding agents
把 Markdown 一键排成可直接粘进公众号编辑器的精致 HTML —— 6 套精选主题 + 主题生成器 + 双关卡校验。An AI-agent skill that turns Markdown into paste-ready WeChat article HTML.
Skills for coding agents: rebuild a motion design video as looping SVG + GSAP code, checked frame by frame against the source
一张户型图,一句话,Agent 就把它还原成可 2D/3D 直接设计的装修设计器网页(单文件 HTML,离线可用)。适用于任何支持 Skill 的 Agent|注:要想达到满血效果不推荐使用诸如豆包等大模型
Extract any website's complete design system with one command. DTCG tokens, semantic+primitive+composite, MCP server for Claude Code/Cursor/Windsurf, multi-platform emitters (iOS SwiftUI, Android Compose, Flutter, WordPress), Tailwind v4, Figma variables, shadcn/ui, CSS health audit, WCAG remediation, Chrome extension. MIT, Playwright, Node 20+.
👩🚒 Good content deserves good paper. Layout rules and templates that let AI agents export PDF, PNG and editable PowerPoint.
Agent skill that turns Claude Code / Codex into a motion-design studio for voiceover-driven explainer videos — word-level voiceover sync, 109 motion recipe cards, an anti-slideshow camera system, Remotion rendering.
✨ The agentic HTML editor — your local AI agent writes the HTML, you ship it. 🚀 75 Skills × 9 Surfaces (magazine · deck · poster · XHS / tweet · prototype · data report · Hyperframes) 🛡️ Sandboxed preview · 📤 1-click to WeChat / X / Zhihu / HTML / PNG 🔑 Zero API key — Claude Code / Cursor / Codex / Gemini / Copilot / OpenCode / Qwen / Aider.
Browser-based 3D CAD by J.Siwek, community-maintained. No install.
Open-source YouTube AI video editing system: Eyeline teleprompter, editing agents, JSON, Claude Design, animation and motion graphics.
Your own design studio inside the coding agent you already use.
The Simulink Agentic Toolkit gives your AI agent both the tools and the expertise to work effectively with Simulink and Model-Based Design.
400 interactive UI elements you can try live, then copy as an AI prompt or working code: 200 interface parts and 200 website sections and animations. Light/dark, MIT.
An interactive five-chapter night walk through a Kyoto mountain temple, rendered live in Three.js.
—
Plug-and-play JSON style prompts for Nano Banana Pro, GPT Image & Midjourney. Copy one style.json, get a consistent look. New styles every week.
The most intuitive Static Site CMS designed for SEO-optimized and privacy-focused websites.
Open-source AI interfaces built with Claude (Fable 5) including hero sections, GLSL shaders, design systems, animations, 3D components and and landing pages, in React, Tailwind, and Three.js. Plug them into your AI agent and ship faster.
Project Quiver documentation, designs, and project artifacts.
160+ experimental visualization studies across 25+ categories, built with javascript. explore waveform animations, spectrum-inspired displays, matrix patterns, particle fields, rhythm, memory, and mechanical motion. study the drawing code and adapt the live examples for your own creative-coding projects.
This MATLAB and Simulink Challenge Project Hub contains a list of research and design project ideas. These projects will help you gain practical experience and insight into technology trends and industry directions.
Agent-agnostic skill: run a grilling design interview on a local browser page instead of the terminal
Open Source Graphical Programming for Computational Design and Automation
A huge list of great stuff you can get for free!
Motion design skill for Codex and Claude Code. Adapt source examples into complete films through Higgsfield.
A robust live sports scraping and streaming plugin designed for media centers. Aggregates real-time feeds and delivers seamless IPTV playback.
Spotkit — a Claude Code skill that turns a feature description into minimal, abstract SVG product illustrations that all belong to one design system.
Automatic layout generator
通用文字变图片作品集模板 · Customize your title with Codex-generated mixed-media letter assets. Includes design rules, prompts and elastic interactions. Vanilla HTML/CSS/JS.
System design from evidence, not vibes — reads your repo as the current architecture, runs the capacity math, compares structurally distinct candidates, and ships an interactive report. For Claude Code, Codex, Cursor, and other coding agents.
Fluent System Icons are a collection of familiar, friendly and modern icons from Microsoft.
CSS custom properties to help accelerate adaptive and consistent design.
Adminator is easy to use and well design admin dashboard template with dark mode for web apps, websites, services and more
Best harness + editor + linter for generating slides in Claude Code / Codex - Claude Design Open Source Alternative
A deliberately vulnerable banking application designed for practicing Security Testing of Web App, APIs, AI integrated App and secure code reviews. Features common vulnerabilities found in real-world applications, making it an ideal platform for security professionals, developers, and enthusiasts to learn pentesting and secure coding practices.
130nm BiCMOS Open Source PDK, dedicated for Analog, Mixed Signal and RF Design. Documentation is here:
A list of over 400+ fresh, working captive portals specifically designed around the marauder firmware. Files are all in .html format.
Web装修设计工具,集 2D 平面布置与 three.js 3D 漫游于一体,内置 12 套户型、多方案管理与自定义家具库,支持多选编辑、对齐吸附、碰撞检查及三语暗色模式。
Zero-dependency, single-file HTML design system & agent skill inspired by shadcn/ui. 100% offline, zero npm, 6 layout archetypes & atomic arsenal for LLMs.
⚡设计、可视化、标签、编辑器、设计器、报表、流程图、试卷、SVG、物联网、小票、打印、套打
A book about how to design new typefaces with FontForge
纯前端卡面设计生成器,按 ISO 7810 ID-1(85.60×53.98mm)制作卡面。上传底图与 logo,自由摆放、缩放、旋转,可为 logo 添加描边,导出 1536×969 PNG(约 455 DPI),中英双语。A pure front-end card face design generator for ISO 7810 ID-1 (85.60×53.98mm). Upload a background and logos, freely position/scale/rotate, add logo outlines, export 1536×969 PNG (~455 DPI). Bilingual.
Brands DESIGN.md library
Agent skills for design work: 3D build guides and more.
Collection of skills giving agents guidance on design/eng concepts LLMs aren't trained on.
Local design-taste gallery: screenshots in, design vocabulary + paste-ready Claude Code briefs out. Step 1 of the 3-step web design process.
A product-validation system for AI agents: idea → logo → product → brand → launch video in two hours. Desktop app + skills for Claude Code and Codex.
Vectric Aspire CNC Software Windows Setup Guide 2026
Claude Code skill that makes launch videos, ads and music videos from one line: idea, script, visuals, voice, music, edit and review, then a review room where your notes make the next take
AI-Native UI Engineering, Contract-Driven Design System & Multi-Target Component Architecture (React, PHP Plates, Native HTML, Web Components)
agent 零指令产出中文图表的技能——单文件 HTML、断网可开、CJK 排版全内置
Thirteen design systems. Thirteen files. No build step, no framework, nothing to install. Open one in your browser, copy the tokens, ship something that looks like yours.
把任意产品简介,一键生成单文件 HTML 宣传动画视频 —— 多场景 GSAP、四种画幅比例、零 emoji。适配 Claude Code / Codex / Cursor / Qoder 的 AI 技能
免费临时邮箱:1 秒生成、无需注册、阅后即焚,到期自动销毁。基于 Cloudflare Workers + D1 + Email Routing,可一键部署到自己的域名。设计亮点:暖纸底玻璃拟态、水晶光影双态背景交叉淡入(纸飞机↔信封)、验证码即所得。Free temporary email — 1-second disposable inbox, no signup, auto-expiry & self-destruct, self-host on your own domain.
Go Project Design Documents
A Periodic Table of System Design Principles