Claude Design DESIGN.md prompts by aesthetic family, remix recipes, skills, video teardowns, X signal, honest community takes.
Awesome Claude Design Claude Design — Anthropic Labs' AI design workspace. DESIGN.md files grouped by aesthetic family, remix recipes, prompt packs with example outputs, skills, video teardow…
#ai-design#anthropic#awesome
A curated list of awesome Claude Skills, resources, and tools for customizing Claude AI workflows — particularly Claude Code
…<a href="https://github.com/travisvn/awesome-claude-skills" <img alt="Awesome Claude Skills" src="https://pc0o4oduww.ufs.sh/f/crfz5GypRfo0lI4924gMSJKLY6297aVP0zZpilXBvqTbDyrs"/ </a </p…
#agentic-coding#anthropic#awesome
Collection of AI-related utilities. Welcome to submit pull requests /收藏AI相关的实用工具,欢迎提交pull requests
…<h1Awesome AI Tools</h1 <a href="https://awesome.re"<img src="https://awesome.re/badge.svg"/</a <br <a href="https://github.com/ikaijua/Awesome-AITools/stargazers"<img src="http…
#agent-skills#ai#artificial-intelligence
A curated collection of 1000+ agent skills from official dev teams and the community, compatible with Claude Code, Codex, Gemini CLI, Cursor, and more.
…<img width="1500" alt="claude-skills" src="https://github.com/user-attachments/assets/a890e563-e999-4b1f-8ce1-20399b0574f8" / </a <br/ <br/ <div align="center" <strongA collection of…
#agent-skills#ai-agents#awesome
Curated list of LLM-driven trading agents, MCP servers, and agent skills for market research, strategy, and execution.
<!--lint disable awesome-heading double-link-- <div align="center" <img src="assets/header-generated-v2.png" alt="Awesome Trading Agents — The Trading Agentic Stack" width="760" / <p<strongEng…
#agent-skills#agentic-ai#ai-trading
Create beautiful visual art in .png and .pdf documents using design philosophy. You should use this skill when the user asks to create a poster, piece of art, design, or other static piece. Create original visual designs
These are instructions for creating design philosophies - aesthetic movements that are then EXPRESSED VISUALLY. Output only .md files, .pdf files, and .png files. Complete this in two steps: 1. Desig…
#anthropic#awesome-list#awesome-lists
A trilingual (繁中 / English / 简中) learning roadmap for agentic AI: from LLM basics to multi-agent systems, with 240+ curated resources and hands-on examples. 中文 AI agent 學習地圖。
…awesome-agentic-ai-zh 🤖 一張從「AI Agent 是什麼」走到「能做出可靠系統」的學習地圖 先選一條路,再一步一步走。重要概念、動手練習與精選資源都幫你排好順序。 [](LICENSE) [, design style (qualitative feel), and visual effects (Canvas, WebGL, 3D, particles, shaders, scroll effects, etc.). Use this skill whe
Design DNA A 3-phase workflow for extracting, structuring, and applying design identity across three dimensions: 1. Design System — measurable tokens (color, typography, spacing, layout, shape…
#agent-skills#claude-skills#codex-skills
../../../engineering/skills/agent-workflow-designer/SKILL.md
../../../engineering/skills/agent-workflow-designer/SKILL.md…
#agent-plugins#agent-skills#agentic-ai
Guide for creating high-quality MCP (Model Context Protocol) servers that enable LLMs to interact with external services through well-designed tools. Use when building MCP servers to integrate external APIs or services,
…1.1 Understand Agent-Centric Design Principles Before diving into implementation, understand how to design tools for AI agents by reviewing these principles: Build for Workflows, Not Just API…
#anthropic#awesome-list#awesome-lists
Review or audit a design/UI across 6 weighted dimensions with Nielsen's 10 heuristics and a prioritized findings table. Use when the user wants a design critique, quality score, heuristic evaluation, or audit of an exist
Skill: Design Review Run a structured, scored review. Steps 1. Read workflows/design-review.md (rubric, scoring guide, Nielsen heuristics, process). 2. Gather context: the screen(s)/flow, tar…
#accessibility#ai-agents#claude
Design a UI component spec to the house quality bar — anatomy, variants, sizes, the 8 states, token mapping, and accessibility. Use when the user wants to design or document a component (button, input, tabs, toast, combo
Skill: Design Component Produce a complete component specification matching the project format. Steps 1. Read .claude/rules/components.md → "Component Quality Bar" (the 8-state table) and "At…
#accessibility#ai-agents#claude
Set up or run design QA gates — token + hardcoded-value lint, automated a11y (axe), contrast, visual regression across variants/states/themes/RTL, and the manual a11y checklist. Use when the user wants CI quality gates,
Skill: Design QA Stand up the automated + manual gates that stop quality from regressing. Steps 1. Read workflows/design-qa.md (the QA pyramid: token/lint gates → automated a11y → visual regr…
#accessibility#ai-agents#claude
Map this token system to or from any external design system (Material Design 3, Apple HIG, Fluent, Carbon, Ant, shadcn/ui, Radix, Chakra, Mantine, Bootstrap…) — adopt their look, build on their stack, or migrate between
Skill: Migrate / Interop Design System Bridge to or from external design systems via a role-based crosswalk. Steps 1. Read design-systems/interop-protocol.md (Crosswalk Method, the three dire…
#accessibility#ai-agents#claude
Audit a design against Dieter Rams' ten "Good design is..." principles, then hand off a /make-plan prompt for one of three outcomes — new design, refine design, or redesign. Use when the user says "audit this design", "d
Design Is Do not use for - Routine UI code reviews → use /review - Pure copy edits → use a separate copy pass - Pre-design ideation with no artifact yet → start with /make-plan directly Yo…
#ai#ai-agents#ai-memory
Create beautiful visual art in .png and .pdf documents using design philosophy. You should use this skill when the user asks to create a poster, piece of art, design, or other static piece. Create original visual designs
These are instructions for creating design philosophies - aesthetic movements that are then EXPRESSED VISUALLY. Output only .md files, .pdf files, and .png files. Complete this in two steps: 1. Desig…
#anthropic#claude-ai#claude-code
The house rules for ANY design or UI work - the verification protocol (run the gate, never claim a number), the absolute no-emoji rule, token by intent, one shared theme, the eight states, one thing leads, and output com
Skill: Design Doctrine A plugin's root CLAUDE.md is not loaded as project context, so the always-on brief travels here instead. Read this before the first line of any design work, then load the r…
#accessibility#ai-agents#claude
Generate, extend, or audit design tokens in DTCG format with the 3-tier architecture (primitive → semantic → component). Use when the user wants a color palette, type scale, spacing/shadow/radius/motion tokens, multi-bra
Skill: Design Tokens Produce and maintain DTCG ($type/$value) tokens following the project's 3-tier system. Steps 1. Read .claude/rules/tokens-and-color.md → "Token System" + "Color Guide…
#accessibility#ai-agents#claude
Generates creative domain name ideas for your project and checks availability across multiple TLDs (.com, .io, .dev, .ai, etc.). Saves hours of brainstorming and manual checking.
…for my design agency Example User: "I'm building a tool for developers to share code snippets. Suggest creative domain names." Output: Analyzing your project... Target audience:…
#anthropic#awesome-list#awesome-lists
Turns product or tech specs into concrete Notion tasks that Claude code can implement. Breaks down spec pages into detailed implementation plans with clear tasks, acceptance criteria, and progress tracking to guide devel
…- "Mobile App Redesign PRD" Step 2: Fetch and analyze specification 1. Fetch spec page: - Use Notion:notion-fetch with spec URL/ID from search results - Read full content including…
#anthropic#awesome-list#awesome-lists
Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use for complex artifacts requiring state management, routing, or s
…To build powerful frontend claude.ai artifacts, follow these steps: 1. Initialize the frontend repo using scripts/init-artifact.sh 2. Develop your artifact by editing the generated code 3. Bundle al…
#anthropic#awesome-list#awesome-lists
Prepares meeting materials by gathering context from Notion, enriching with Claude research, and creating both an internal pre-read and external agenda saved to Notion. Helps you arrive prepared with comprehensive backgr
…Prepares you for meetings by gathering context from Notion, enriching it with Claude research, and creating comprehensive meeting materials. Generates both an internal pre-read for attendees and an ex…
#anthropic#awesome-list#awesome-lists
Toolkit for creating animated GIFs optimized for Slack, with validators for size constraints and composable animation primitives. This skill applies when users request animated GIFs or emoji animations for Slack from des
…- Keep designs simple - Avoid gradients - Validate file size frequently Toolkit Structure This skill provides three types of tools: 1. Validators - Check if a GIF meets Slack's requirements…
#anthropic#awesome-list#awesome-lists