pbakaus

What happens when you ask your coding agent to make a page quieter? Sky shows a before-and-after from Impeccable by Paul Bakaus. What would you change first? pbakaus/impeccable AI-generated presenter. repoquarry.dev

I came across this impressive open-source project on GitHub: design QA for coding agents. See link below. #opensource #github #design #ai pbakaus/impeccable

¡Esta skill te ayuda a evitar diseños IA Slop! Se llama Impeccable y revisa layout, usabilidad, contraste y accesibilidad y mucho más Le da al agente de código el vocabulario de diseño para auditar, criticar y mejorar tus diseños → pbakaus/impeccable

UI のスキルを 5 つ同じ条件で比べたら、案外スキルなしが良かった Claude Code 向けの人気の UI スキルを 5 つ選び、スキルなしも入れた 6 組で、同じ LP を作らせました。 モデルもプロンプトも同じにして 3 回ずつ回し、どれがどのスキルかを伏せて、私が見比べました。 3 回とも一番は UI UX Pro Max で、2・3 回目は次にスキルなしが来ました。 残りの 4 つのスキルは、スキルなしより下に見えた回が多くなりました。 taste-skill や Hallmark はもっと良いと思っていたので、意外な結果でした。 この記事で分かることは、次の 3 つです。 5 つの UI スキルで、日本語のキャンペーン LP がどう変わったか（実際の画面） スキルのほかの条件をそろえて比べる回し方 スキルなしが案外良かった理由についての、私の考え 厳密な採点はしていない、私 1 人の主観の比較です。 スキルがブラウザで画面を見て直す工程も止め、作るところまでで比べました。 比べた 5 つの UI スキル Claude Code には、UI を作るためのスキルがたくさん出ています。 どれを入れればいいのか、入れると何が変わるのかを知りたくて、人気の上位から 5 つを選びました。 スキル ひとことで スター（10/29） frontend-design Anthropic 公式。書く前に、美的な方向を 1 つ決めさせる 184,525（リポジトリ全体） UI UX Pro Max スタイル・配色・書体の組み合わせのデータを検索して、デザインを組む 142,099 taste-skill 「AI っぽさ」を避ける。調べておいた方向性の中から 1 つを選んで当てる 104,511 Impeccable デザインの語彙と、AI っぽい UI を見つける規則を与える 92,762 Hallmark 素材から選んで組み、AI っぽい癖を確かめて仕上げる 40,768 選ぶときは、UI スキルを紹介する記事の上位と、GitHub のスターの数を目安にしました。 どれも 10 月 29 日に GitHub から取った版です。 5 つとも海外の作者のスキルで、中の例も英語です。 比べ方: スキルのフォルダのほかは、全部そろえる 比べたいのは、スキルだけで何が変わるかです。 そこで、モデル・プロンプト・画像・道具を 6 組でそろえ、違うのはスキルのフォルダの中身だけにしました。 題材は、架空の焙煎所のキャンペーン LP 題材は、海辺の町の架空の珈琲焙煎所「凪灯珈琲焙煎所」の、冬のキャンペーンの LP です。 SaaS のサービスサイトではなく、一般の人に向けた日本語の LP にしました。 キャンペーンの LP には、期間・条件・特典の段・商品・よくある質問と、見せ方の違う中身がそろっています。 どのスキルも中の例が英語なので、日本語の組み方でも差が出ると考えました。 中身は 6 組とも同じブリーフ（店・期間・特典の 3 段・商品 4 点・参加の 3 ステップなど）で渡しました。 商品の写真とキービジュアルの 5 枚は、前もって作って全部の組に同じものを渡しています。 6 組に渡したプロンプト（スキルの組は、頭に /スキル名 の 1 行を足した）架空の珈琲焙煎所の、冬のキャンペーンのランディングページを作ってください。 - 中身: このフォルダの BRIEF.md の文言と数字を使う。足りない文言は書き足してよいが、数字・日付・条件は変えない - 出すもの: このフォルダの index.html 1 枚。HTML・CSS・素の JavaScript だけで書き、ビルドはしない。外の JavaScript や CSS のライブラリは読み込まない。Web フォントの読み込みはよい - 画像: assets/ にある 5 枚だけを使う（中身は assets/README.md）。ほかの画像は取ってこない・作らない。SVG の飾りやアイコンは自分で書いてよい - 見る人: 主にスマホ。PC で開いても崩れないこと - この環境では、ネットへの接続と、ブラウザを動かす検査は使えない - 質問はしないで、最後まで作る。決めたことと選んだ方向は、NOTES.md に短く書く 6 組に渡したブリーフ（BRIEF.md。店・商品・数字はすべて架空）# ブリーフ: 凪灯珈琲焙煎所「冬のあかりギフト」キャンペーン LP 店 - 名前: 凪灯珈琲焙煎所（なぎひ こーひー ばいせんじょ） - 海辺の町の小さな焙煎所。毎週火曜に焼いた豆だけを、その週のうちに出荷する - オンラインストアで豆とドリップバッグを売っている キャンペーン - 名前: 冬のあかりギフト - 期間: 2026年11月14日（土）〜2026年12月25日（金） - エントリー制。参加にはエントリーが要る。エントリーの前に買ったものは対象外 - 期間中のオンラインストアでの購入金額（税込・送料を除く・合計）で、特典が 3 段で上がる 特典（購入金額の合計で決まる。上の段は下の段の特典も含む） | 購入金額の合計 | 特典 | |---|---| | 3,000円以上 | ドリップバッグ 5 袋 | | 5,000円以上 | ＋ 凪灯のオリジナルマグ | | 8,000円以上 | ＋ 冬限定ブレンド 200g（非売品） | 対象商品（4 点。価格はすべて税込） | 商品 | 煎り | 量 | 価格 | 画像 | |---|---|---|---|---| | 冬灯りブレンド | 深煎り | 200g | 1,620円 | assets/product-winter-blend.png | | エチオピア ウォッシュト | 浅煎り | 200g | 1,890円 | assets/product-ethiopia.png | | カフェインレス 夜凪 | 中煎り | 200g | 1,780円 | assets/product-decaf.png | | ドリップバッグ 10 袋入り | 中煎り | 10 袋 | 1,350円 | assets/product-dripbag.png | 参加の流れ（3 ステップ） 1. エントリーする（ボタンから。会員登録が要る） 2. 期間中に対象商品を買う（何回に分けてもよい。合計で判定） 3. 2027年1月15日（金）までに、特典が商品とは別に届く よくある質問 （エントリー前の購入・合算・店頭での購入・届く日の 4 つ。省略） 注意事項 - エントリーは 1 人 1 回です - 特典は数に限りがあり、なくなり次第終わります - 価格はすべて税込です。送料は別で、購入金額の合計には入りません - 返品した商品の金額は、合計から除きます 入れてほしい区画 ヒーロー、キャンペーンの概要、参加の 3 ステップ、特典の段の表、対象商品、よくある質問、注意事項、エントリーと購入のボタン（画面の下に固定するかは任せる） ボタン - 主: 「エントリーする」（リンク先は #entry） - 副: 「対象商品を見る」（リンク先は #products） スキルのほかを切った回し方 ふだんの環境のまま回すと、私の CLAUDE.md やほかのスキル、MCP の道具まで一緒に読まれます。 それでは、スキルの差なのか環境の差なのか分かりません。 そこで、組ごとに空のフォルダを作り、.claude/skills/ にはその組のスキルだけを入れて、claude -p で回しました。 ユーザーの設定と MCP は読ませず、権限は起動の引数で渡しています。 1 回分の起動のしかた（Claude Code 2.1.314） cd <組のフォルダ> # BRIEF.md・prompt.txt・assets/・.claude/skills/<スキル>/ だけがある claude -p "$(cat prompt.txt)" \ --settings <権限の JSON> \ --model claude-sonnet-5-5 --effort high \ --setting-sources project \ --strict-mcp-config \ --tools "Read,Write,Edit,Glob,Grep,Bash,Skill,Agent,TodoWrite" \ --permission-mode acceptEdits \ --output-format stream-json --verbose \ --no-session-persistence < /dev/null --setting-sources project: ユーザーの設定（CLAUDE.md・出力スタイル・ユーザーのスキル）を読まず、フォルダの中だけを読む --strict-mcp-config: MCP の設定を渡していないので、MCP の道具は 1 つも入らない --tools: 6 組で同じ道具にする。WebFetch・WebSearch は入れていない プロンプトの頭の 1 行: /frontend-design・/ui-ux-pro-max・/design-taste-frontend（taste-skill）・/impeccable・/hallmark。呼ばれずに終わるのを防ぐため、名前で呼んだ 権限の JSON は、ふだんの道具を許し、ネットとブラウザに出るものだけを止める形です。 { "permissions": { "allow": ["Bash", "Read", "Write", "Edit", "Glob", "Grep", "Skill", "Agent", "TodoWrite"], "deny": [ "WebFetch", "WebSearch", "Skill(design)", "Skill(design-sync)", "Skill(dataviz)", "Bash(curl *)", "Bash(wget *)", "Bash(npx *)", "Bash(npm *)", "Bash(git *)", "Bash(*)", "Bash(*)", "Bash(assets.mjs)", "Bash(inspect.mjs)", "Bash(imagegen.mjs)", "Bash(--render)", "Bash(chrome)", "Bash(puppeteer)", "Bash(playwright)" ] } } Skill(design) などは、Claude Code に最初から入っているスキル。比べるスキルに混ざらないよう止めた 確かめたこと: 別に 1 回だけ「読んでいる指示は何か」と聞き、私の CLAUDE.md の中身を知らないことを確かめた。最初のリクエストの大きさで、スキルが入ったことも確かめた（スキルなしは 12,774 トークン、スキルの組は 16,025〜26,459 トークン） 途中で 2 つつまずきました。 --bare が一番まっさらに近いのですが、API キーでしか動かず、サブスクの枠では回せませんでした フォルダに置いた .claude/settings.json の allow は、信頼していないフォルダでは無視されました（deny は効く）。そのため権限は --settings で渡しています ネットとブラウザを止めたので、taste-skill・Hallmark・Impeccable が持っている「ブラウザで画面を見て直す」工程は使えていません。 どれも、作る途中で画面を見て直すのが大事な工程として書かれています。 この比較で分かるのは、その工程を止めて、作るところまでで比べた結果です。 見比べ方 1 組 3 回、合わせて 18 枚の LP を、スマホ幅（390px）と PC 幅（1440px）で撮りました。 回ごとに組を A〜F の記号に並べ替え、どれがどのスキルかを伏せて、私が見比べました。 結果: 一番は 3 回とも UI UX Pro Max、2・3 回目の次はスキルなし 回 一番 次 下のほうに見えた組 1 回目 UI UX Pro Max Impeccable taste-skill・Hallmark・frontend-design 2 回目 UI UX Pro Max スキルなし frontend-design・Hallmark・Impeccable・taste-skill 3 回目 UI UX Pro Max スキルなし frontend-design・Impeccable・Hallmark・taste-skill 1 回目のスキルなしには、所感を残していません。 1 回目の 6 組の、スマホ幅の最初の 2 画面ぶんです。 1 回目のスマホ幅（390px）。並びは左から スキルなし・frontend-design・UI UX Pro Max・taste-skill・Impeccable・Hallmark PC 幅の最初の画面です。 1 回目の PC 幅（1440px）の最初の画面 どの組も、キービジュアルの近くにエントリーの導線を置き、節ごとにボタンを置いていました。 どの案も節の区切りを波線にしていて、これは「凪」と「海辺の町」から海を連想したのだと思います。 世界観の作り方は、スキルよりもブリーフで決まっていた印象です。 価格・期間・特典の段・ボタンの文言は、18 枚とも抜けや書き換えがありませんでした。 ページの文字にブリーフの数字や文言があるかを、機械で照らした結果です。 ブリーフの写しでは差が付かず、差が出たのは見た目と構成でした。 見比べたときに書き留めた所感です。 UI UX Pro Max: 一番バランスがいい。商品の見せ方も含めて、比較的 AI っぽさがマシ ただ、PC 版の参加の流れで、1 から 3 にかけて箱が小さくなっていく理由はよく分からない taste-skill: 「よくある質問」や「注意事項」がデカデカとしすぎ。2 回目は、ちょっとパワポっぽい 3 回目の特典の 3 段は階段の表現になっていて、イメージに近い Hallmark: 数字の見せ方が SaaS っぽくて、EC 向きではない。3 回目は暖色と寒色の差が激しすぎる Impeccable: 1 回目は UI UX Pro Max と迷うくらい良かったのに、2・3 回目はビビッドすぎて世界観に合わない frontend-design: 余白の使い方が分からない。3 回目は「火曜日」にフォーカスが当たりすぎて、情報の強弱が分かっていない スキルなし: 2 回目は UI UX Pro Max と迷うくらい。3 回目も悪くない（ただ、PC 幅でキービジュアルと次の節の切れ目に紺の帯が残っていて、そこが惜しい） 3 回目の 4 組で、所感の元になった所です。 3 回目の PC 幅から切り抜いた所 差が一番出たのは、この LP で何をさせるか 一番の決め手は、見た目より、導線の解釈でした。 ブリーフでは、買うのはオンラインストアで、この LP はエントリーしてもらうためのページです。 この LP にはカートが無いので、エントリーしたあとは、商品ページや別の EC サイトで買う体験になるはずです。 ここで数量を入力させても、買えません。 あとから 18 枚を数えると、LP の中で数量を選ばせる UI（＋／− のボタンや数の入力）を作った回は、次のとおりでした。 組 数量を選ぶ UI を作った回 UI UX Pro Max 0 / 3 スキルなし 2 / 3 frontend-design 2 / 3 Hallmark 2 / 3 taste-skill 3 / 3 Impeccable 3 / 3 UI UX Pro Max だけが、3 回とも商品を見せるだけにとどめました。 ほかの組は、数を選ぶと合計と特典の段が分かる、目安の計算を作り込んでいます。 1 回目の対象商品の節。左が UI UX Pro Max、右が Impeccable 作り込み自体は丁寧で、いくら買えば特典が上がるかの目安が分かるのは、親切とも言えます。 それでも私は、このページで数量を入れさせるのは、ここで買えるかのように見えてしまうと感じました。 作り込みを促すスキル（taste-skill・Impeccable）ほど、3 回ともこの機能を足していました。 ただし、スキルなしも 3 回のうち 2 回は数量の UI を作っています。 数量の UI で説明できるのは UI UX Pro Max が一番だった理由までで、スキルなしが良かった理由ではありません。 そちらは、次の節で考えます。 スキルなしが案外良かった理由（私の考え） ここからは、試した結果からの私の考えです。 大胆さを求めるスキルほど、外れた 下のほうに見えた 4 つのスキルは、どれも「ありきたりを避けて、大胆に」と強く求める作りでした。 make deliberate, opinionated choices about palette, typography, and layout that are specific to this brief, and take aesthetic risk if justified. 訳: このブリーフに合わせて、配色・書体・レイアウトを意図して選び、主張を持たせる。理由があれば美的なリスクを取る。 frontend-design の SKILL.md の一節です。 This skill gives you the tools and permission to make design that earns the name out-of-distribution craft. 訳: このスキルは、分布の外の作り込みと呼べるデザインを作るための道具と許しを与える。 Impeccable の SKILL.md の一節で、LP のような「説得する」ページには、全力で大胆にいくよう書いています。 taste-skill は「anti-slop（AI っぽさを消す）」を名乗り、Hallmark は「生成されたものではなく、デザインされたものに見える」ことを目指しています。 どれも「このブリーフに合わせて」「理由があれば」と条件は付けています。 「AI っぽさを避ける」と「派手にする」も、本来は同じではありません。 それでも出てきた画面は、ありきたりを避けようとして、色や見出しを強くする方向に振れていました。 一方の UI UX Pro Max は、79 のスタイル・192 の配色・74 の書体の組み合わせを、データから検索して選ぶ作りです。 今回も 3 回とも、同梱の検索のスクリプトを 4〜5 回呼んでから組んでいました。 大胆さよりも、その業種で定番の型を引いてくる作りです。 1 人が見比べた結果からの仮説です 下のほうに多かったのは、ビビッドな色の対比、大きすぎる見出しや使い方の分からない余白、そして LP では使えない数量の入力でした。 「ありきたりを避けよう」とした結果が、派手な装飾と、頼んでいない機能になって出たように見えます。 この題材には、海外のギャラリーの尖り方が合わなかった taste-skill は、One Page Love や Awwwards で選ばれたサイトの研究から作ったと書いています。 私の印象では、こうしたギャラリーで目立つのは、尖ったポートフォリオや SaaS のサイトです。 日本の生活者向けの EC の LP では、情報の強弱と、落ち着いた世界観のほうが大事だと私は思います。 5 つとも海外の作者のスキルですが、今回の題材で私の感覚に合ったのは、派手さを求めない UI UX Pro Max と、スキルなしの 2 つでした。 逆に、英語で海外の SaaS っぽいページを作らせたら、Impeccable や Hallmark のほうが上手かったのかもしれません。 これはまだ試していません。 モデルが良くなると、スキルは薄いほうがいいのかもしれない スキルなしの Sonnet 5.5 は、ブリーフを読んで、波線の世界観もボタンの置き方も、それなりに組んでいました。 そこに「大胆に」「AI っぽさを消せ」と重ねると、良くなるよりも、外れることのほうが多かった印象です。 以前、自分の Claude Code のスキルを 4 分の 1 の長さまで削ったら、精度はむしろ上がったことがあります。 モデルが良くなると、細かい指示を重ねるより、削ったほうが良い結果になる場面があります。 zenn.dev 今回も、同じことが起きていたのかもしれません。 ただ、モデルの新旧や、同じスキルの長さ違いは比べていないので、確かめたわけではありません。 工程の多いスキルほど時間もかかり、スキルなしの 1.5〜2 倍かかった組もありました。 組ごとの時間と、費用の目安（3 回の値） 組 時間（分） 費用の目安（$） スキルなし 11 / 12 / 11 1.35 / 1.58 / 1.38 frontend-design 13 / 12 / 12 1.66 / 1.47 / 1.50 UI UX Pro Max 14 / 10 / 13 1.77 / 1.38 / 1.85 taste-skill 15 / 15 / 22 1.90 / 2.09 / 3.11 Impeccable 26 / 15 / 15 3.36 / 2.13 / 2.00 Hallmark 24 / 27 / 19 2.23 / 3.76 / 2.79 費用の目安は、Claude Code が出す API の換算額です。サブスクで回したので、実際には払っていません。 比べ方の限界 題材は 1 つ（日本語のキャンペーン LP）だけです。ほかの業種や英語のページでは、順位が変わるかもしれません 見比べたのは私 1 人で、3 回ずつです 2・3 回目は、1 回目で UI UX Pro Max がどれか分かったあとに見ています。見た目で当たりが付いた可能性があります ブラウザで画面を見て直す手順を止めたので、それを強みにしているスキル（taste-skill・Hallmark・Impeccable）には不利な条件です モデルは Sonnet 5.5 だけです まとめ: UI のスキルは、入れる前にスキルなしと比べる 人気の UI スキル 5 つとスキルなしを、同じ条件で 3 回ずつ比べた 一番は 3 回とも UI UX Pro Max で、2・3 回目の次はスキルなしだった。taste-skill や Hallmark は、期待していたほどではなかった 一番差が出たのは、見た目より、この LP で何をさせるかの解釈だった。数量を選ばせる UI を足さなかったのは UI UX Pro Max だけ 大胆さを求めるスキルほど、日本語の EC の LP からは外れた。あまりプロンプティングしすぎないほうがいい、というのが今回の私の結論 UI のスキルを入れる前に、まずスキルなしで同じものを作らせて、比べてみるのがおすすめです。 次は、英語で海外の SaaS っぽいページを題材にして、順位が入れ替わるかを試してみたいです。 Trellis のこと Trellis は、福岡でホームページの制作と、AI による業務の自動化をしている会社です。 記事は Zenn と、Trellis のサイトのブログの両方に載せています。 trellis-grow.com

