251 skills found · Page 5 of 9
BuilderIO / visual-editOpen and collaboratively edit a running local app in Design, with shared fallback previews and source handoff
BuilderIO / visual-planTurn ordinary text plans into rich interactive visual plans with diagrams, file maps, annotated code, open questions, and UI/prototype review when useful.
SamurAIGPT / muapi-ui-designGenerate high-fidelity UI/UX mockups for mobile and web apps using Atomic Design principles — creates wireframes and design systems via muapi.ai
davepoon / ios-hig-design-guideBuild, update, and apply iOS design specifications using Apple Human Interface Guidelines (HIG) source data
axtonliu / obsidian-canvas-creatorCreate Obsidian Canvas files from text content, supporting both MindMap and freeform layouts. Use this skill when users want to visualize content as an interactive canvas, create mind maps, or organize information spatially in Obsidian format.
CloudAI-X / threejs-react-three-fiberBuilding three.js scenes from React with React Three Fiber and drei: renderer setup, the scene graph as JSX, frame-loop, state and loading hooks, pointer events, and adaptive performance, on WebGL or with WebGPU and TSL
CloudAI-X / threejs-texturesThree.js textures: image loading, color spaces, UV channels and transforms, texture types from canvas to HDR and KTX2, render targets, texture memory
himself65 / generative-uiDesign system and templates for interactive HTML/SVG visuals in Claude and Codex, using an available inline renderer or a standalone HTML file.
plannotator / html-prototypeDirect-invocation specialist for polished, responsive, self-contained HTML mockups and interactive prototypes grounded in the user's conversation, product context, and design language
plannotator / htmlCreate or redesign self-contained single-file HTML artifacts with a visual direction shaped by the user's brief, project, and subject
plannotator / html-wireframeDirect-invocation specialist for low-fidelity, self-contained HTML wireframes that test information hierarchy, content, navigation, task flow, and responsive structure before visual design
Vincentwei1021 / anything2explainerTopic in, narrated explainer video out. A Claude Code / Codex skill that turns any topic into a black-canvas motion-graphics explainer video with TTS voiceover, subtitles and a chapter progress bar. Chinese or English; every frame drawn in code with Remotion.
glincker / thesvgThe open SVG brand library: 7,600+ brand logos and cloud icons (AWS, Azure, GCP) as official SVG. Search, copy, ship via npm, CDN, CLI, React, Vue, Svelte, Figma, VS Code, Raycast and MCP. Free, MIT, no gatekeeping.
aaron-he-zhu / positioning-truth-tracerUse when the user asks to "check our positioning against what we can actually ship", "trace which differentiators we can defend", or "reconcile the positioning canvas with the claims ledger"; reconciles the reused positioning canvas against the shippable stage and the claims ledger to produce a diff…
aaron-he-zhu / message-house-builderUse when the user asks to "build a message house", "write a PR-FAQ for our launch", or "define the launch narrative and value pillars"; derives from the positioning canvas a message house — tagline, one-liner, three value pillars, per-persona proof points (each labeled Measured / User-provided / [ne…
jeremylongshore / anima-performance-tuning'Optimize Anima code generation performance with caching, parallelism,
jeremylongshore / anima-rate-limits'Implement rate limiting for Anima API code generation requests.
jeremylongshore / anima-common-errors'Diagnose and fix common Anima SDK design-to-code errors.
jeremylongshore / anima-cost-tuning'Optimize Anima API costs through caching, incremental generation, and
jeremylongshore / anima-local-dev-loop'Set up iterative design-to-code development loop with Anima SDK.
jeremylongshore / anima-debug-bundle'Collect Anima SDK debug evidence for support tickets and troubleshooting.
runkids / skillshare-ui-website-styleSkillshare frontend design system for the React dashboard (ui/) and Docusaurus website (website/). Use this skill whenever you: build or modify a dashboard page or component in ui/src/, style or layout website pages or custom CSS in website/, create new React components for the dashboard, add pages…
expo / expo-design-systemBuild and maintain a design system inside an Expo app - a reusable theme of design tokens (color, spacing, typography, radius, shadow, motion), reusable component structure with variant/size/state prop conventions, and rules for when to extract a repeated view into a shared component
softaworks / design-system-starterCreate and evolve design systems with design tokens, component architecture, accessibility guidelines, and documentation templates. Ensures consistent, scalable, and accessible UI across products.
softaworks / qa-test-plannerGenerate comprehensive test plans, manual test cases, regression test suites, and bug reports for QA engineers. Includes Figma MCP integration for design validation.
elayadesign / landing-page-designComplete system for building high converting landing pages: intake questions, page structure, layout selection, conversion copywriting, SEO, plus strict visual rules for typography, spacing, corner radius, backgrounds, hero layout, icons, and motion.
yaklang / prototype-pollutionPrototype pollution testing for JavaScript stacks
wondelai / design-sprintRun a structured 5-day process to prototype, test, and validate product ideas with real users
wondelai / web-typographySelect, pair, and implement typefaces for web projects
wondelai / improve-code-qualityGuided journey from a working-but-untested vibe-coded prototype to a production-ready product with tests, clean structure, a business-rules boundary, and resilience at scale.
