@asayntax
Joined November 2023
  • Tweets80
  • Following85
  • Followers3
1Media
This works SOOO well. Prompt: "Here a screenshot of my app's current UI. I need you to redesign it for the highest possible quality design. /design:design-critique Compare your designs adversarially against top examples on Mobbin (use MCP) Aim for AAA minimalist, elegant, sharp, simple, beautiful, perfect"
André Staltz
@andrestaltzOct 6
I think UI design is 80% solved with: Claude Design plus Mobbin MCP ("compare your design against top examples found on Mobbin") plus a bit of good taste and aggressive deletes.
41
129
6
3,023
185,447
If you struggle to describe scroll animations in Claude or Codex, these commonly used terms can help. Save this for later.
79
546
28
8,009
373,267
asa retweeted
deno
@denohawariOct 4
exact strategy breakdown of how we got our client $1M in revenue through SEO all done in 4 months feel free to steal
deno
@denohawariOct 4

We Grew This SaaS From 0 Organic Presence to 692,000 Organic Clicks in 4 Months With SEO, Here’s How

Article · @denohawari
10
16
1
184
23,597
asa retweeted
Natzir@natzir9Sep 30
✅ You can now see the full Fetch & Render in Google Search Console. I built a free bookmarklet that rebuilds the whole page from the HTML Google rendered, right in the Screenshot tab of URL Inspection. 👇 1/6
7
40
8
256
39,858
opus 5.5 is f*cking cracked at motion design this entire video is code, 0 after effects im open sourcing the prompt template for these motion designs steal it to recreate these ↓ Ask me for: 8 to 12 UI states I want the shape to become (e.g. button, loader, player, slider, toggle, tabs, chart, command palette, toast), pure black and white or one accent color, and a royalty-free song around 120 BPM (e.g. Mixkit, free for commercial use). Dribbble-level UI motion. One shape, never cut: every state is the same element morphing its size, radius and color while its content swaps with a short blur. A cursor drives every change with real clicks and drags. Light warm-gray canvas, black and white components, one clean UI font (Geist). Springs everywhere, a tiny overshoot at most. The camera zooms so each state fills the frame. The last frame is the first frame, so it loops. Banned: bouncy easing, particle bursts, glows, gradients on UI chrome, mismatched icon strokes, dead time, anything that looks like a template. 120 BPM, 7 bars, something happens on every beat. Button → loader → check → dynamic island → music player with a play/pause morph → scrub the progress bar → it becomes a volume slider that stretches when dragged past max → a toggle flips on the beat → the knob becomes a liquid tab indicator → the tabs open into a chart that draws itself, with a tooltip on hover → it collapses into ⌘K → type to filter → enter → toast → back to the button. 1. One HTML file, square 1440x1440. Every style is computed from time inside seek(t): no CSS transitions, no timers, no state carried between frames. 2. Springs are closed-form step responses. A value that changes target many times is the sum of one spring per change, so it stays a pure function of time. 3. The tab indicator's two edges ride different springs, so the leading edge stretches ahead of the trailing one. Same trick for the toggle knob. 4. Drags are direct manipulation: while the cursor is held, the value is computed from its position. On release it springs back from wherever it was. 5. Analyze the song with numpy for the beat grid and start on a downbeat. Place every UI sound by its measured peak. 6. Render with Playwright: 4 subframes per frame, blended with ffmpeg tmix for motion blur at 60fps. 7. Render one frame per beat before the full render. Fix anything off the grid, cramped or hard to read. Never put will-change on anything the camera scales or the text renders blurry. Text that swaps inside a morphing container needs its own enter and exit timing or it overlaps. Make the last frame identical to the first, cursor position and speed included, or the loop stutters. Ask me for the inputs, then show me the state list on the beat grid before you write any code.
270
759
96
12,679
1,170,776
SEO is MOST important than you think. It can bring you 1M+/m visitors 100% free. 90+ best SEO tools for you:
10
14
3
147
20,623
Top best websites to get 𝙳𝙴𝚂𝙸𝙶𝙽.𝚖𝚍. Save for later 👇 - styles.refero.design - designmd.me - open-design.ai - designmd.supply - getdesign.md - aura.build - neuform.ai - design-md.hyperbrowser.ai - typeui.sh What am I missing?
44
390
9
3,209
178,917
SENIOR ENGINEER Superpowers github.com/obra/superpowers Agent Skills github.com/addyosmani/agent-… Karpathy Skills github.com/multica-ai/andrej… GStack github.com/garrytan/gstack PRODUCT DESIGNER UI UX Pro Max github.com/nextlevelbuilder/… Taste Skill github.com/Leonxlnx/taste-sk… Impeccable github.com/pbakaus/impeccabl… QA TESTER Codex openai.com/codex Playwright MCP github.com/microsoft/playwri… Anthropic Skills github.com/anthropics/skills DOCS TEAM MarkItDown github.com/microsoft/markitd… Anthropic Skills github.com/anthropics/skills Frontend Slides lnkd.in/eTABiDTs MARKETER Marketing Skills github.com/microsoft/markitd… Claude SEO github.com/AgriciDaniel/clau… Humanizer github.com/blader/humanizer Apify apify.com SOCIAL MANAGER Social Media Skills github.com/charlie947/social… ManyChat manychat.com GPT Image developers.openai.com/api/do… MOTION DESIGNER Higgsfield higgsfield.ai Hyperframes github.com/heygen-com/hyperf… OpenMontage github.com/calesthio/OpenMon… OpenCut github.com/OpenCut-app/OpenC… RESEARCHER Agent Reach github.com/Panniantong/Agent… Last30Days Skill github.com/mvanhorn/last30da… NotebookLM notebooklm.google.com OPS MANAGER Notion MCP developers.notion.com/guides… GitHub MCP Server github.com/github/github-mcp… Claude Mem github.com/thedotmack/claude… Mem0 github.com/mem0ai/mem0 THE WHOLE AGENCY Agency Agents github.com/msitarzewski/agen… Awesome Claude Skills github.com/ComposioHQ/awesom… Agents github.com/wshobson/agents Claude Skills github.com/alirezarezvani/cl…