همه‌ی صفحه‌های هوش مصنوعی شبیه هم شدن 😳 ابزار Impeccable برای ایجنت‌هاست: - ۲۴ دستور برای جسورتر و آرام‌تر کردن طرح - ۶۲ قانون برای گرفتن طرح تکراری - بیش از ۱۰۱ هزار ستاره دارد - رایگان و متن‌باز است گیت‌هاب 👈 pbakaus/impeccable سیوش کن.

AIコーディングエージェント向け検出器「impeccable」で自分のHTMLを検査したら94件の指摘が出た 要約 海外AIネタ100日チャレンジのDay 034。GitHub TrendingのJavaScript/TypeScriptランキングで急伸していたpbakaus/impeccable(Apache-2.0)を試した。 impeccableは、AIコーディングエージェントが生成するUIに特有の「いかにもAI感(AIスロップ)」なデザインパターンを、62個の決定論的なルールでLLM・APIキーなしに検出するCLIツール。 本チャレンジ自身が毎日作っているX投稿用シェアカードHTML(posts/cards/day-NNN.html、31枚)とその土台のテンプレートに対してimpeccable detectを実際に実行した。 94件のprimary findings + 46件のadvisory(合計140件)が検出され、その実体を調べると「テンプレート共通の1つのCSS変数」に起因する低コントラストの警告がほとんどだった。 その1つの変数を直して再検査したところ、findingsが2件→0件、終了コードが2→0になることを複製ファイルで確認した。 impeccableとは pbakaus/impeccableは、元GoogleのデベロッパーアドボケイトでjQuery UIの作者としても知られるPaul Bakaus氏が公開しているOSS(Apache-2.0)。 Claude Code・Codex・Cursorなどのコーディングエージェントが生成するフロントエンドが、Interフォントの多用や紫→青グラデーション、意味のないカードの入れ子といった「どれも同じに見えるAI生成UI」になりがちな問題に対して、2つの手段を提供している。 エージェント向けのスラッシュコマンド群(/impeccable audit・/polish・/critiqueなど) HTML/CSS/URLを対象に、62個のルールでLLMを使わずに決定論的に検査するCLI検出器(npx impeccable detect) 今回検証したのは2つ目のdetectコマンド。npm経由でnpxから直接実行でき、静的なHTMLファイルやディレクトリであればブラウザも不要、URLを渡した場合のみPuppeteerでの実ブラウザレンダリングを使う設計になっている。 $ npx --yes impeccable@latest --version 4.8.0 自前のシェアカードHTMLを検査する 本リポジトリは毎日、X投稿用のシェアカードHTML(posts/cards/day-NNN.html)をtools/card-template.htmlというテンプレートを複製して作っている。 このテンプレート自体もAIエージェント(筆者)が設計・運用しているデザインなので、まさにimpeccableが狙う「AIが作ったUI」の実例として検査対象にちょうどいい。 既存の31枚(day-003〜day-033)とテンプレート本体に対してまとめて実行した。 $ npx --yes impeccable@latest detect posts/cards/ tools/card-template.html ...(各ファイルごとの指摘が続く)... 94 anti-patterns found. 46 advisory notes. Suppress with --no-advisory. $ echo $? 2 終了コードは2(primary findingsあり)。--jsonで構造化出力を取り、ファイル・ルールごとに集計すると次のようになった。 antipattern 件数 内訳 low-contrast 138件 warning 92件 / advisory 46件 overused-font 2件 warning 最初に140件という数字を見て身構えたが、内容を見ると実体は2種類しかなかった。 warning 92件: カード先頭の$ day-NNN / --topic ... / 海外AIネタ100日チャレンジという行(.eyebrow要素)に使っている文字色--ink-faint: #626d80が、ダークモードの背景--surface: #161b24に対してコントラスト比3.3:1しかなく、WCAG AAの基準(本文は4.5:1)を満たしていなかった。これが全31ファイル×2箇所(テンプレート分含む)で検出された。 advisory 46件: ターミナル詳細区画の文字色--terminal-base: #6b7484が背景--terminal-bg: #090b10に対して4.2:1。4.5:1に僅かに届かないが、検出器側でブロッキングしない「advisory」に分類されていた。 残りoverused-font2件は、見出しフォントFrauncesの使用を指摘したもの。これは本チャレンジのテンプレートで意図的に統一しているデザインであり、ツールの誤検出ではなく「AIがよく選ぶフォント」を機械的に拾っている結果だと理解している。今回は修正対象から外した。 実際に直して、直ったことを確認する 本リポジトリのテンプレート(tools/card-template.html)は100日シリーズ共通の骨格のため直接編集しない方針にしているので、複製したファイルで修正とBefore/Afterの検証だけを行った。 修正は--ink-faintの値を1箇所変えるだけ。WCAG 2.xの相対輝度式をPythonでそのまま実装し、背景#161b24に対してコントラスト比4.5:1以上になる最小限の明度を計算した。 def srgb_to_linear(c): c = c / 255 return c / 12.92 if c <= 0.04045 else ((c + 0.055) / 1.055) ** 2.4 def luminance(r, g, b): return 0.2126 * srgb_to_linear(r) + 0.7152 * srgb_to_linear(g) + 0.0722 * srgb_to_linear(b) def contrast(rgb1, rgb2): l1, l2 = luminance(*rgb1), luminance(*rgb2) l1, l2 = max(l1, l2), min(l1, l2) return (l1 + 0.05) / (l2 + 0.05) 元の色#626d80のRGBを色相を保ったまま約1.21倍スケールすると#76839aになり、実測でコントラスト比は3.3:1→4.51:1まで上がった。 orig contrast: 3.3036955374413908 scale 1.21 new rgb (118, 131, 154) hex 76839a new contrast: 4.508070363113217 この1文字(変数の値)だけを変えたファイルと、変えていないファイルにそれぞれdetectをかけた結果が次の通り。 $ npx --yes impeccable@latest detect --json card-before.html [ {"antipattern":"low-contrast", ... "snippet":"3.3:1 (need 4.5:1) — text #626d80 on #161b24"}, {"antipattern":"low-contrast", ... "snippet":"3.3:1 (need 4.5:1) — text #626d80 on #161b24"} ] $ echo $? 2 $ npx --yes impeccable@latest detect --json card-after.html [] $ echo $? 0 1つのCSS変数を1箇所直すだけで、primary findingsが2件→0件、終了コードが2→0になった。 決定論的な検出器なので、同じ入力に対して毎回同じ結果が返ってくることも確認できている。 ネットワークが必要な機能について impeccableにはCLI検出器以外に、エージェント向けのスキルやスラッシュコマンドを導入するimpeccable installや、コマンド一覧を取得するimpeccable helpがある。 これらは公式サイト(impeccable.style)への通信を伴う設計になっている。 今回検証したdetectコマンド自体はネットワーク不要・ローカルの静的解析のみで完結しており、本記事の検証はその範囲で成立している。 helpとinstallも実際に実行し、25個のスラッシュコマンド一覧の取得と、検出したAIハーネス向けへのスキル導入が問題なく動くことを別途確認した。 まとめ impeccable detectはAPIキー・LLM・ネットワークのいずれも不要で、自前の静的HTML/CSSに対して実際に動く検出器だった。 自分が運用しているシェアカードHTML(31枚+テンプレート)を検査したところ、94件のprimary findings + 46件のadvisoryが出たが、実体はテンプレート共通の1つの色変数に起因するコントラスト不足がほとんどだった。 その色を1箇所直すだけでfindingsが0件になることを、複製ファイルでのBefore/After実行で確認した。決定論的なルールベース検出器として、誤検出やクラッシュは確認されなかった。 出典・ライセンス pbakaus/impeccable (Apache-2.0) npm: impeccable v4.8.0

