正在加载视频...

视频加载失败

加载此视频时出现问题。这可能是由于临时网络问题，或视频可能不可用。

🚀 Introducing Frontend Textbooks — a simple Codex skill I made for myself. AI can create incredible deep dives but they end up as long and exhausting walls of text. This skill uses HTML to turn them them into well designed books with covers, diagrams, smart layouts. Try it... show more

Tareq Ismail

2,423 subscribers

26,014 次观看 • 3 个月前 •via X (Twitter)

科学技术教育

Anya Rossi• Live Now

Private livecam show

14 条评论

Jon Bishop 的头像

Jon Bishop3 个月前

Very cool! This is beautiful:

Tareq Ismail 的头像

Tareq Ismail3 个月前

Thanks Jon! Give it a whirl and send me feedback 🙏

mathurah 的头像

mathurah3 个月前

this is so cool and so needed! such a cool ship

Tareq Ismail 的头像

Tareq Ismail3 个月前

send me something you make with it! lots of improvements and page layouts to add

keerthi 的头像

keerthi3 个月前

so cool!!

Fran Escob 的头像

Fran Escob3 个月前

So cool man! Thanks for sharing

Peter 的头像

Peter3 个月前

bringing physical media back is great 👏 would love to see this breakdown an incident that brings down prod 😂

CryptoPraetoria 的头像

CryptoPraetoria3 个月前

Goat, exactly what I need

Alex Barba 的头像

Alex Barba3 个月前

Amazing! Great job Tareq.

Nikhil Akki 的头像

Nikhil Akki3 个月前

