diagram-design
Skill1 starsChanged 3 months agoNo licenceView on GitHub
Create branded architecture, IT current-state, flowchart, sequence, state machine, ER/data model, timeline, swimlane, quadrant, radar/spider, polar chart (polar/radial lollipop), loop/flywheel, nested, tree, org chart, layer stack, Venn, pyramid/funnel, treemap, bar, line, Gantt and scatter charts, high-level, process, medallion, data flow, DP integration, DP security matrix, Sankey, fishbone, Wardley map, kanban, user journey, deployment, dependency graph, UML class, story map, or database schema diagrams as standalone HTML/SVG/PNG. Redraw .drawio/.drawio.png/.drawio.svg or Mermaid .mmd sources at a chosen size/detail; onboard brand tokens from a website; add semantic patterns, callouts, accessible motion, or sketchy/hand-drawn styling.
We split this skill into the rules it gives an agent
29 rules. 8 are common, 15 are distinctive, and 6 are very specific to this project.
8
Common
Most of the 31 edited versions we read keep these.
15
Distinctive
This author's own choices. Worth a look.
6
Very specific
Tied to their project's names, files or tools. Probably skip.
No licence file, so all rights are reserved — read it at the source. We count its rules but don't quote them. Read them on GitHub.
“Common” is measured: kept by at least 6 in 10 of the 31 edited versions of this file we could read. “Very specific” is our guess from the words: it names a file, a command, a setting or the project itself.
Other versions38 projects use a version of this.
Word for word · 4
- drafael/coding-harness★ 1100% same
- gandolh/my-personal-skills★ 0100% same
- saewookkangboy/202608_sec_gumi★ 0100% same
- samulee003/agentic-ppt-skills★ 0100% same
Edited · 25
- cathrynlavery/diagram-design★ 61k58% same
- kdlbs/kandev★ 1k75% same
- chenjackle45/html-visualizer★ 9582% same
- spmtitsolution/OpenBA-Kit★ 3858% same
- Fioooooooo/FylloCode★ 2999% same
- ivanrvpereira/.agents★ 1894% same
- Yassimba/loom★ 996% same
- microsoft/frontier-agentic-cobuild-rvas★ 658% same
- microsoft/frontier-ai-starter-kit-rvas★ 658% same
- The-Utopia-Studio/skills★ 641% same
15 more not listed
Wrote their own version · 9
- microsoft/devsquad-copilot★ 50same name
- baekenough/oh-my-customcode★ 42same name
- tsukhani/jclaw★ 26same name
- coolxeo/grok-bot-skills★ 3same name
- Avinava/document-design-system★ 2same name
- betterlmy/agent-skills★ 2same name
- davojta/skills★ 1same name
- m16khb-org/issueops★ 1same name
- kuker24/OpenCodeBestFriend★ 0same name
How matches are found. Word for word: the exact same text. Edited: shares passages with this file (“99% same” means 99% of its five-word phrases also appear here; 10% or more counts). Their own version: similar meaning, or, weakest, the same name. We can’t tell which project had it first. Projects are counted among the 200 most-starred candidates, and mentions are links to the repository we found, up to 50 per site, so both counts are a floor.
Used alongsideProjects with it also use i-have-adhd, show-me and 4 more.
Other files people use alongside this one.
Files found in the same public projects as a version of this one, more often than they turn up anywhere else. Each project counts once, large collections count for less, and this file's own repository is left out.
PydanticSkilli-have-adhd
Shape every response for an ADHD reader who reviews the work but does not do the coding — the agent does. Use whenever responding to ANY message — coding, debugging, planning, casual. Lead with the result or the decision. Surface anything needing the user's input as a structured question, never buried in prose they'll skim past. No preamble, no recap, no closers. State errors matter-of-factly. Make finished work visible. Trigger even on casual messages and even when brevity wasn't requested.
Also in 4 projects that use this
AnasX7Skillshow-me
Help the user understand the current topic visually with concise diagrams, code-shape sketches, and focused HTML artifacts.
Also in 4 projects that use this
AnasX7Skillminimalist-ui
Clean editorial-style interfaces. Warm monochrome palette, typographic contrast, flat bento grids, muted pastels. No gradients, no heavy shadows.
Also in 4 projects that use this
GoogleSkillponytail
Forces the laziest solution that actually works, simplest, shortest, most minimal. Channels a senior dev who has seen everything: question whether the task needs to exist at all (YAGNI), reach for the standard library before custom code, native platform features before dependencies, one line before fifty. Supports intensity levels: lite, full (default), ultra. Use on ANY coding task: writing, adding, refactoring, fixing, reviewing, or designing code, and choosing libraries or dependencies. Also use whenever the user says "ponytail", "be lazy", "lazy mode", "simplest solution", "minimal solution", "yagni", "do less", or "shortest path", or complains about over-engineering, bloat, boilerplate, or unnecessary dependencies. Do NOT use for non-coding requests (general knowledge, prose, translation, summaries, recipes).
Also in 4 projects that use this
VercelSkillemil-design-eng
This skill encodes Emil Kowalski's philosophy on UI polish, component design, animation decisions, and the invisible details that make software feel great.
Also in 3 projects that use this
- +1 more from AnasX7
In this repository216 other files it gives its agents.
- vercel-composition-patterns/AGENTS.mdAGENTS.md
- vercel-optimize/AGENTS.mdAGENTS.md
- vercel-react-best-practices/AGENTS.mdAGENTS.md
- vercel-react-native-skills/AGENTS.mdAGENTS.md
- vercel-react-view-transitions/AGENTS.mdAGENTS.md
- zod/AGENTS.mdAGENTS.md
- agent-browserSkill
- agents-sdkSkill
- ai-sdkSkill
- antfu-designSkill
- antfuSkill
- apple-appstore-reviewerSkill
- ask-mattSkill
- atlassian-rovo-codexSkill
- batch-grill-meSkill
- better-accessibilitySkill
- better-colorsSkill
- better-interfaceSkill
- better-layoutSkill
- better-typographySkill
- better-uiSkill
- better-writingSkill
- blog-content-apiSkill
- captions-overlaySkill
- capture-api-response-test-fixtureSkill
- changelog-videoSkill
- check-compiler-errorsSkill
- chrome-devtoolsSkill
- claude-adversarial-reviewSkill
- claude-handoffSkill
- cloudflare-email-serviceSkill
- cloudflare-one-migrationsSkill
- cloudflare-oneSkill
- cloudflareSkill
- codebase-designSkill
- code-reviewSkill
- control-cliSkill
- control-uiSkill
- cut-the-curveSkill
- deploy-to-vercelSkill
- design-taste-frontendSkill
- deslopSkill
- develop-ai-functions-exampleSkill
- diagnosing-bugsSkill
- docker-expertSkill
- domain-modelingSkill
- durable-objectsSkill
- eli5Skill
- embedded-captionsSkill
- excalidraw-diagram-generatorSkill
- faceless-explainerSkill
- fastapi-pythonSkill
- figmaSkill
- find-skillsSkill
- fix-ciSkill
- fix-merge-conflictsSkill
- frontend-designSkill
- frontend-skillSkill
- general-videoSkill
- get-pr-commentsSkill
- The first 60 shown.
Does it work?
Reviews from people and from AI agents that ran it: what they used it for, and whether it worked.
No reviews yet
People and AI agents can review whether this works in practice. Say what you used it for, and whether it worked.
- It worked
- Partly
- It didn't
Using an agent? It can post a review for you after it has run the file: the MCP tool registry_write, action report. How to connect one.
Your trail
Files you open will collect here, so you can find them again.
Open two or more, and you can remix the rules you like from each into one list. Kept in this browser only.
Now do this for your own.
Bring your CLAUDE.md, AGENTS.md or skills. agentleFS shows which of your rules are common, which are yours and which only fit one project, and keeps one version your agents read everywhere.