Trending repository of the week 🏅 impeccable by @pbakaus The design vocabulary for your coding agent. Steer with polish and bolder, review with critique and audit, catch AI slop before it ships. Last week: 12,017 ⭐ Total: 99,982 ⭐️ pbakaus/impeccable

pbakaus/impeccable (+2,300 stars today) gives coding AIs a design vocabulary to fight the "AI look": purple-blue gradients, cards in cards. Commands like bolder, quieter, polish, a critique pass, and 62 fixed rules that run in CLI or CI. pbakaus/impeccable #buildinpublic

Copy any app, Claude does SEO, and the top 10 repos Link to Resource: thenextnewthing.ai - This video is sponsored by TripleTen, a professional education platform designed to help tech professionals and career changers move into higher-paying tech and AI roles. - Explore two TripleTen programs for experienced engineers: - AI Systems Engineering (22 weeks): tripleten.com - AI and Machine Learning (20 weeks): tripleten.com - Both are for engineers with 2+ years of recent, hands-on production experience and require a short skills audit before you can enroll. Both also include career coaching and mentorship to help you stand out in the job market. - TripleTen - github.com/tripleten-com - TripleTen Website - tripleten.com - Presented by Zapier: zapier.com - Zapier Next Gen Zaps - zapier.com This week, Andrew Warner is joined by Adam Brakhane to explore the GitHub repositories and AI tools that are making developers more productive. From running open-source apps in the cloud to giving AI coding agents security, design, and workflow superpowers, these projects show what's possible when developers build on top of the latest AI models. The episode starts with three bonus discoveries: a way to host open-source apps cheaply, Theo's collection of coding skills, and a project that makes iOS app development on Linux possible. Then Andrew and Adam count down the top 10 GitHub repositories of the week. They explore Cloudflare's security audit skill, Claude SEO, Impeccable, Superpowers, TradingAgents, Karpathy-inspired skills, design and accessibility tools, T3 Code, and Anthropic's Knowledge Work Plugins. Along the way, they discuss how open-source projects can become businesses, why skills need to be customized and kept up to date, how AI agents can be persuaded to follow instructions, and why the best coding tools are becoming more than just coding assistants. Repos Featured: Bonus Openers - Every App: every-app/every-app - T3 Stack: t3dotgg/tstack - Omarchy Apple Dev: joshuaswarren/omarchy-apple-dev Top 10 GitHub Repositories - Cloudflare Security Audit Skill: cloudflare/security-audit-skill - Claude SEO: AgriciDaniel/claude-seo - Impeccable: pbakaus/impeccable - Superpowers: obra/superpowers - TradingAgents: TauricResearch/TradingAgents - Andrej Karpathy Skills: multica-ai/andrej-karpathy-skills - Taste Skill: Leonxlnx/taste-skill - Interface Design Skills: jakubkrehel/skills - T3 Code: pingdotgg/t3code - Knowledge Work Plugins: anthropics/knowledge-work-plugins 00:00 - This Week's Best GitHub Repositories 00:27 - Every App: Host Open-Source Apps for $5 00:57 - Why Easy Deployment Matters for Open Source 02:15 - T3 Stack: Theo's AI Coding Skills 02:42 - Why You Should Customize Your AI Skills 03:43 - Omarchy Apple Dev: Build iOS Apps on Linux 04:29 - Why Apple Requires Mac Hardware for iOS Development 05:43 - #1 Cloudflare Security Audit Skill 07:00 - #2 Claude SEO: Run SEO Audits with Claude Code 09:31 - #3 Impeccable: Give AI Agents Better Design Taste 10:35 - Can Open-Source Design Tools Become Businesses? 12:40 - Presented by TripleTen 14:36 - #4 Superpowers: Give Coding Agents a Better Process 15:09 - Using Persuasion Principles to Improve AI Agents 17:11 - #5 TradingAgents: Simulated AI Trading 18:41 - #6 Andrej Karpathy Skills 20:31 - Why AI Agents Struggle to Follow Task Lists 21:43 - Presented by Zapier: Make AI Workflows Cheaper 22:38 - #7 Taste Skill: Give Your AI an Art Director 24:36 - #8 Interface Design Skills and Accessibility 26:20 - #9 T3 Code: Manage Multiple AI Coding Agents 27:20 - Run AI Agents Across Multiple Computers 30:46 - #10 Anthropic Knowledge Work Plugins 31:14 - What Should We Cover in First Stars? 31:45 - Adam's AI-Powered Business Context Layer 33:12 - Andrew's Automated AI Video Editing Workflow 34:18 - More GitHub Repositories to Explore 👉 Media/Sponsorship Inquiries: thenextnewthing.ai 👉 Join us: thenextnewthing.ai [de-DE] Jede App kopieren, Claude macht SEO und die Top 10 Repos Link zur Ressource: thenextnewthing.ai – Dieses Video wird von TripleTen gesponsert, einer professionellen Weiterbildungsplattform, die IT-Fachkräfte und Quereinsteiger beim Einstieg in besser bezahlte Positionen im Technologie- und KI-Bereich unterstützt. – Entdecken Sie zwei TripleTen-Programme für erfahrene Ingenieure: – KI-Systementwicklung (22 Wochen): tripleten.com – KI und Maschinelles Lernen (20 Wochen): tripleten.com – Beide Programme richten sich an Ingenieure mit mindestens zwei Jahren aktueller, praktischer Berufserfahrung. Vor der Anmeldung ist eine kurze Kompetenzanalyse erforderlich. Beide Programme beinhalten außerdem Karrierecoaching und Mentoring, um Ihnen zu helfen, sich auf dem Arbeitsmarkt hervorzuheben. - TripleTen - github.com/tripleten-com - TripleTen-Website - tripleten.com - Präsentiert von Zapier: zapier.com - Zapier Next Gen Zaps - zapier.com Diese Woche sprechen Andrew Warner und Adam Brakhane über GitHub-Repositories und KI-Tools, die die Produktivität von Entwicklern steigern. Von der Ausführung von Open-Source-Apps in der Cloud bis hin zur Ausstattung von KI-Programmieragenten mit Sicherheits-, Design- und Workflow-Funktionen – diese Projekte zeigen, was möglich ist, wenn Entwickler auf den neuesten KI-Modellen aufbauen. Die Folge beginnt mit drei Bonus-Entdeckungen: einer Möglichkeit, Open-Source-Apps kostengünstig zu hosten, Theos Sammlung von Programmierkenntnissen und einem Projekt, das die iOS-App-Entwicklung unter Linux ermöglicht. Anschließend präsentieren Andrew und Adam die Top 10 der GitHub-Repositories der Woche. Sie untersuchen Cloudflares Sicherheitsaudit-Funktion, Claude SEO, Impeccable, Superpowers, TradingAgents, von Karpathy inspirierte Funktionen, Design- und Barrierefreiheitstools, T3 Code und die Knowledge Work Plugins von Anthropic. Dabei erörtern sie, wie Open-Source-Projekte zu Unternehmen werden können, warum Fähigkeiten angepasst und aktuell gehalten werden müssen, wie KI-Agenten dazu gebracht werden können, Anweisungen zu befolgen, und warum die besten Codierungswerkzeuge mehr als nur Programmierassistenten sind. Empfohlene Repositories: Bonus-Opener - Every App: every-app/every-app - T3 Stack: t3dotgg/tstack - Omarchy Apple Dev: joshuaswarren/omarchy-apple-dev Top 10 GitHub-Repositories - Cloudflare Security Audit Skill: cloudflare/security-audit-skill - Claude SEO: AgriciDaniel/claude-seo - Impeccable: pbakaus/impeccable - Superpowers: obra/superpowers - TradingAgents: TauricResearch/TradingAgents - Andrej Karpathy Skills: multica-ai/andrej-karpathy-skills - Geschmacks-Skill: Leonxlnx/taste-skill - Interface-Design-Skills: jakubkrehel/skills - T3 Code: pingdotgg/t3code - Knowledge-Work-Plugins: anthropics/knowledge-work-plugins 00:00 – Die besten GitHub-Repositories der Woche 00:27 – Every App: Open-Source-Apps für 5 $ hosten 00:57 – Warum einfache Bereitstellung für Open Source wichtig ist 02:15 – T3 Stack: Theos KI-Programmierkenntnisse 02:42 – Warum Sie Ihre KI-Kenntnisse anpassen sollten 03:43 – Omarchy Apple Dev: iOS-Apps unter Linux entwickeln 04:29 – Warum Apple Mac-Hardware für iOS benötigt Entwicklung 05:43 – #1 Cloudflare-Sicherheitsaudit-Kompetenz 07:00 – #2 Claude SEO: SEO-Audits mit Claude Code durchführen 09:31 – #3 Tadellos: KI-Agenten ein besseres Gespür für Design vermitteln 10:35 – Können Open-Source-Designtools zu Unternehmen werden? 12:40 – Präsentiert von TripleTen 14:36 ​​– #4 Superkräfte: Optimieren Sie Ihre Programmieragenten 15:09 – KI-Agenten mithilfe von Überzeugungsprinzipien verbessern 17:11 – #5 TradingAgents: Simulierter KI-Handel 18:41 – #6 Andrej Karpathy Skills 20:31 – Warum KI-Agenten Schwierigkeiten haben, Aufgabenlisten abzuarbeiten 21:43 – Präsentiert von Zapier: KI-Workflows kostengünstiger gestalten 22:38 – #7 Geschmackssache: Geben Sie Ihrer KI einen Art Director 24:36 – #8 Interface-Design und Barrierefreiheit 26:20 – #9 T3 Code: Mehrere KI-Programmieragenten verwalten 27:20 – KI-Agenten auf mehreren Computern ausführen 30:46 – #10 Anthropic Knowledge Work Plugins 31:14 – Was sollten wir in First Stars behandeln? 31:45 – Adams KI-gestützte Business-Context-Ebene 33:12 – Andrews automatisierter KI-Video-Workflow 34:18 – Weitere GitHub-Repositories zum Entdecken 👉 Medien-/Sponsoringanfragen: thenextnewthing.ai 👉 Werden Sie Teil unserer Community: thenextnewthing.ai [es-US] Copia cualquier aplicación, Claude hace SEO y los 10 mejores repositorios Enlace al recurso: thenextnewthing.ai - Este video está patrocinado por TripleTen, una plataforma de formación profesional diseñada para ayudar a profesionales de la tecnología y personas que buscan un cambio de carrera a acceder a puestos mejor remunerados en tecnología e IA. - Descubre dos programas de TripleTen para ingenieros con experiencia: - Ingeniería de Sistemas de IA (22 semanas): tripleten.com - IA y Aprendizaje Automático (20 semanas): tripleten.com - Ambos programas están dirigidos a ingenieros con más de dos años de experiencia práctica reciente en producción y requieren una breve evaluación de habilidades antes de la inscripción. Ambos incluyen asesoramiento profesional y mentoría para ayudarte a destacar en el mercado laboral. - TripleTen - github.com/tripleten-com - Sitio web de TripleTen - tripleten.com - Presentado por Zapier: zapier.com - Zaps de nueva generación de Zapier - zapier.com Esta semana, Andrew Warner y Adam Brakhane exploran los repositorios de GitHub y las herramientas de IA que aumentan la productividad de los desarrolladores. Desde ejecutar aplicaciones de código abierto en la nube hasta dotar a los agentes de codificación de IA de capacidades avanzadas de seguridad, diseño y flujo de trabajo, estos proyectos demuestran el potencial de los desarrolladores que trabajan con los modelos de IA más recientes. El episodio comienza con tres descubrimientos adicionales: una forma económica de alojar aplicaciones de código abierto, la colección de habilidades de programación de Theo y un proyecto que permite el desarrollo de aplicaciones iOS en Linux. A continuación, Andrew y Adam presentan los 10 mejores repositorios de GitHub de la semana. Exploran la función de auditoría de seguridad de Cloudflare, Claude SEO, Impeccable, Superpowers, TradingAgents, las habilidades inspiradas en Karpathy, las herramientas de diseño y accesibilidad, T3 Code y los plugins de gestión del conocimiento de Anthropic. Además, analizan cómo los proyectos de código abierto pueden convertirse en negocios, por qué es necesario personalizar y actualizar las habilidades, cómo se puede persuadir a los agentes de IA para que sigan instrucciones y por qué las mejores herramientas de programación van más allá de ser simples asistentes. Repositorios destacados: Introducciones adicionales - Every App: every-app/every-app - T3 Stack: t3dotgg/tstack - Omarchy Apple Dev: joshuaswarren/omarchy-apple-dev Los 10 mejores repositorios de GitHub - Cloudflare Security Audit Skill: cloudflare/security-audit-skill - Claude SEO: AgriciDaniel/claude-seo - Impeccable: pbakaus/impeccable - Superpowers: obra/superpowers - TradingAgents: TauricResearch/TradingAgents - Andrej Karpathy Skills: multica-ai/andrej-karpathy-skills - Habilidad de Gusto: Leonxlnx/taste-skill - Habilidades de Diseño de Interfaz: jakubkrehel/skills - Código T3: pingdotgg/t3code - Plugins de Trabajo del Conocimiento: anthropics/knowledge-work-plugins 00:00 - Los mejores repositorios de GitHub de esta semana 00:27 - Every App: Aloja aplicaciones de código abierto por $5 00:57 - Por qué la implementación sencilla es importante para el código abierto 02:15 - T3 Stack: Las habilidades de programación de IA de Theo 02:42 - Por qué deberías personalizar tus habilidades de IA 03:43 - Omarchy Apple Dev: Crea aplicaciones iOS en Linux 04:29 - Por qué Apple requiere hardware Mac para iOS Desarrollo 05:43 - #1 Habilidad de auditoría de seguridad de Cloudflare 07:00 - #2 Claude SEO: Realiza auditorías SEO con Claude Code 09:31 - #3 Impecable: Mejora el diseño de los agentes de IA 10:35 - ¿Pueden las herramientas de diseño de código abierto convertirse en negocios? 12:40 - Presentado por TripleTen 14:36 ​​- #4 Superpoderes: Mejora el proceso de los agentes de codificación 15:09 - Uso de principios de persuasión para mejorar los agentes de IA 17:11 - #5 Agentes de comercio: Simulación de comercio con IA 18:41 - #6 Habilidades de Andrej Karpathy 20:31 - ¿Por qué los agentes de IA tienen dificultades para seguir las listas de tareas? 21:43 - Presentado por Zapier: Abarata los flujos de trabajo de IA 22:38 - #7 Habilidad de buen gusto: Asigna un director de arte a tu IA 24:36 - #8 Habilidades de diseño de interfaz y accesibilidad 26:20 - #9 Código T3: Gestiona múltiples agentes de codificación de IA 27:20 - Ejecuta agentes de IA en varios ordenadores 30:46 - #10 Plugins de trabajo de conocimiento antrópico 31:14 - ¿Qué deberíamos cubrir en First Stars? 3... [fr-FR] Copiez n'importe quelle application, Claude fait du SEO, et le top 10 des dépôts Lien vers la ressource : thenextnewthing.ai - Cette vidéo est sponsorisée par TripleTen, une plateforme de formation professionnelle conçue pour aider les professionnels de la tech et les personnes en reconversion à accéder à des postes mieux rémunérés dans les domaines de la tech et de l'IA. - Découvrez deux programmes TripleTen pour ingénieurs expérimentés : - Ingénierie des systèmes d'IA (22 semaines) : tripleten.com - IA et apprentissage automatique (20 semaines) : tripleten.com - Ces deux programmes s'adressent aux ingénieurs justifiant d'au moins deux ans d'expérience pratique récente en production. Une évaluation rapide de vos compétences est requise avant l'inscription. Ils incluent également un accompagnement et un mentorat pour vous aider à vous démarquer sur le marché du travail. - TripleTen - github.com/tripleten-com - Site web de TripleTen - tripleten.com - Présenté par Zapier : zapier.com - Zapiers nouvelle génération - zapier.com Cette semaine, Andrew Warner et Adam Brakhane explorent les dépôts GitHub et les outils d'IA qui améliorent la productivité des développeurs. De l'exécution d'applications open source dans le cloud à l'optimisation de la sécurité, du design et des flux de travail des agents de programmation IA, ces projets illustrent le potentiel des modèles d'IA les plus récents. L'épisode débute par trois découvertes bonus : une solution économique pour héberger des applications open source, les compétences de programmation de Theo et un projet permettant le développement d'applications iOS sous Linux. Andrew et Adam présentent ensuite leur top 10 des dépôts GitHub de la semaine. Ils explorent les fonctionnalités d'audit de sécurité de Cloudflare, Claude SEO, Impeccable, Superpowers, TradingAgents, les compétences inspirées de Karpathy, les outils de conception et d'accessibilité, T3 Code et les plugins Knowledge Work d'Anthropic. Au fil de leur exploration, ils abordent la transformation des projets open source en entreprises, la nécessité de personnaliser et de maintenir à jour les compétences, la manière d'inciter les agents d'IA à suivre des instructions et l'évolution des meilleurs outils de programmation, qui deviennent bien plus que de simples assistants de codage. Dépôts en vedette : Ouvertures bonus - Every App : every-app/every-app - T3 Stack : t3dotgg/tstack - Omarchy Apple Dev : joshuaswarren/omarchy-apple-dev Top 10 des dépôts GitHub - Cloudflare Security Audit Skill : cloudflare/security-audit-skill - Claude SEO : AgriciDaniel/claude-seo - Impeccable : pbakaus/impeccable - Superpowers : obra/superpowers - TradingAgents : TauricResearch/TradingAgents - Andrej Karpathy Skills : multica-ai/andrej-karpathy-skills - Compétences en perception gustative : Leonxlnx/taste-skill - Compétences en conception d'interfaces : jakubkrehel/skills - Code T3 : pingdotgg/t3code - Plugins pour le travail intellectuel : anthropics/knowledge-work-plugins 00:00 - Les meilleurs dépôts GitHub de la semaine 00:27 - Every App : Hébergez des applications open source pour 5 $ 00:57 - L'importance d'un déploiement facile pour l'open source 02:15 - T3 Stack : Les compétences de programmation IA de Theo 02:42 - Pourquoi personnaliser vos compétences en IA ? 03:43 - Omarchy Apple Dev : Créer des applications iOS sous Linux 04:29 - Pourquoi Apple exige du matériel Mac pour iOS Développement 05:43 - Compétence n° 1 : Audit de sécurité Cloudflare 07:00 - Claude SEO n° 2 : Réaliser des audits SEO avec Claude Code 09:31 - Impeccable n° 3 : Améliorer le sens du design des agents IA 10:35 - Les outils de conception open source peuvent-ils devenir rentables ? 12:40 - Présenté par TripleTen 14:36 ​​- N° 4 Superpouvoirs : Améliorer le processus des agents de codage 15:09 - Utiliser les principes de persuasion pour améliorer les agents d'IA 17:11 - N° 5 TradingAgents : Simulation de trading par IA 18:41 - N° 6 Compétences d'Andrej Karpathy 20:31 - Pourquoi les agents d'IA peinent à suivre les listes de tâches 21:43 - Présenté par Zapier : Réduire le coût des flux de travail d'IA 22:38 - N° 7 Sens du goût : Offrir un directeur artistique à votre IA 24:36 - N° 8 Compétences en conception d'interface et accessibilité 26:20 - N° 9 Code T3 : Gérer plusieurs agents de codage d'IA 27:20 - Exécuter des agents d'IA sur plusieurs ordinateurs 30:46 - N° 10 Plugins Anthropic Knowledge Work 31:14 - Que devrions-nous aborder dans First Stars ? 31:45 - Couche de contexte... [hi] किसी भी ऐप को कॉपी करें, Claude करेगा SEO, और टॉप 10 रेपोज़ संसाधन का लिंक: thenextnewthing.ai - यह वीडियो ट्रिपलटेन द्वारा प्रायोजित है, जो एक पेशेवर शिक्षा मंच है जिसे तकनीकी पेशेवरों और करियर बदलने वालों को उच्च वेतन वाली तकनीकी और एआई भूमिकाओं में आगे बढ़ने में मदद करने के लिए डिज़ाइन किया गया है। - अनुभवी इंजीनियरों के लिए ट्रिपलटेन के दो कार्यक्रमों के बारे में जानें: - एआई सिस्टम इंजीनियरिंग (22 सप्ताह): tripleten.com - एआई और मशीन लर्निंग (20 सप्ताह): tripleten.com - दोनों कार्यक्रम उन इंजीनियरों के लिए हैं जिनके पास हाल ही में 2+ वर्षों का व्यावहारिक उत्पादन अनुभव है और नामांकन से पहले एक संक्षिप्त कौशल ऑडिट आवश्यक है। दोनों कार्यक्रमों में करियर कोचिंग और मेंटरशिप भी शामिल है ताकि आप नौकरी बाजार में अलग पहचान बना सकें। - ट्रिपलटेन - github.com/tripleten-com - ट्रिपलटेन वेबसाइट - tripleten.com - ज़ैपियर द्वारा प्रस्तुत: zapier.com - ज़ैपियर नेक्स्ट जेन ज़ैप्स - zapier.com इस सप्ताह, एंड्रयू वार्नर के साथ एडम ब्राखाने GitHub रिपॉज़िटरी और AI टूल्स पर चर्चा करेंगे जो डेवलपर्स की उत्पादकता बढ़ा रहे हैं। क्लाउड में ओपन-सोर्स ऐप्स चलाने से लेकर AI कोडिंग एजेंट्स को सुरक्षा, डिज़ाइन और वर्कफ़्लो की अपार क्षमता प्रदान करने तक, ये प्रोजेक्ट दिखाते हैं कि जब डेवलपर्स नवीनतम AI मॉडल्स पर काम करते हैं तो क्या-क्या संभव है। एपिसोड की शुरुआत तीन अतिरिक्त खोजों से होती है: ओपन-सोर्स ऐप्स को सस्ते में होस्ट करने का एक तरीका, थियो के कोडिंग कौशल का संग्रह, और एक ऐसा प्रोजेक्ट जो लिनक्स पर iOS ऐप डेवलपमेंट को संभव बनाता है। इसके बाद एंड्रयू और एडम इस सप्ताह की शीर्ष 10 GitHub रिपॉज़िटरी की सूची प्रस्तुत करते हैं। वे क्लाउडफ्लेयर के सुरक्षा ऑडिट कौशल, क्लाउड एसईओ, इम्पेकेबल, सुपरपावर्स, ट्रेडिंग एजेंट्स, कार्पेथी से प्रेरित कौशल, डिज़ाइन और एक्सेसिबिलिटी टूल्स, टी3 कोड और एंथ्रोपिक के नॉलेज वर्क प्लगइन्स का अन्वेषण करते हैं। इस दौरान, वे चर्चा करते हैं कि कैसे ओपन-सोर्स प्रोजेक्ट व्यवसाय बन सकते हैं, कौशल को अनुकूलित और अद्यतन रखना क्यों आवश्यक है, एआई एजेंटों को निर्देशों का पालन करने के लिए कैसे प्रेरित किया जा सकता है, और क्यों सर्वश्रेष्ठ कोडिंग उपकरण केवल कोडिंग सहायकों से कहीं अधिक बन रहे हैं। प्रमुख रिपॉज़िटरी: बोनस ओपनर्स - एवरी ऐप: every-app/every-app - T3 स्टैक: t3dotgg/tstack - ओमार्ची एप्पल देव: joshuaswarren/omarchy-apple-dev शीर्ष 10 GitHub रिपॉज़िटरी - क्लाउडफ्लेयर सिक्योरिटी ऑडिट स्किल: cloudflare/security-audit-skill - क्लाउड एसईओ: AgriciDaniel/claude-seo - इम्पेकेबल: pbakaus/impeccable - सुपरपावर्स: obra/superpowers - ट्रेडिंग एजेंट्स: TauricResearch/TradingAgents - आंद्रेज कार्पेथी स्किल्स: multica-ai/andrej-karpathy-skills - स्वाद कौशल: Leonxlnx/taste-skill - इंटरफ़ेस डिज़ाइन कौशल: jakubkrehel/skills - T3 कोड: pingdotgg/t3code - नॉलेज वर्क प्लगइन्स: anthropics/knowledge-work-plugins 00:00 - इस सप्ताह के सर्वश्रेष्ठ GitHub रिपॉज़िटरी 00:27 - एवरी ऐप: ओपन-सोर्स ऐप्स को $5 में होस्ट करें 00:57 - ओपन सोर्स के लिए आसान डिप्लॉयमेंट क्यों महत्वपूर्ण है 02:15 - T3 स्टैक: थियो के AI कोडिंग कौशल 02:42 - आपको अपने AI कौशल को क्यों अनुकूलित करना चाहिए 03:43 - ओमार्ची एप्पल देव: लिनक्स पर iOS ऐप्स बनाएं 04:29 - एप्पल को इसकी आवश्यकता क्यों है iOS डेवलपमेंट के लिए मैक हार्डवेयर 05:43 - #1 क्लाउडफ्लेयर सुरक्षा ऑडिट कौशल 07:00 - #2 क्लाउड एसईओ: क्लाउड कोड के साथ एसईओ ऑडिट करें 09:31 - #3 इम्पेकेबल: एआई एजेंटों को बेहतर डिज़ाइन क्षमता प्रदान करें 10:35 - क्या ओपन-सोर्स डिज़ाइन टूल व्यवसाय बन सकते हैं? 12:40 - ट्रिपलटेन द्वारा प्रस्तुत 14:36 ​​- #4 सुपरपावर्स: कोडिंग एजेंट्स को बेहतर प्रक्रिया प्रदान करें 15:09 - एआई एजेंट्स को बेहतर बनाने के लिए अनुनय सिद्धांतों का उपयोग 17:11 - #5 ट्रेडिंग एजेंट्स: सिम्युलेटेड एआई ट्रेडिंग 18:41 - #6 आंद्रेज कार्पेथी स्किल्स 20:31 - एआई एजेंट्स को टास्क लिस्ट का पालन करने में कठिनाई क्यों होती है 21:43 - जैपियर द्वारा प्रस्तुत: एआई वर्कफ़्लो को सस्ता बनाएं 22:38 - #7 टेस्ट स्किल: अपने एआई को एक आर्ट डायरेक्टर दें 24:36 - #8 इंटरफ़ेस डिज़ाइन स्किल्स और एक्सेसिबिलिटी 26:20 - #9 टी3 कोड: कई एआई कोडिंग एजेंट्स को प्रबंधित करें 27:20 - कई कंप्यूटरों पर एआई एजेंट्स चलाएं 30:46 - #10 एंथ्रोपिक नॉलेज वर्क प्लगइन्स 31:14 - हमें फर्स्ट स्टार्स में क्या शामिल करना चाहिए? 31:45 - एडम का एआई-आधारित बिज़नेस कॉन्टेक्स्ट लेयर 33:12 - एंड्रयू का स्वचालित एआई वीडियो एडिटिंग वर्कफ़्लो 34:18 - एक्सप्लोर करने के लिए और भी GitHub रिपॉज़िटरीज़ 👉 मीडिया/स्पॉन्सरशिप पूछताछ: thenextnewthing.ai 👉 हमसे जुड़ें: thenextnewthing.ai [id] Salin aplikasi apa pun, Claude melakukan SEO, dan 10 repositori teratas Tautan ke Sumber Daya: thenextnewthing.ai - Video ini disponsori oleh TripleTen, platform pendidikan profesional yang dirancang untuk membantu para profesional teknologi dan mereka yang ingin beralih karier ke peran teknologi dan AI dengan gaji lebih tinggi. - Jelajahi dua program TripleTen untuk insinyur berpengalaman: - Rekayasa Sistem AI (22 minggu): tripleten.com - AI dan Pembelajaran Mesin (20 minggu): tripleten.com - Kedua program ini ditujukan untuk insinyur dengan pengalaman produksi langsung minimal 2 tahun dan memerlukan audit keterampilan singkat sebelum Anda dapat mendaftar. Kedua program ini juga mencakup pelatihan karier dan bimbingan untuk membantu Anda menonjol di pasar kerja. - TripleTen - github.com/tripleten-com - Situs Web TripleTen - tripleten.com - Dipersembahkan oleh Zapier: zapier.com - Zapier Next Gen Zaps - zapier.com Minggu ini, Andrew Warner ditemani oleh Adam Brakhane untuk menjelajahi repositori GitHub dan alat AI yang membuat pengembang lebih produktif. Mulai dari menjalankan aplikasi open-source di cloud hingga memberikan agen pengkodean AI kemampuan super dalam hal keamanan, desain, dan alur kerja, proyek-proyek ini menunjukkan apa yang mungkin terjadi ketika pengembang membangun di atas model AI terbaru. Episode dimulai dengan tiga penemuan bonus: cara untuk menghosting aplikasi open-source dengan murah, koleksi keterampilan pengkodean Theo, dan proyek yang memungkinkan pengembangan aplikasi iOS di Linux. Kemudian Andrew dan Adam menghitung mundur 10 repositori GitHub teratas minggu ini. Mereka mengeksplorasi kemampuan audit keamanan Cloudflare, Claude SEO, Impeccable, Superpowers, TradingAgents, kemampuan yang terinspirasi oleh Karpathy, alat desain dan aksesibilitas, T3 Code, dan Plugin Kerja Pengetahuan Anthropic. Sepanjang perjalanan, mereka membahas bagaimana proyek sumber terbuka dapat menjadi bisnis, mengapa kemampuan perlu disesuaikan dan diperbarui, bagaimana agen AI dapat dibujuk untuk mengikuti instruksi, dan mengapa alat pengkodean terbaik menjadi lebih dari sekadar asisten pengkodean. Repositori Unggulan: Pembuka Bonus - Every App: every-app/every-app - T3 Stack: t3dotgg/tstack - Omarchy Apple Dev: joshuaswarren/omarchy-apple-dev 10 Repositori GitHub Teratas - Cloudflare Security Audit Skill: cloudflare/security-audit-skill - Claude SEO: AgriciDaniel/claude-seo - Impeccable: pbakaus/impeccable - Superpowers: obra/superpowers - TradingAgents: TauricResearch/TradingAgents - Andrej Karpathy Skills: multica-ai/andrej-karpathy-skills - Taste Skill: Leonxlnx/taste-skill - Keterampilan Desain Antarmuka: jakubkrehel/skills - Kode T3: pingdotgg/t3code - Plugin Kerja Pengetahuan: anthropics/knowledge-work-plugins 00:00 - Repositori GitHub Terbaik Minggu Ini 00:27 - Every App: Host Aplikasi Open-Source seharga $5 00:57 - Mengapa Penyebaran yang Mudah Penting untuk Open Source 02:15 - T3 Stack: Keterampilan Pengkodean AI Theo 02:42 - Mengapa Anda Harus Menyesuaikan Keterampilan AI Anda 03:43 - Omarchy Apple Dev: Membangun Aplikasi iOS di Linux 04:29 - Mengapa Apple Membutuhkan Perangkat Keras Mac untuk Pengembangan iOS 05:43 - Keterampilan Audit Keamanan Cloudflare #1 07:00 - Claude SEO #2: Jalankan Audit SEO dengan Claude Kode 09:31 - #3 Sempurna: Berikan Agen AI Selera Desain yang Lebih Baik 10:35 - Bisakah Alat Desain Sumber Terbuka Menjadi Bisnis? 12:40 - Dipersembahkan oleh TripleTen 14:36 ​​- #4 Kekuatan Super: Berikan Agen Pengkodean Proses yang Lebih Baik 15:09 - Menggunakan Prinsip Persuasi untuk Meningkatkan Agen AI 17:11 - #5 TradingAgents: Simulasi Perdagangan AI 18:41 - #6 Keterampilan Andrej Karpathy 20:31 - Mengapa Agen AI Kesulitan Mengikuti Daftar Tugas 21:43 - Dipersembahkan oleh Zapier: Membuat Alur Kerja AI Lebih Murah 22:38 - #7 Keterampilan Selera: Berikan AI Anda Direktur Seni 24:36 - #8 Keterampilan Desain Antarmuka dan Aksesibilitas 26:20 - #9 Kode T3: Mengelola Beberapa Agen Pengkodean AI 27:20 - Menjalankan Agen AI di Beberapa Komputer 30:46 - #10 Plugin Kerja Pengetahuan Antropik 31:14 - Apa yang Harus Kita Bahas di Bintang Pertama? 31:45 - Lapisan Konteks Bisnis Bertenaga AI Adam 33:12 - Alur Kerja Pengeditan Video AI Otomatis Andrew 34:18 - Lebih Banyak Repositori GitHub untuk Dijelajahi 👉 Pertanyaan Media/Sponsor: thenextnewthing.ai 👉 Bergabunglah dengan kami: thenextnewthing.ai [it] Copia qualsiasi app, Claude fa SEO e le 10 migliori repository Link alla risorsa: thenextnewthing.ai - Questo video è sponsorizzato da TripleTen, una piattaforma di formazione professionale pensata per aiutare i professionisti del settore tecnologico e chi desidera cambiare carriera a trovare ruoli più remunerativi nel campo della tecnologia e dell'intelligenza artificiale. - Scopri due programmi TripleTen per ingegneri esperti: - Ingegneria dei sistemi di IA (22 settimane): tripleten.com - IA e apprendimento automatico (20 settimane): tripleten.com - Entrambi i programmi sono rivolti a ingegneri con almeno 2 anni di esperienza pratica recente in produzione e richiedono una breve valutazione delle competenze prima dell'iscrizione. Entrambi includono anche coaching e mentoring per aiutarti a distinguerti nel mercato del lavoro. - TripleTen - github.com/tripleten-com - Sito web di TripleTen - tripleten.com - Presentato da Zapier: zapier.com - Zapier Next Gen Zaps - zapier.com Questa settimana, Andrew Warner e Adam Brakhane esplorano i repository GitHub e gli strumenti di intelligenza artificiale che stanno rendendo gli sviluppatori più produttivi. Dall'esecuzione di app open source nel cloud al potenziamento di agenti di programmazione basati su IA con funzionalità avanzate di sicurezza, design e gestione dei flussi di lavoro, questi progetti dimostrano cosa è possibile realizzare quando gli sviluppatori si basano sui modelli di intelligenza artificiale più recenti. L'episodio inizia con tre scoperte bonus: un modo per ospitare app open source a basso costo, la raccolta di competenze di programmazione di Theo e un progetto che rende possibile lo sviluppo di app iOS su Linux. Infine, Andrew e Adam presentano la classifica dei 10 migliori repository GitHub della settimana. Esplorano la funzionalità di audit di sicurezza di Cloudflare, Claude SEO, Impeccable, Superpowers, TradingAgents, le competenze ispirate a Karpathy, gli strumenti di design e accessibilità, T3 Code e i plugin Knowledge Work di Anthropic. Nel corso della presentazione, discutono di come i progetti open source possano trasformarsi in attività commerciali, perché le competenze debbano essere personalizzate e costantemente aggiornate, come sia possibile persuadere gli agenti IA a seguire le istruzioni e perché i migliori strumenti di programmazione stiano diventando molto più che semplici assistenti alla programmazione. Repository in evidenza: Bonus Openers - Every App: every-app/every-app - T3 Stack: t3dotgg/tstack - Omarchy Apple Dev: joshuaswarren/omarchy-apple-dev I 10 migliori repository GitHub - Cloudflare Security Audit Skill: cloudflare/security-audit-skill - Claude SEO: AgriciDaniel/claude-seo - Impeccable: pbakaus/impeccable - Superpowers: obra/superpowers - TradingAgents: TauricResearch/TradingAgents - Andrej Karpathy Skills: Italiano: multica-ai/andrej-karpathy-skills - Competenza nel gusto: Leonxlnx/taste-skill - Competenze di progettazione dell'interfaccia: jakubkrehel/skills - Codice T3: pingdotgg/t3code - Plugin per il lavoro basato sulla conoscenza: anthropics/knowledge-work-plugins 00:00 - I migliori repository GitHub di questa settimana 00:27 - Every App: ospita app open source per 5 $ 00:57 - Perché la facilità di implementazione è importante per l'open source 02:15 - Stack T3: le competenze di programmazione AI di Theo 02:42 - Perché dovresti personalizzare le tue competenze AI 03:43 - Omarchy Apple Dev: crea app iOS su Linux 04:29 - Perché Apple richiede hardware Mac per lo sviluppo iOS 05:43 - #1 Competenza per l'audit di sicurezza di Cloudflare 07:00 - #2 Claude SEO: Eseguire audit SEO con Claude Code 09:31 - #3 Impeccable: Dare agli agenti IA un gusto migliore per il design 10:35 - Gli strumenti di design open source possono diventare aziende? 12:40 - Presentato da TripleTen 14:36 ​​- #4 Superpoteri: Migliorare il processo degli agenti di programmazione 15:09 - Utilizzare i principi della persuasione per migliorare gli agenti IA 17:11 - #5 TradingAgents: Simulazione di trading tramite IA 18:41 - #6 Competenze di Andrej Karpathy 20:31 - Perché gli agenti IA faticano a seguire le liste di attività 21:43 - Presentato da Zapier: Rendere i flussi di lavoro IA più economici 22:38 - #7 Abilità di gusto: Assegnare un direttore artistico alla tua IA 24:36 - #8 Competenze di progettazione dell'interfaccia e accessibilità 26:20 - #9 Codice T3: Gestire più agenti di programmazione IA 27:20 - Eseguire agenti IA su più computer 30:46 - #10 Plugin per il lavoro basato sull... [pt-BR] Copie qualquer aplicativo, Claude fazendo SEO e os 10 principais repositórios Link para o recurso: thenextnewthing.ai - Este vídeo é patrocinado pela TripleTen, uma plataforma de educação profissional criada para ajudar profissionais de tecnologia e pessoas em transição de carreira a ingressarem em cargos mais bem remunerados nas áreas de tecnologia e IA. - Explore dois programas da TripleTen para engenheiros experientes: - Engenharia de Sistemas de IA (22 semanas): tripleten.com - IA e Aprendizado de Máquina (20 semanas): tripleten.com - Ambos são destinados a engenheiros com mais de 2 anos de experiência prática recente em produção e exigem uma breve avaliação de habilidades antes da inscrição. Ambos também incluem coaching de carreira e mentoria para ajudar você a se destacar no mercado de trabalho. - TripleTen - github.com/tripleten-com - Site da TripleTen - tripleten.com - Apresentado por Zapier: zapier.com - Zaps de Próxima Geração do Zapier - zapier.com Nesta semana, Andrew Warner recebe Adam Brakhane para explorar os repositórios do GitHub e as ferramentas de IA que estão tornando os desenvolvedores mais produtivos. Desde a execução de aplicativos de código aberto na nuvem até a atribuição de superpoderes de segurança, design e fluxo de trabalho a agentes de codificação de IA, esses projetos mostram o que é possível quando os desenvolvedores criam com base nos modelos de IA mais recentes. O episódio começa com três descobertas bônus: uma maneira de hospedar aplicativos de código aberto a baixo custo, a coleção de habilidades de programação de Theo e um projeto que torna possível o desenvolvimento de aplicativos iOS no Linux. Em seguida, Andrew e Adam apresentam a lista dos 10 principais repositórios do GitHub da semana. Eles exploram a habilidade de auditoria de segurança da Cloudflare, o Claude SEO, o Impeccable, o Superpowers, o TradingAgents, habilidades inspiradas em Karpathy, ferramentas de design e acessibilidade, o T3 Code e os plugins de trabalho intelectual da Anthropic. Ao longo do caminho, discutem como projetos de código aberto podem se tornar negócios, por que as habilidades precisam ser personalizadas e mantidas atualizadas, como agentes de IA podem ser persuadidos a seguir instruções e por que as melhores ferramentas de programação estão se tornando mais do que apenas assistentes de codificação. Repositórios em destaque: Aberturas bônus - Every App: every-app/every-app - T3 Stack: t3dotgg/tstack - Omarchy Apple Dev: joshuaswarren/omarchy-apple-dev Top 10 Repositórios do GitHub - Cloudflare Security Audit Skill: cloudflare/security-audit-skill - Claude SEO: AgriciDaniel/claude-seo - Impeccable: pbakaus/impeccable - Superpowers: obra/superpowers - TradingAgents: TauricResearch/TradingAgents - Andrej Karpathy Skills: multica-ai/andrej-karpathy-skills - Habilidade de Paladar: Leonxlnx/taste-skill - Habilidades de Design de Interface: jakubkrehel/skills - Código T3: pingdotgg/t3code - Plugins de Trabalho Intelectual: anthropics/knowledge-work-plugins 00:00 - Os Melhores Repositórios do GitHub desta Semana 00:27 - Every App: Hospede Aplicativos de Código Aberto por US$ 5 00:57 - Por que a Facilidade de Implantação é Importante para o Código Aberto 02:15 - T3 Stack: As Habilidades de Programação de IA do Theo 02:42 - Por que Você Deve Personalizar Suas Habilidades de IA 03:43 - Omarchy Apple Dev: Crie Aplicativos iOS no Linux 04:29 - Por que a Apple Exige Hardware Mac para iOS Desenvolvimento 05:43 - #1 Habilidade de Auditoria de Segurança do Cloudflare 07:00 - #2 Claude SEO: Execute Auditorias de SEO com o Claude Code 09:31 - #3 Impecável: Dê aos Agentes de IA um Melhor Senso de Design 10:35 - Ferramentas de Design de Código Aberto Podem se Tornar Negócios? 12:40 - Apresentado pela TripleTen 14:36 ​​- #4 Superpoderes: Dê aos Agentes de Codificação um Processo Melhor 15:09 - Usando Princípios de Persuasão para Aprimorar Agentes de IA 17:11 - #5 TradingAgents: Simulação de Negociação por IA 18:41 - #6 Habilidades de Andrej Karpathy 20:31 - Por que os Agentes de IA Têm Dificuldade em Seguir Listas de Tarefas 21:43 - Apresentado pela Zapier: Torne os Fluxos de Trabalho de IA Mais Baratos 22:38 - #7 Habilidade de Paladar: Dê à Sua IA um Diretor de Arte 24:36 - #8 Habilidades de Design de Interface e Acessibilidade 26:20 - #9 Código T3: Gerencie Vários Agentes de Codificação de IA 27:20 - Execute Agentes de IA em Vários Computadores 30:46 - #10 Plugins de Trabalho de Conhecimento Antrópico 31:14 - O que Devemos Abordar no First Stars? 31:45 - Camada d...

Trending repository of the day 📈 impeccable by @pbakaus The design vocabulary for your coding agent. Steer with polish and bolder, review with critique and audit, catch AI slop before it ships. Last 24h: 2,881 ⭐ Total: 94,188 ⭐️ pbakaus/impeccable