正在加载陈远的个人网站

提示词

2026年9月28日 收录
  1. X · @Voxyz_ai引用

    Claude Code 子代理上线前 20 项质检清单与成本策略

    用 5 个 Opus 子代理并行巡检上线前 20 项设计与体验问题并一次修复,附 Opus 5.5 成本与 effort 分级策略。

    Claude Code tip: before you ship a vibe-coded site, have Opus 5.5 send out 𝟱 𝘀𝘂𝗯𝗮𝗴𝗲𝗻𝘁𝘀 to check 𝘁𝗵𝗲𝘀𝗲 𝟮𝟬 𝘁𝗵𝗶𝗻𝗴𝘀, then fix them all in one pass:
    
    Consistent design
    → Write a DESIGN.md first, and make every color, font size, spacing and corner radius follow it
    → Keep the palette restrained and the type hierarchy clear
    → Make every button, card and input of the same kind look alike
    → Too flat? Add emphasis. Too crowded? Cut
    → Keep text readable on both dark and light backgrounds
    
    On mobile
    → No sideways scrolling, and nothing spilling off the screen
    → Add a mobile menu
    → Make buttons big enough to tap
    → Keep the layout intact when the text is enlarged
    
    Every state
    → Give loading, empty and error states a proper screen
    → Give every button feedback, with its own hover, pressed and disabled look
    → Show form errors right where they happen, plus submitting, success and failure messages
    → Add transitions to modals, dropdowns and tab switches
    
    Use it like a real user
    → Click through the core flows, like sign-up and checkout, from start to finish
    → Find buttons that do nothing and links that are broken
    → Make sure the whole thing works with just a keyboard
    
    Before launch
    → Say what you do in one line on the home page
    → Give each page one main button you want people to click
    → Give every page a title, a description and a favicon
    → Delete all placeholder text
    
    For effort, follow Anthropic's cost guide from yesterday: medium is for well-scoped daily work. The default medium is enough for these 20 fixes; raise it for the harder ones. Thariq tested it: turning effort up mostly buys more verification and edge-case testing.
    
    Send this whole post to Claude Code. If you need to, add this line at the end 👇
    "Send one subagent per group to check it without editing anything. Then fix everything yourself from their lists, so no two agents edit the same file. If a group is more complex, raise that subagent's effort. Show me the list of issues first, don't change anything until I confirm, and when you're done, give me before-and-after screenshots."

    提示词 · 软件工程提示词 · Agent 工程 · 前端工程 · 设计系统 · 质量审查

  2. X · @twetsfyp视频

    用 AI 快速制作 3D 网站的入门教程

    推荐一份约 10 分钟的 AI 3D 网站制作教程,配有网页视觉与落地页示例。

    🚨This person in 10 minutes teaches you how to create an easy tutorial of 3D websites with AI.
    
    Save it; it will be useful to you. https://t.co/4wCALmRZnT

    提示词 · 软件工程提示词 · AI 应用 · 前端工程 · 3D 网站 · 教程

  3. X · @MengTo视频

    开源 Agent Skills:把网页设计变成可执行提示词

    Meng To 开源 75 个设计向 Agent Skills,覆盖网页参考采集、交互提炼与灵感生成。

    I'm open-sourcing my Agent Skills library.
    
    75 skills for Codex, Claude Code, Cursor, and other agents, focused on web design, landing pages, motion, WebGL, UI styles, and assets.
    
    A few favorites:
    
    - Video to Super Prompt
    Turns a screen recording of a design, landing page, or animation into a super detailed prompt that Fable 5 can one-shot into HTML.
    
    - HTML to Interaction Prompts
    Takes an existing HTML page, like something built in Aura, and extracts prompts for sections, buttons, animations, WebGL effects, and interactions.
    
    - Stitched Full Page Capture
    Captures the entire landing page, not just the hero, so you can use the full page as a design reference.
    
    - Daily UI Inspiration
    Combines multiple skills into an agent loop that browses the web, captures great landing pages, and turns them into detailed prompt packs.
    
    It's free. Fork them and adapt for your own workflow.

    提示词 · 视频提示词 · 技能 · Agent 工程 · 前端工程 · AI 应用

  4. 已加载全部提示词