#claudetiktok
10/10 Claude Skills for designers but they get increasingly more powerful. The following AI Skills will take your Designs to the next level in Claude Number 1 is the Emil Kowalski Design Skill. Most AI design is static, but this adds motion to components Number 2 is UI / UX Pro Max. It gives Claude a full design brain: layouts, colours, fonts and charts. Number 3 is Web Design Guidelines. It audits your code against Vercel’s latest design rules and flags weak designs Number 4 is Brandkit. It turns a rough idea into a full brand board with logos, colours, mockups, and visual direction. Number 5 is Extract Design System AI Skill. It pulls colours, typography, spacing, and shadows from any public website. Number 6 is Image To Code. It turns a visual reference into a real coded website without losing the design details. #claude #ai #claudetiktok
nocode.joshua135,000 görüntüleme • 4 ay önce
5 Things to put in your 2nd brain built in Claude and Notion. Everyone is talking about building a 2nd brain with AI, so here are 5 things I think everyone should put in their 2nd brain. 1. Life library 2. Projects and Tasks 3. An About Me Document 4. Daily Reviews 5. SOPs (Standard Operating Procedures) If you have a scalable 2nd brain where you can consistently store and capture information and context about your business and your life then the results you will get with AI models like Claude will be so much better. This is how to build a 2nd brain with Claude and Notion. #ai #claude #claudeai #claudetiktok
nocode.joshua40,800 görüntüleme • 2 ay önce
10/10 Claude skills but they get increasingly more useful. 1. The Humanizer skill for removing all AI writing patterns. 2. The Skill Creator skill for building your own custom skills. 3. The Firecrawl skill for giving Claude reliable access to any webpage. 4. The LinkedIn skill for writing and managing all your LinkedIn content. 5. The Superpowers skill for getting 20-plus battle-tested workflows in one install. 6. The MCP Builder skill for scaffolding a full MCP server from a single prompt. 7. The Caveman skill for cutting 75% of Claude's output tokens. 8. The Marketing skill by Corey Haines for copy, SEO, CRO, and email workflows. These are some AI Claude skills that could help you! #claude #ai #claudetiktok
nocode.joshua62,900 görüntüleme • 5 ay önce
5 GitHub Repos for Claude Code beginners. If you are a complete beginner at Claude Code then you may have heard of a term called a GitHub Repository. Well here are 5 GitHub Repository to get started with familiarizing yourself with as you start your Claude Code journey. #ai #claude #claudetiktok
nocode.joshua53,000 görüntüleme • 7 ay önce
STEP BY STEP EXPLANATION using 3d motion design skills in claude code👾. 1️⃣Use Claude to plan the full website structure this step ensures that pages, navigation flow, content hierarchy, and user experience are clearly structured. 2️⃣Run: claude mcp add magic —npx -y @21st-dev/magic@latest AND claude /setup-website-builder These commands install and initialize the required development environment and tools. The “magic” package acts as an enhancement layer that brings pre-built capabilities (like UI generation, animation handling, and component structuring) into Claude. The setup command prepares a website builder workflow so that Claude can generate production-ready components instead of just raw text or ideas. 3. Type in Claude code: “ install this skill” This step adds a specialized UI/UX skillset to Claude. The purpose is to elevate the quality of design output—making it more aligned with modern design systems, usability standards, and conversion-focused layouts. Instead of generic UI, Claude can now generate polished, high-quality interfaces with better spacing, typography, and interaction patterns. 4. Copy prompts from 3D animations you like from 21st.dev and generate them with Claude This step is about inspiration + execution. By taking proven or visually appealing 3D animation prompts, you ensure that the animations you generate are already validated in terms of aesthetics and user engagement. Claude then translates these prompts into actual usable assets or code, allowing you to integrate advanced visuals without manually designing them from scratch. 5. Launch site After structure, tooling, design skills, and visual assets are in place, the final step is deployment. #webdesign #aitrend #claude #claudetiktok #web
artifexcreative.ai16,000 görüntüleme • 6 ay önce
Daha fazla içerik yok.