
SOLENNE
Builds a complete coastal architecture studio website in plain HTML, CSS and JavaScript: a split-photo project index, colour-changing label cards, a material-textured monogram and film grain.
- Free community skill
- Installs from source, runs locally in your agent
- Sketchry
- https://sketchry.app/skills/solenne/
- sketchry.app
skillgild install solenneLicense: Sketchry · Created by Sketchry · The project lists support for Claude Code, Codex, Cursor

What you get
- A complete architecture studio website in plain HTML, CSS and JavaScript: index.html, styles.css and main.js, with no framework or build step
- A full-screen project index of ten houses where the two halves of each photograph slide in opposite directions and meet
- A label card that changes colour with every house, a monogram filled with real material textures, and a still film grain over the whole site
- Studio, process, materials, journal and contact sections, with a validated contact form
- A bundled demo asset pack: ten project photos, four studio photos, six material textures and a grain tile
Is it a good fit?
Good for
- Architects, interior and landscape studios that want a portfolio site with a printed, textured feel
- Developers and agencies building a studio site for a client from their own photos and copy
- Anyone who wants a design-led static site with no npm packages or hosting requirements
Not for
- Sites that need a CMS, a shop or a working backend; the contact form needs a real endpoint added
- Reusing the demo photos on their own: the asset license allows them only inside sites built with this skill
Requirements
- A coding agent that loads SKILL.md skills: Claude Code, Codex or Cursor
- No npm packages, frameworks, build step or MCP servers; fonts are Syne and Instrument Sans from Google Fonts (or self-hosted)
- For your own brand: a name and two-letter monogram, ten landscape project photos, four studio photos and six material crops
Install the SOLENNE skill
A free skill from Sketchry, published here with their permission. SkillGild hosts a checksummed copy of their package and your agent runs it locally with your own model; nothing runs on SkillGild. The files stay under Sketchry's license.
With the SkillGild CLI. It downloads the package, checks it and puts it into the right place for your agent; use
--agent codex,cursor,gemini-cliorantigravityfor other clients.Terminal skillgild install solenne --agent claude-code
Try asking
Requests that trigger this skill once it is installed in your agent.
Build a SOLENNE site for my architecture studio
Make a SOLENNE coastal studio website using the bundled demo assets
Build a SOLENNE site with my studio name, monogram and these ten project photos
Questions
How do I install SOLENNE in Claude Code?
Run skillgild install solenne --agent claude-code with the SkillGild CLI. Use --agent codex or cursor for other clients. The skill folder, with SKILL.md, the asset pack and LICENSE.txt, lands in your agent's skills folder; then ask your agent to build a SOLENNE site.
Who makes SOLENNE?
Sketchry (sketchry.app), a library of website-design skills for Claude Code, Codex and Cursor. Sketchry asked SkillGild to list SOLENNE as a free skill; SkillGild hosts a copy of their package so it installs in one command.
Can I use the bundled photos in client work?
Yes, inside websites and other work you build with this skill, including client projects. Sketchry's asset license does not allow reselling, sharing or publishing the files on their own. Swap in your client's own photos for their real site.
Does SOLENNE run on SkillGild?
No. Your agent reads the skill and writes the site locally with your own model. SkillGild only lists, credits and installs it.
Related guides
Setup steps and worked examples for this kind of skill.
- Compare 10 Claude Code design skills: tests and tradeoffsCompare 10 Claude Code design skills by task, output and model cost. See Frontend Design, Impeccable, Taste Skill and UI UX Pro Max tested on the same brief.
- Best Claude Code skills in 2026: 27 picks by jobPick Claude Code skills by task, requirements and install route. Compare local and hosted options, with four frontend skills tested on the same brief.
- How to install Claude Code skills (and skills for Codex, Cursor and Gemini CLI)Install a Claude Code skill from GitHub, a plugin or SkillGild in one command. Folder paths, personal vs project skills, verifying it loaded, troubleshooting, and the same steps for Codex, Cursor and Gemini CLI.
- How to create a Claude skillCreate a Claude skill from scratch: write SKILL.md with a name and description, add scripts and references, test it in Claude Code, make it work in Codex and Cursor, and share it on GitHub, as a plugin or on SkillGild.
Reviews
No reviews yet
Used SOLENNE? Your rating helps the next person decide.








