Ahmed Atef
Community@ahemdatef · Cairo, Egypt
Full Stack Developer
Agent Skills by Ahmed Atef
Showing 13 vetted skills indexed across 1 GitHub repositories.
ahemdatefuserinterface-wiki
Reviews web UI code against 152 rules covering animation, CSS, audio, typography, and UX patterns.
ahemdatefweb-design-guidelines
Reviews UI code files against Vercel Web Interface Guidelines and reports findings.
ahemdatefshadcn
Manages shadcn/ui components via CLI for adding, searching, styling, and composing React UI.
ahemdatefmake-interfaces-feel-better
Applies design engineering principles for polished UI typography, surfaces, animations, and performance.
ahemdateffeedback-loop
Prompts user approval via question tool after every frontend UI change.
ahemdatefai-elements
Build AI chat interfaces with shadcn/ui-based React components for Next.js applications.
ahemdateffrontend-design
Generate distinctive production-grade frontend interfaces with cohesive typography, color, motion, and layout.
ahemdatefvercel-react-best-practices
Applies Vercel performance optimization rules when writing and refactoring React and Next.js code.
ahemdatefemil-design-eng
Reviews and improves UI animation, easing, and interaction details in CSS and React code.
ahemdatefcaveman
Compresses AI responses into terse fragments while preserving technical accuracy.
ahemdatefgrill-me
Interviews the user question-by-question to stress-test plans and resolve design decisions.
ahemdatefstreamdown
Implement and configure Streamdown, a streaming-optimized React Markdown renderer with plugins.
ahemdateftanstack-form
Builds validated React forms using TanStack Form, Zod schemas, and Field components.
Frequently Asked Questions About Ahmed Atef
FAQPage SchemaWhat tasks can I accomplish with ahemdatef's skill registry?▼
You can review UI code for accessibility and design compliance, optimize React/Next.js performance, manage shadcn components, build chat interfaces with ai-elements, render streaming markdown via Streamdown, and create validated forms using TanStack Form with Zod.
Who should use these skills?▼
Frontend developers, design engineers, and full-stack developers building React or Next.js applications. The skills target engineers polishing UI details like animations, shadows, and typography, plus teams enforcing Web Interface Guidelines or Vercel performance best practices.
How do the shadcn and Streamdown skills run in practice?▼
The shadcn skill invokes the shadcn CLI through npx, pnpm dlx, or bunx to add, search, fix, and compose components in projects with components.json. Streamdown is configured through plugins for code highlighting, Mermaid, math, and CJK rendering.
Are these skills open source?▼
Licensing varies per skill. userinterface-wiki and vercel-react-best-practices are MIT licensed, frontend-design references terms in its LICENSE.txt, and remaining skills such as shadcn, ai-elements, and tanstack-form do not specify a license in their frontmatter.
What prerequisites do these skills require?▼
Most skills assume a React or Next.js project context. The shadcn skill requires a components.json file and package manager access (npx, pnpm, or bunx). TanStack Form requires Zod for validation, and Streamdown integrates with Tailwind, Shiki, or Vite setups.