this is pretty cool, i created one for my SaaS app (attached incase anyone wants to see the output - I found it very useful, thanks for sharing !

Tareq Ismail 的头像

Tareq Ismail3 个月前

wow thanks for sharing! ugh I already see lots to improve there. will make some updates!

Maiane 的头像

Maiane3 个月前

I've just tested it (with Cursor 😅). This is great work! I wanted to transform some slides to a small "book" and your skill did a great job. Thanks for sharing!

Tareq Ismail 的头像

Tareq Ismail3 个月前

thanks @sheisacreative! always open to feedback!

AI Mastery Guide 的头像

AI Mastery Guide3 个月前

Turning walls of text into actual books, that's a great use of it

相关视频

Many people have asked me how I create these amazing animations using Opus 5.5. So I created a skill for it: video-by-reference It introduces a brand new design workflow that carefully studies a video's look, sound, editing, and pacing and adapts them into an inspired web animation. I've made this skill completely free and open-sourced. Any feedback is much appreciated!

Ishu Agrawal

31,916 次观看 • 1 个月前

Created an agent skill called “Visual Explainer” + set of complementary slash commands aimed to reduce my cognitive debt so the agent can explain complex things as rich HTML pages. The skill includes reference templates and a CSS pattern library so output stays consistently well-designed. Much easier for me to digest than squinting at walls of terminal text.

Created an agent skill called “Visual Explainer” + set of complementary slash commands aimed to reduce my cognitive debt so the agent can explain complex things as rich HTML pages. The skill includes reference templates and a CSS pattern library so output stays consistently well-designed. Much easier for me to digest than squinting at walls of terminal text.

Nico Bailon

1,465,604 次观看 • 8 个月前

Introducing Reca: A voice companion for Indian parents and grandparents. It talks to them, grows with them, can play games, order groceries, create learning plans and can actually help them pick up a new skill! Watch Reca in action ⬇️

Introducing Reca: A voice companion for Indian parents and grandparents. It talks to them, grows with them, can play games, order groceries, create learning plans and can actually help them pick up a new skill! Watch Reca in action ⬇️

shivansh

10,440 次观看 • 2 个月前

I made a skill that turns your app into a demo in HTML. So they stay sharp at any size, loop, scrub, jump to any step and stand still for reduced motion. I open-sourced it as a skill:

I made a skill that turns your app into a demo in HTML. So they stay sharp at any size, loop, scrub, jump to any step and stand still for reduced motion. I open-sourced it as a skill:

Meng To

38,056 次观看 • 18 天前

Creating professional diagrams shouldn’t take hours. With you can turn text into beautiful, structured diagrams instantly — just type, upload, or ask AI to create. Try it now ->

Creating professional diagrams shouldn’t take hours. With you can turn text into beautiful, structured diagrams instantly — just type, upload, or ask AI to create. Try it now ->

Mayank Agarwal 💡

39,754 次观看 • 1 年前

I created a complete walkthrough of my Frontend Slides skill (22k+ stars on GitHub): - Complete demo of how to create beautiful HTML slides with Claude Code (beginner friendly) - How I created the skill - How you can create your own skill - Tips like how to insert images/videos into deck, how to publish - Lessons I learned (11-min video, YouTube link below)

I created a complete walkthrough of my Frontend Slides skill (22k+ stars on GitHub): - Complete demo of how to create beautiful HTML slides with Claude Code (beginner friendly) - How I created the skill - How you can create your own skill - Tips like how to insert images/videos into deck, how to publish - Lessons I learned (11-min video, YouTube link below)

Zara Zhang

161,798 次观看 • 4 个月前

Introducing ´image-taste-mobile´, our first image skill for mobile apps. ChatGPT Images 2.0 is really good at generating UI screens. A lot of people asked for mobile skills so here it is. Generate clean mobile app screens and give them to your agent to turn them into code right away. Just add the skill file to Codex or ChatGPT.

Introducing ´image-taste-mobile´, our first image skill for mobile apps. ChatGPT Images 2.0 is really good at generating UI screens. A lot of people asked for mobile skills so here it is. Generate clean mobile app screens and give them to your agent to turn them into code right away. Just add the skill file to Codex or ChatGPT.

bluedev

93,789 次观看 • 6 个月前

i made a skill called /remove-ai-slop. inspired by emil’s review skill and cursor’s code quality skill, it’s for everyone who’s tired of the same AI slop tells in design and copy. you can grab it here: if it helps make your apps, websites, or landing pages a little less generic, give it a ⭐

i made a skill called /remove-ai-slop. inspired by emil’s review skill and cursor’s code quality skill, it’s for everyone who’s tired of the same AI slop tells in design and copy. you can grab it here: if it helps make your apps, websites, or landing pages a little less generic, give it a ⭐

Tushar Mehta

80,360 次观看 • 4 个月前

/You-can-now-create-and-use-skills-without-leaving-Figma → Create a skill with Figma agent → Publish a skill to Community → Save other skills from Community and try them using the “/” command

/You-can-now-create-and-use-skills-without-leaving-Figma → Create a skill with Figma agent → Publish a skill to Community → Save other skills from Community and try them using the “/” command

Figma

50,618 次观看 • 2 个月前

Your coding agent can make animations like this now. I released the skill for drawing them in JavaScript, with 4 visual styles and examples to start from. This 1,5 minute film was made using it. Pick a subject and try it:

Your coding agent can make animations like this now. I released the skill for drawing them in JavaScript, with 4 visual styles and examples to start from. This 1,5 minute film was made using it. Pick a subject and try it:

Alexey Fateev

48,967 次观看 • 1 个月前

omg... Openclaw can create and edit diagrams... No subscription needed using tldraw Ask your agent to set it up (skill below 👇)

omg... Openclaw can create and edit diagrams... No subscription needed using tldraw Ask your agent to set it up (skill below 👇)

Agenteers

40,188 次观看 • 8 个月前

Made a beautiful HTML deck using my Frontend Slides skill; very happy with how it turned out! Lots of easter eggs (e.g. you can click any image to enlarge them, lots of nested content/hyperlinks/interactive elements etc) Check it out:

Made a beautiful HTML deck using my Frontend Slides skill; very happy with how it turned out! Lots of easter eggs (e.g. you can click any image to enlarge them, lots of nested content/hyperlinks/interactive elements etc) Check it out:

Zara Zhang

14,576 次观看 • 4 个月前

What a killer video I made for Wispr Flow 😍 Crazy that I can prompt this and it was made in 10 mins 😳 All thanks to the SKILL file I created reply with "motion skill" below and I'll send it to you

What a killer video I made for Wispr Flow 😍 Crazy that I can prompt this and it was made in 10 mins 😳 All thanks to the SKILL file I created reply with "motion skill" below and I'll send it to you

Chain

12,976 次观看 • 1 个月前

Took 5 phone photos of my living room and Claude Code rebuilt it in 3D. Then I turned it into a skill. Now I can try different layouts and drag furniture around before moving anything heavy. It even flags when a chair gets boxed in. Inspired by Shimecki's room planner

Took 5 phone photos of my living room and Claude Code rebuilt it in 3D. Then I turned it into a skill. Now I can try different layouts and drag furniture around before moving anything heavy. It even flags when a chair gets boxed in. Inspired by Shimecki's room planner

Skylar Kitchen

50,675 次观看 • 1 个月前

Introducing the /turn-into-app skill Turn any agent workflow into a visual agentic app Text is great for many things, but an agentic app with a real UI can take your agent workflows to the next level in one command

Introducing the /turn-into-app skill Turn any agent workflow into a visual agentic app Text is great for many things, but an agentic app with a real UI can take your agent workflows to the next level in one command

Steve (Builder.io)

19,482 次观看 • 1 个月前

Introducing: Hope Couture A collection of camouflage patterns inspired by the unforgiving streets of Ireland and designed to help veterans survive them. Watch the stories that inspired this collection and Text Veteran to 50300 to donate €4

Introducing: Hope Couture A collection of camouflage patterns inspired by the unforgiving streets of Ireland and designed to help veterans survive them. Watch the stories that inspired this collection and Text Veteran to 50300 to donate €4

Óglaigh Náisiúnta na hÉireann (ONE)

43,510 次观看 • 3 年前

Say hello to open source deep research for your favorite agent harness. Our AI-Q agent skill packages the work of building a research pipeline into a portable skill. Drop it into your harness, and the agent delegates a research task to a local or hosted AI-Q server and gets back a detailed report with citations. See it in Codex below 👇

Say hello to open source deep research for your favorite agent harness. Our AI-Q agent skill packages the work of building a research pipeline into a portable skill. Drop it into your harness, and the agent delegates a research task to a local or hosted AI-Q server and gets back a detailed report with citations. See it in Codex below 👇

NVIDIA AI

76,607 次观看 • 5 个月前

Every company needs killer Skills library. Not a folder in GitHub that 10% of the company knows how to use. A living library the whole company benefits from. The best deal review skill gets better every time a sales rep uses it. A great research skill gets discovered instead of rebuilt 50 times. Creating a skill should be as easy as asking to create something useful from based on the context of your work. And the top skills (and skill creators) should rise to the top. Create, share, collaborate on, discover and understand usage of skills, organize them into databases by team or use case, then use them across any of your agents. Still early, but the idea is to make Notion the best home for your company’s collective AI skills. Made a quick demo (all available now)!

Every company needs killer Skills library. Not a folder in GitHub that 10% of the company knows how to use. A living library the whole company benefits from. The best deal review skill gets better every time a sales rep uses it. A great research skill gets discovered instead of rebuilt 50 times. Creating a skill should be as easy as asking to create something useful from based on the context of your work. And the top skills (and skill creators) should rise to the top. Create, share, collaborate on, discover and understand usage of skills, organize them into databases by team or use case, then use them across any of your agents. Still early, but the idea is to make Notion the best home for your company’s collective AI skills. Made a quick demo (all available now)!

Hurley

702,111 次观看 • 2 个月前