Skills
Design skills
126 open-source Design skills you can use directly in a conversation.
- algorithmic-artCreate generative art with p5.js code
- canvas-designCreate original poster and art designs as PNG or PDF
- frontend-designDesign distinctive, non-templated web UI visuals
- theme-factoryApply a professional color and font theme to a document
- web-artifacts-builderBuild multi-component web app prototypes with React
- bentoGenerate a Bento-style design system guide
- boldDefine a bold, high-contrast design system for a product
- brutalismDefine a raw, brutalist visual design system for a product
- cleanDefine a minimal, clean visual design system for a product
- d3-vizBuild custom interactive data visualizations with D3.js
- logo-designDesign a logo with color, typography, and usage guidelines
- wireframingCreate text-based wireframes for UI screens
- Artifacts BuilderBuild a bundled React and Tailwind web app as one HTML file
- Canvas DesignGenerate original artwork or posters as PNG or PDF
- Theme FactoryApply a professional color and font theme to a document
- CanvasCreate and edit Obsidian JSON Canvas boards
- AgenticWrite design-system guidelines for AI-first interfaces
- AntApply Ant Design system rules to enterprise web interfaces
- ArtisticCreate a bold, high-contrast UI design system
- BasicGenerate a print-inspired editorial design system
- CafeDefine a warm, cafe-inspired visual design system
- ClaudeApply an editorial, ivory-and-slate design system
- ClaymorphismApply a soft, puffy claymorphism UI style
- CodexDraft a minimal, black-and-white design system guide
- ColorfulCreate a vibrant, high-contrast UI design system guideline
- ContemporaryGet contemporary minimalist design system guidance
- CorporateBuild a professional, brand-consistent design system
- CosmicDesign a futuristic, neon sci-fi visual style
- CreativeCreate playful design-system guidelines for landing pages
- DoodleGenerate a hand-drawn, doodle-style design system guide
- DramaticBuild bold, theatrical high-contrast interface designs
- EditorialBuild magazine-style editorial layouts and typography
- EnterpriseBuild a dark cloud-platform dashboard design system
- ExpressiveDraft a vibrant, playful design-system guideline
- FantasyCreate a bold, game-inspired fantasy design system
- FictionCreate a playful, storybook-style interface design
- FlatApply flat, minimalist visual design with vibrant colors
- FriendlyDesign a friendly, approachable UI with soft pastel colors
- FuturisticCreate futuristic-styled design system guidelines
- GeometricCreate a geometric, structured design system
- GlassmorphismBuild glassmorphism design system guidelines
- GradientBuild a gradient-based design system
- ImmersiveDefine a playful, exhibit-style brand design system
- ImpeccableDefine a warm editorial-poster brand design system
- LevelsCreate conversion-focused design system guidelines
- LingoCreate playful, friendly design system guidelines
- MaterialWrite Material Design system guidelines for a product
- MatrixWrite Matrix-style dark UI design system guidelines
- MinimalDraft minimalist UI design-system guidelines
- ModernGenerate a modern editorial design system
- MonoGenerate a monospace hacker-style design system
- NeobrutalismDefine a neobrutalism design system for an app or site
- NeonDefine a neon, high-contrast design system for an app
- NeumorphismDefine a neumorphism design system with soft, tactile UI
- PacmanApply a retro arcade pixel-art design system to a product
- PaperApply a minimal paper-textured print design system
- PerspectiveCreate a design system guide in a Perspective visual style
- PowerCreate a bold, dark-themed premium brand design system
- PremiumDraft Apple-style premium design system guidelines
- PulseBuild UI with the bold Pulse design system
- RefinedGenerate a minimalist design system with serif typography
- RetroCreate vintage-inspired design system rules
- RisoCreate a two-color risograph-style design system
- RokuCreate a purple-themed app dashboard design system
- SegaGenerate a pixel-art arcade design system for game UIs
- ShadcnGenerate a shadcn-style design system guide
- SketchDefine a hand-drawn sketch-style design system for a UI
- SkeumorphismWrite design-system rules for a skeuomorphic UI style
- SleekWrite minimalist design-system guidelines
- SpaciousDraft design-system rules built around generous whitespace
- SquareWrite refined, minimal design-system guidelines
- StitchCreate clean, high-contrast design system guidelines
- StorytellingCraft narrative-driven, engaging user experiences
- TerracottaApply a warm, clay-toned editorial design system
- TetrisCreate a playful, game-inspired design system guide
- VibrantWrite a colorful, playful design system for a brand
- VintageWrite a vintage-style design system guide
- Alphagbm Theme ResearchOrganize tickers into tracked investment themes
- Api DesignDesign stable, backward-compatible C# public APIs
- Type Design PerformanceDesign .NET types for better performance
- Category DesignerReframe a product's market category and positioning
- Arts & Design TutorBuild visual literacy in art, design, and UX
- Canvas GenerativeCreate generative art with Canvas 2D
- Design AuditAudit a codebase for animation, accessibility, and UI gaps
- Algorithmic PatternsGenerate biomimetic design patterns for architecture
- Bim ScriptingAutomate BIM workflows with Revit API, Dynamo, and pyRevit
- Cd CalculatorRun computational design calculations for AEC projects
- Computational GeometryWork with NURBS, meshes, and geometry for AEC design
- Data Driven DesignGround building and urban design decisions in real data
- Design AutomationApply rule-based automation to AEC design tasks
- Digital FabricationPlan CNC, robotic, and 3D-printed fabrication for AEC
- Environmental SimulationGuide daylight, energy, and CFD simulations for buildings
- Facade ComputationDesign and optimize building facade panelization systems
- Generative DesignExplore generative design options for building projects
- InteroperabilityNavigate file formats and data exchange in AEC design
- Mesh ProcessingHandle mesh data, repair, UV mapping, and analysis in AEC
- Ml For AecApply machine learning to architecture and construction
- Optimization MethodsApply optimization algorithms to AEC design problems
- Parametric ModelingPlan parametric design logic for AEC projects
- Scripting ReferenceLook up scripting patterns for Rhino, Grasshopper, and Revit
- Structural ComputationGenerate and analyze load-driven structural forms
- Accessibility TestingAudit websites for WCAG accessibility compliance
- Chatbot Conversation DesignDesign chatbot conversation flows and fallback logic
- Database Schema DesignDesign normalized relational database schemas
- Frontend DesignBuild production-ready, accessible frontend UI components
- Graphql Api DesignDesign GraphQL schemas, resolvers, and pagination
- Tool Schema DesignDesign clear, safe schemas for AI and MCP tools
- User Flow MappingDiagram user flows, decisions, and error states
- Block And DensityDesign urban blocks and optimize FAR-based density
- Climate Responsive DesignApply climate-specific urban design strategies
- Cost EstimationEstimate construction and infrastructure project costs
- Design BriefDraft urban design briefs, reports, and competition entries
- Design EvaluationScore a masterplan against major urban design standards
- Masterplan DesignDesign a complete urban masterplan for a site
- Mixed Use ProgrammingPlan the mix of land uses for a development site
- Mobility And TransportPlan urban mobility, mode split, and transit networks
- Precedent StudyResearch and write urban design precedent case studies
- Public Space DesignDesign parks, plazas, and other public spaces
- Site AnalysisAnalyze a site's regional, neighborhood and parcel context
- Street DesignDesign streets using NACTO urban design standards
- Sustainability ScoringScore urban designs against green building certifications
- Tod DesignDesign transit-oriented development around a station
- Urban CalculatorCalculate density, FAR, walkability, and parking metrics
- Urban Design FoundationsApply urban design theory and standards to planning work
- Urban RegenerationPlan brownfield, heritage-led, or neighborhood regeneration
- Zoning And CodesAnalyze zoning rules and draft development codes
Make your next great thing.
Bring a question, a file, or an idea that’s not quite there yet.