GitHub - obra/superpowers: An agentic skills framework & software development methodology that...

An agentic skills framework & software development methodology that works. - obra/superpowers

github.com
37
266
7
1,814
171,847
Replying to @ori_pomerantz
I’m significantly older than you. I started coding in the late 60s. My current strategy is to not read any of the code written by my agents. That’s the only way I can take advantage of their productivity. What I do instead is to surround the agents with extreme constraints. Unit tests, gherkin tests, QA procedures, quality metrics, mutation testing, test coverage, and a plethora of others. In the end, I have very high confidence in the code they produce because they’ve had to run the gauntlet of all of my constraints and tests.
565
1,954
893
18,682
5,088,623
I just came across something really useful for design engineers. So many great tools in there... desengs.com/
25
83
6
1,354
87,380
add this to your ~/.codex/config.toml, thank me later [features] multi_agent = true multi_agent_v2 = true [agents] enabled = true max_concurrent_threads_per_session = 10 default_subagent_model = "gpt-5.6-luna” default_subagent_reasoning_effort = “max”
33
48
4
1,169
134,241
Websites to improve your taste as a frontend dev
Priyanshu
@imdevPU23Jul 20
Websites to find the best icons for your next project.
15
92
4
1,718
132,617
asa retweeted
Codez
@0xCodezJul 21
Google just released a 1-hour course on building agentic knowledge Graphs from scratch: • 00:00 - Introduction to AI agents • 08:09 - Foundations of multi-agent systems • 13:25 - Introduction to Graph engineering • 23:27 - Environment setup for agentic Graphs • 47:43 - Building Graph RAG agents • 1:25:14 - Agent memory bank with graphs Worth more than 10 articles on loop engineering. Watch it today, then read how to become a graph engineer in the article below.
0xRafy
@0xRafyJul 21

Graph Engineering with Claude: the 11-Step Roadmap From Loops to Graph Architect

