Form Input Design System
Generate accessible, token-ready form components with full validation and interactive states.
New: Skill bounties are live. Post a request, fund the bounty, and creators compete for 7 days to build it -> See open bounties
THE AGENSI STORE
127 skills found
Generate accessible, token-ready form components with full validation and interactive states.
by Echo Rose
Animation Assistant - A Premium AI Agent Skill
by Echo Rose
Android Navigation Pro - A Premium AI Agent Skill
Clones website layouts into clean, modern, framework-migrated templates with placeholder content.
by Echo Rose
Android App Builder - A Premium AI Agent Skill
by Nex AI
Build and deploy a no-build, walkable 3D Three.js portfolio with interactive iframe stations and droid movement.
by 葉淨維
Analyzes your site's layout and UI, interviews you about preferences, then generates AND Playwright-verifies a spotlight onboarding tour — accessible, i18n-ready, colorblind-safe, MIT.
by Shandra
Transforms Figma designs, screenshots, wireframes, prototypes, or written UI descriptions into precise frontend implementation specifications covering layout, spacing, typography, design tokens, components, responsive behavior, interaction states, animations, accessibility, assets, developer notes, QA criteria, and implementation risks.
by PupLogic
Automated WCAG 2.1 AA accessibility auditor that computes contrast ratios and provides code-level fixes.
Add WebMCP annotations to help AI agents navigate, search, and interact with your website forms.
by Mate I
Turn videos into high-performance, frame-perfect scroll-scrub animations for Next.js using GSAP and Canvas.
Replace generic AI-interface patterns with product-specific visual rules and a bounded implementation plan that preserves working behavior.
Find and finish the UI states AI-built apps commonly miss, then verify the smallest launch-ready patch across mobile and desktop.
by Timoranjes
Comprehensive React Hooks audit and optimization skill for AI coding agents. Audits all 15+ built-in React hooks for correct usage, dependency completeness, cleanup patterns, performance optimization,
by Shandra
Transforms UI descriptions, screenshots, wireframes, Figma references, and existing frontend code into precise, implementation-ready prompts for AI coding agents. Defines page structure, component architecture, design tokens, responsive behavior, interaction states, accessibility, data boundaries, performance requirements, file plans, acceptance criteria, verification steps, and output expectations for React, Next.js, TypeScript, Tailwind CSS, shadcn/ui, HTML/CSS, Vue, Svelte, and component-based web applications.
by nowrich
Turn a user-approved website into a provenance-backed DESIGN.md pack that separates measured tokens, inferred roles, conflicts, and unresolved gaps.
by Shandra
Audits web interfaces for accessibility and usability across contrast, typography, semantic structure, labels, focus states, keyboard navigation, alternative text, forms, errors, ARIA, navigation, overlays, tables, media, responsive reflow, touch usability, cognitive load, and interaction clarity.
by Shandra
Creates complete, scalable UI component systems for modern web applications, covering design tokens, buttons, cards, forms, navigation, modals, tables, tabs, alerts, badges, tooltips, pricing cards, responsive behavior, accessibility, documentation, testing, governance, and developer handoff.
by Shandra
Creates complete AI-ready prompt systems and implementation-aware specifications for coherent web UI design systems, including brand direction, design principles, colors, typography, spacing, grids, tokens, components, interaction states, dashboards, landing pages, responsive behavior, accessibility, Figma guidance, frontend guidance, governance, testing, and quality control.
by Shandra
Transforms desktop-heavy websites and web applications into deliberate mobile-first experiences with responsive navigation, content prioritization, touch-friendly controls, optimized spacing, cards, forms, CTAs, sticky actions, filters, tables, modals, accessibility, performance guidance, analytics, experimentation, and developer handoff.
by Shandra
Audits websites and web applications across desktop, tablet, and mobile to detect layout failures, spacing inconsistencies, typography problems, undersized controls, breakpoint defects, overflow, navigation issues, form problems, table failures, sticky-element collisions, accessibility risks, and mobile usability defects.
by YK
Enforce a strict, hardcoding-free, bilingual-first architecture for React and TypeScript projects.
by Ilya Demidov
⚠️ Atention. This is 1 item of 6 skills that cover entire SDLC. Feel free to download other OptiTech skills to build your SDLC.
by Nex AI
Generates premium, single-file HTML landing pages with inline assets, advanced SEO schema, and a hardened CSP.