Project Info
Inspiration
Many students struggle to efficiently review specific concepts in long lecture recordings. Even with YouTube’s auto-generated chapter labels, users still have to manually scroll through these sections, and these labels often miss hyperspecific or nuanced topics, making it hard to quickly access exactly what’s needed.
What it does
ClipStudy allows users to paste in a YouTube video link and use natural language to ask for the specific concept they want to review. Our backend then analyzes the video transcript, finds the relevant timestamps, and automatically jumps to that point in our embedded video.
How we built it
We built ClipStudy.ai by developing a local script to fetch and clean YouTube video transcripts using yt-dlp and custom SRT parsing logic. Once the transcript is processed, we leverage Claude 4 Sonnet to analyze the transcript and identify segments relevant to a user’s query, using a prompt-based approach for granular concept detection. The backend coordinates transcript extraction and segment analysis, while the frontend presents an interface for users to submit links and review the identified video segments. All intermediate data (transcripts and segment metadata) are managed locally for efficiency and privacy.
Challenges we ran into
Curating and cleaning diverse YouTube transcripts with varying quality and formats Fine-tuning prompt engineering with Claude 4 Sonnet to accurately detect nuanced educational concepts Balancing fast response times with thorough transcript analysis for a smooth user experience
Accomplishments we're proud of
Successfully automated the end-to-end process from transcript extraction to concept-based video navigation Developed a robust transcript cleaning pipeline that handles a wide range of YouTube lecture formats Achieved accurate, AI-powered detection of nuanced concepts and seamless video segment jumping Built a privacy-focused system that processes and stores all user data locally
What we learned
The power of large language models for granular concept detection in long-form educational videos The value of prompt engineering for improving AI accuracy and relevance
What's next
Expand support to additional video platforms beyond YouTube, such as Vimeo, Zoom recordings, and educational portals. Integrate with popular notetaking and productivity apps such as Notion. Add support for YouTube playlists and video-searching inside the system (backend code exists).
ClipStudy
ClipStudy.ai lets you paste a YouTube lecture link and instantly jump to any concept you search for- no more endless scrolling, just focused, AI-powered video review.
Project Structure
backend/- Backend services and APIfrontend/- Frontend applicationdocs/- Documentation
Getting Started
- Run backend
cd backend & flask run -p 3001 - Run frontend
cd frontend & pnpm build & pnpm start - Go to localhost:3000
For docker deployment
- prepare for the Anthropic api key
- running following script on root
docker compose up --build -d
Analysis
View
Metric
- 24
- 18
- 4
- 4
Figures cover GitHub contributors during the hackathon window. A co-authored commit counts in full for each author, so per-member totals add up to more than the whole-team figures.
Technology
- CSSIn code
- JavaScriptIn code
- Next.jsIn code
- PythonIn code
- ReactIn code
- Tailwind CSSIn code
- TypeScriptIn code
- FlaskClaimed
7 of 8 appear in the indexed code. 1 claimed on Devpost could not be matched to code, which may simply mean the tool leaves no trace in the repository.
AI coding agents
No AI coding agent signals were found in this repository.
Detected from committed agent config files and commit authorship. Absence of a signal is not proof an agent was unused.
Codebase size
Source size
293 KB
Source files
14
Counts recognized source files only; vendored directories, binaries and lockfiles are excluded, so this is smaller than the repository on disk.
Repository
nependyala/ClipStudy
46 files · 827 KB · @ 40ffa87
Structure
Interface
3 files · 7%Screens, components and styles rendered to the user.
Application logic
21 files · 46%Domain rules, services and shared utilities.
Supporting
Layers are inferred from where files sit in the tree, not from reading the code. A project that names its directories unconventionally will read oddly here — open the file browser to check anything the diagram implies.
Languages
- YAML72%
- Python16%
- Markdown6%
- JavaScript4%
- Shell1%
- TypeScript0%
- Other (1)0%
Share of indexed source by file size. Binary and vendored files are excluded.
Dependencies
frontend/package.json
npm · 17- @radix-ui/react-icons
- @radix-ui/themes
- next
- react
- react-dom
- react-resizable-panels
- react-youtube
- usehooks-ts
- +9 more
Declared in the repository’s manifests at the indexed commit. A declared package is not proof it is used, and runtime dependencies are listed first.
This project’s features have not been analysed yet.
Export this project's context (description, README, evidence, key source files) to chat with an AI agent elsewhere.