Article · @0xRafy
46
264
5
1,628
197,820
Bookmark this for mastering dark & light themes: - Font: Geist, regular and medium - Font size: 15px, 16px (base size), 20px line height - Corner radius: full pill on chips and swatches, 18px on the menu, 11px on menu rows DARK VERSION: - bg 111111 - surface 1C1C1C - text EDEDED - muted A1A1A1 - selected FFFFFF on 0A0A0A - menu 232323 LIGHT VERSION: - bg FFFFFF - surface ECECEC - text 0A0A0A - muted 6B6B6B - selected 0A0A0A on FFFFFF - menu FFFFFF
4
3
155
9,409
asa retweeted
saint
@saintdsgnJul 7
Some brutally fresh bento cards made in @paper for your TL
31
44
2
1,348
40,137
this effect can be achieved using only css by combining the :has() and :not() pseudo-classes: `.menu:has(.item:hover) .item:not(:hover) { filter: blur(8px); }` which simply means: when a menu has a hovered item, blur every item inside it that isn't being hovered
12
10
327
19,270
asa retweeted
rico
@_heyricoJul 7
Product design cheatsheet, bookmark this: - Font: SF Pro, regular and medium - Font size: 12px, 13px (base size), 14px, 16px, 18px, and 24px (the biggest) - Colors: subtle (7F7F7F), default (5D5D5D), strong (292929), bg-selected (F5F5F5), border (F2F2F2) - Icon: @nucleoicons with 1px width What else do I miss?
rico
@_heyricoMay 24
Dark mode product design ✨ Is this a clean design?
16
23
6
568
149,557
asa retweeted
Ben Lang
@benlnJul 7
YC on how to get your first 10 customers:
33
185
23
1,793
123,546
asa retweeted
Florian
@flornkmJul 1
Tip: not every error needs a message. Sometimes a nudge is enough
197
141
45
4,655
401,137
10个GitHub仓库帮你爬取整个互联网 全部收藏。每个都能从任何网站提取干净数据，这种访问权限通常需要销售电话和合同才能获得。 1. github.com/firecrawl/firecra… 指向任何网站，它就能爬取每个页面、渲染JavaScript，返回AI能立即读取的干净结构化数据。13万星，进入GitHub百大仓库。半数AI创业公司悄悄运行的爬虫骨架，完全开源。 2. github.com/unclecode/crawl4a… GitHub排名第一的爬虫。把任何网站转换成干净的LLM就绪的markdown，比付费服务更快，无需API密钥、无需账户、无需按页面付费。某开发者被16美元的付费爬虫激怒后几天就搞出来了。5.1万星。Apache 2.0。 3. github.com/browser-use/brows… 像真人一样操控浏览器的AI代理，点击、滚动、登录、填表，从未见过的网站中提取数据。两位苏黎世ETH研究员开发，一年内达到9.5万星。能爬取简单爬虫无法触及的页面。MIT协议。 4. github.com/apify/crawlee 完整专业爬虫框架，包含轮换代理、自动重试、浏览器指纹欺骗和队列管理。防止被封禁的全套机制，爬虫公司收费数千的技术栈，现在免费给你。 5. github.com/scrapy/scrapy 十多年来悄悄为数据团队赋能的工业级爬虫。爬百万页面、提取任何内容、干净导出。在大多数付费工具无法触及的规模上经过实战检验，始终免费。 6. github.com/microsoft/markitd… 微软自家工具，将任何文件或网页、PDF、Office文档、HTML、图像转换成AI能用的干净markdown。整个数据管道公司都在围绕此构建，由微软开源。 7. github.com/D4Vinci/Scrapling 隐形爬虫，能自动适应网站布局变化，绕过反爬虫检测。防爬供应商当高级功能出售的猫鼠游戏，现在免费开源。 8. github.com/Genymobile/scrcpy 从电脑远程控制任何安卓手机，提取数据和自动化没有网站的应用。通往大多数爬虫无法触及的纯移动平台的桥梁。13万+星。Apache 2.0。 9. github.com/alirezamika/autos… 给一个例子它就自动找出规律爬取网站其余内容。无需选择器、无需代码维护。'直接给我数据'按钮，几行Python。 10. github.com/lwthiker/curl-imp… curl的增强版，完美模拟真实浏览器指纹，请求看起来就像有Chrome的真人。昂贵爬虫API底层暗用的最低级技巧，现在免费。 公司为此收费2000美元/月。源代码就在这儿。
90
560
16
2,679
215,376
Load more