Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

🚀 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...

tareqismail's profile picture

Tareq Ismail

2,423 subscribers

26,014 görüntüleme • 3 ay önce •via X (Twitter)

Bilim & TeknolojiEğitim
LIVE

Anya Rossi• Live Now

Private livecam show

14 Yorum

Jon Bishop profil fotoğrafı
Jon Bishop3 ay önce

Very cool! This is beautiful:

Tareq Ismail profil fotoğrafı
Tareq Ismail3 ay önce

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

mathurah profil fotoğrafı
mathurah3 ay önce

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

Tareq Ismail profil fotoğrafı
Tareq Ismail3 ay önce

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

keerthi profil fotoğrafı
keerthi3 ay önce

so cool!!

Fran Escob profil fotoğrafı
Fran Escob3 ay önce

So cool man! Thanks for sharing

Peter profil fotoğrafı
Peter3 ay önce

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

CryptoPraetoria profil fotoğrafı
CryptoPraetoria3 ay önce

Goat, exactly what I need

Alex Barba profil fotoğrafı
Alex Barba3 ay önce

Amazing! Great job Tareq.

Nikhil Akki profil fotoğrafı
Nikhil Akki3 ay önce

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 profil fotoğrafı
Tareq Ismail3 ay önce

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

Maiane profil fotoğrafı
Maiane3 ay önce

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 profil fotoğrafı
Tareq Ismail3 ay önce

thanks @sheisacreative! always open to feedback!

AI Mastery Guide profil fotoğrafı
AI Mastery Guide3 ay önce

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

Benzer Videolar

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!
1:01

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 görüntüleme • 1 ay önce

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.
0:47

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 görüntüleme • 8 ay önce

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 ⬇️
1:55

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 görüntüleme • 2 ay önce

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:
0:31

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 görüntüleme • 18 gün önce

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 ->
2:56

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 görüntüleme • 1 yıl önce

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)
11:05

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 görüntüleme • 4 ay önce

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.
0:28

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 görüntüleme • 6 ay önce

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 ⭐
2:15

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 görüntüleme • 4 ay önce

/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
0:34

/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 görüntüleme • 2 ay önce

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:
1:36

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 görüntüleme • 1 ay önce

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

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

Agenteers

40,188 görüntüleme • 8 ay önce

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:
2:07

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 görüntüleme • 4 ay önce

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
0:32

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 görüntüleme • 1 ay önce

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
0:25

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 görüntüleme • 1 ay önce

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
1:41

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 görüntüleme • 1 ay önce

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
2:11

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 görüntüleme • 3 yıl önce

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 👇
4:10

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 görüntüleme • 5 ay önce

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)!
1:59

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 görüntüleme • 2 ay önce