Video wird geladen...

Video konnte nicht geladen werden

Beim Laden dieses Videos ist ein Problem aufgetreten. Dies könnte an einem vorübergehenden Netzwerkproblem liegen oder das Video ist möglicherweise nicht verfügbar.

🚀 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 Aufrufe • vor 3 Monaten •via X (Twitter)

Wissenschaft & Technologie Bildung

Anya Rossi• Live Now

Private livecam show

14 Kommentare

Profilbild von Jon Bishop

Jon Bishopvor 3 Monaten

Very cool! This is beautiful:

Profilbild von Tareq Ismail

Tareq Ismailvor 3 Monaten

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

Profilbild von mathurah

mathurahvor 3 Monaten

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

Profilbild von Tareq Ismail

Tareq Ismailvor 3 Monaten

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

Profilbild von keerthi

keerthivor 3 Monaten

so cool!!

Profilbild von Fran Escob

Fran Escobvor 3 Monaten

So cool man! Thanks for sharing

Profilbild von Peter

Petervor 3 Monaten

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

Profilbild von CryptoPraetoria

CryptoPraetoriavor 3 Monaten

Goat, exactly what I need

Profilbild von Alex Barba

Alex Barbavor 3 Monaten

Amazing! Great job Tareq.

Profilbild von Nikhil Akki

Nikhil Akkivor 3 Monaten

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 !

Profilbild von Tareq Ismail

Tareq Ismailvor 3 Monaten

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

Profilbild von Maiane

Maianevor 3 Monaten

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!

Profilbild von Tareq Ismail

Tareq Ismailvor 3 Monaten

thanks @sheisacreative! always open to feedback!

Profilbild von AI Mastery Guide

AI Mastery Guidevor 3 Monaten

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

Ähnliche Videos

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 Aufrufe • vor 1 Monat

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 Aufrufe • vor 8 Monaten

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 Aufrufe • vor 2 Monaten

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 Aufrufe • vor 18 Tagen

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 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 4 Monaten

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 Aufrufe • vor 6 Monaten

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 Aufrufe • vor 4 Monaten

/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 Aufrufe • vor 2 Monaten

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 Aufrufe • vor 1 Monat

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 Aufrufe • vor 8 Monaten

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 Aufrufe • vor 4 Monaten

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 Aufrufe • vor 1 Monat

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 Aufrufe • vor 1 Monat

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 Aufrufe • vor 1 Monat

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 Aufrufe • vor 3 Jahren

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 Aufrufe • vor 5 Monaten

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 Aufrufe • vor 2 Monaten